import { useEffect } from 'react';

const faqRows = [
  {
    q: 'Wie schnell bekomme ich ehrliches Profilbild-Feedback?',
    a: 'Meistens innerhalb weniger Minuten – je nach Thema, ob du den Invite-Link früh teilst und wie klar der Aufruf ist.'
  },
  {
    q: 'Kann ich ohne Konto ein Feedback starten?',
    a: 'Ja. Du kannst direkt hochladen, den Invite-Link teilen und anschließend entscheiden, ob du dich anmeldest.'
  },
  {
    q: 'Worauf sollten gute Fotos achten?',
    a: 'Gute Belichtung, klarer Gesichtsausdruck, neutraler Hintergrund und ein realistischer Zuschnitt helfen, schnelleres Feedback zu bekommen.'
  }
];

const buildStructured = () => ([
  {
    '@context': 'https://schema.org',
    '@type': 'WebSite',
    name: 'bewertemich.de',
    url: 'https://bewertemich.de/'
  },
  {
    '@context': 'https://schema.org',
    '@type': 'FAQPage',
    mainEntity: faqRows.map((item) => ({
      '@type': 'Question',
      name: item.q,
      acceptedAnswer: {
        '@type': 'Answer',
        text: item.a
      }
    }))
  }
]);

export const HomeSeoMeta = () => {
  useEffect(() => {
    document.title = 'bewertemich.de | Profilbild-Feedback in Minuten';

    let descriptionTag = document.querySelector('meta[name="description"]');
    if (!descriptionTag) {
      descriptionTag = document.createElement('meta');
      descriptionTag.setAttribute('name', 'description');
      document.head.appendChild(descriptionTag);
    }
    descriptionTag.setAttribute(
      'content',
      'Teste mehrere Profilbilder, sammle Stimmen, vergleiche Varianten und steigere die Wirkung mit echtem, anonymem Feedback aus der Community.'
    );

    let canonical = document.querySelector('link[rel=canonical]');
    if (!canonical) {
      canonical = document.createElement('link');
      canonical.setAttribute('rel', 'canonical');
      document.head.appendChild(canonical);
    }
    canonical.setAttribute('href', 'https://bewertemich.de/');

    let jsonLd = document.getElementById('home-structured-data');
    if (!jsonLd) {
      jsonLd = document.createElement('script');
      jsonLd.setAttribute('id', 'home-structured-data');
      jsonLd.setAttribute('type', 'application/ld+json');
      document.head.appendChild(jsonLd);
    }
    jsonLd.textContent = JSON.stringify(buildStructured());
  }, []);

  return null;
};