import Header from "@/components/Header";
import Footer from "@/components/Footer";
import SEOBreadcrumb from "@/components/SEOBreadcrumb";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { 
  Accordion, 
  AccordionContent, 
  AccordionItem, 
  AccordionTrigger 
} from "@/components/ui/accordion";
import { MessageCircle, Phone, Mail } from "lucide-react";
import { Helmet } from "react-helmet-async";

const FAQ = () => {
  const faqCategories = [
    {
      title: "Schwangerschaftsvorsorge",
      questions: [
        {
          question: "Wie oft sollte ich zur Vorsorgeuntersuchung?",
          answer: "In der Regel alle 4 Wochen bis zur 32. Schwangerschaftswoche, danach alle 2 Wochen. Bei Risikoschwangerschaften können häufigere Termine notwendig sein."
        },
        {
          question: "Was wird bei der Vorsorgeuntersuchung gemacht?",
          answer: "Gewichtskontrolle, Blutdruckmessung, Urinuntersuchung, Tastuntersuchung des Bauches, Kontrolle der Herztöne des Babys und ausführliche Beratung."
        },
        {
          question: "Kann ich die Vorsorge komplett bei der Hebamme machen?",
          answer: "Ja, die meisten Vorsorgeuntersuchungen können von der Hebamme durchgeführt werden. Nur 3 Ultraschalluntersuchungen müssen beim Arzt stattfinden."
        },
        {
          question: "Übernimmt die Krankenkasse die Kosten?",
          answer: "Ja, alle regulären Vorsorgeuntersuchungen werden von der Krankenkasse übernommen. Zusätzliche Wunschleistungen können kostenpflichtig sein."
        }
      ]
    },
    {
      title: "Geburtsvorbereitung",
      questions: [
        {
          question: "Wann sollte ich mit der Geburtsvorbereitung beginnen?",
          answer: "Idealerweise zwischen der 28. und 32. Schwangerschaftswoche. So haben Sie genug Zeit, das Gelernte zu verinnerlichen."
        },
        {
          question: "Kann mein Partner an den Kursen teilnehmen?",
          answer: "Ja, gerne! Partnerkurse sind sehr wichtig, damit Ihr Partner weiß, wie er Sie während der Geburt optimal unterstützen kann."
        },
        {
          question: "Was lerne ich in der Geburtsvorbereitung?",
          answer: "Atemtechniken, Entspannungsmethoden, Geburtspositionen, Umgang mit Schmerzen und alles über den Geburtsablauf."
        },
        {
          question: "Bieten Sie auch individuelle Kurse an?",
          answer: "Ja, neben Gruppenkursen biete ich auch individuelle Geburtsvorbereitungen an, die speziell auf Ihre Bedürfnisse zugeschnitten sind."
        }
      ]
    },
    {
      title: "Wochenbettbetreuung",
      questions: [
        {
          question: "Wie lange dauert die Wochenbettbetreuung?",
          answer: "Die Betreuung kann bis zu 12 Wochen nach der Geburt erfolgen. Die Häufigkeit der Besuche richtet sich nach Ihrem individuellen Bedarf."
        },
        {
          question: "Was passiert bei den Hausbesuchen?",
          answer: "Kontrolle der Rückbildung, Stillberatung, Babypflege, Gewichtskontrolle des Babys, Nabelkontrolle und Beantwortung all Ihrer Fragen."
        },
        {
          question: "Wie schnell nach der Geburt kommen Sie?",
          answer: "Ich komme normalerweise am Tag nach der Entlassung aus dem Krankenhaus zu Ihnen nach Hause."
        },
        {
          question: "Was ist, wenn ich nachts Probleme habe?",
          answer: "Ich bin auch außerhalb der Sprechzeiten für Notfälle erreichbar. Zögern Sie nicht, bei Problemen anzurufen."
        }
      ]
    },
    {
      title: "Stillberatung",
      questions: [
        {
          question: "Wie lange sollte ich stillen?",
          answer: "Die WHO empfiehlt mindestens 6 Monate ausschließliches Stillen. Danach kann mit Beikost begonnen werden, während weitergestillt wird."
        },
        {
          question: "Was kann ich bei wunden Brustwarzen tun?",
          answer: "Meist liegt es an der falschen Anlegetechnik. Ich zeige Ihnen die richtige Position und gebe Tipps zur Pflege."
        },
        {
          question: "Mein Baby trinkt sehr häufig - ist das normal?",
          answer: "Ja, besonders in den ersten Wochen und während Wachstumsschüben ist häufiges Stillen völlig normal und wichtig für die Milchbildung."
        },
        {
          question: "Kann ich auch bei Stillproblemen Hilfe bekommen?",
          answer: "Auf jeden Fall! Stillprobleme sind häufig und meist gut lösbar. Ich helfe Ihnen bei allen Stillschwierigkeiten."
        }
      ]
    },
    {
      title: "Organisatorisches",
      questions: [
        {
          question: "Wie vereinbare ich einen Termin?",
          answer: "Sie können mich telefonisch, per E-Mail oder über das Kontaktformular erreichen. Ich melde mich schnellstmöglich zurück."
        },
        {
          question: "Kommen Sie auch am Wochenende?",
          answer: "Ja, für Notfälle und bei Bedarf bin ich auch am Wochenende erreichbar."
        },
        {
          question: "In welchem Umkreis betreuen Sie?",
          answer: "Hauptsächlich in Mainhausen und den umliegenden Gemeinden. Bei größeren Entfernungen sprechen Sie mich bitte an."
        },
        {
          question: "Was passiert, wenn Sie krank sind?",
          answer: "Ich habe ein Netzwerk von Kolleginnen, die Sie in Vertretung betreuen können, falls ich einmal ausfallen sollte."
        }
      ]
    }
  ];

  // Generate FAQ Schema for SEO
  const allFaqs = faqCategories.flatMap(cat => cat.questions);
  const faqSchema = {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": allFaqs.map(faq => ({
      "@type": "Question",
      "name": faq.question,
      "acceptedAnswer": {
        "@type": "Answer",
        "text": faq.answer
      }
    }))
  };

  return (
    <div className="min-h-screen">
      <Helmet>
        <title>FAQ - Häufige Fragen | Hebamme Tanja Bobrow</title>
        <meta name="description" content="Häufig gestellte Fragen zur Hebammenbetreuung: Schwangerschaftsvorsorge, Geburtsvorbereitung, Wochenbettbetreuung, Stillberatung. Alle Antworten von Hebamme Tanja Bobrow." />
        <link rel="canonical" href="https://tanja-bobrow.de/faq" />
        <script type="application/ld+json">
          {JSON.stringify(faqSchema)}
        </script>
      </Helmet>
      <Header />
      <SEOBreadcrumb items={[{ label: "Häufige Fragen" }]} />
      <main className="pb-20">
        {/* Hero Section */}
        <section className="bg-gradient-hero py-20">
          <div className="container mx-auto px-4 text-center">
            <h1 className="text-4xl md:text-6xl font-bold text-white mb-6 animate-fade-in">
              Häufige Fragen
            </h1>
            <p className="text-xl text-white/90 max-w-3xl mx-auto animate-slide-up">
              Hier finden Sie Antworten auf die am häufigsten gestellten Fragen 
              rund um meine Hebammenleistungen
            </p>
          </div>
        </section>

        {/* FAQ Content */}
        <section className="py-20 bg-warm">
          <div className="container mx-auto px-4">
            <div className="max-w-4xl mx-auto">
              {/* Quick Contact Banner */}
              <Card className="bg-gradient-primary text-white border-0 shadow-elegant mb-12">
                <CardContent className="p-8">
                  <div className="grid md:grid-cols-3 gap-6 text-center">
                    <div className="flex flex-col items-center">
                      <Phone className="h-8 w-8 mb-3" />
                      <h3 className="font-semibold mb-2">Schnelle Hilfe</h3>
                      <p className="text-white/90 text-sm">Bei dringenden Fragen rufen Sie mich gerne direkt an</p>
                    </div>
                    <div className="flex flex-col items-center">
                      <Mail className="h-8 w-8 mb-3" />
                      <h3 className="font-semibold mb-2">E-Mail Beratung</h3>
                      <p className="text-white/90 text-sm">Für nicht-dringende Fragen per E-Mail</p>
                    </div>
                    <div className="flex flex-col items-center">
                      <MessageCircle className="h-8 w-8 mb-3" />
                      <h3 className="font-semibold mb-2">Persönliche Beratung</h3>
                      <p className="text-white/90 text-sm">Ausführliche Beratung bei Ihnen zu Hause</p>
                    </div>
                  </div>
                </CardContent>
              </Card>

              {/* FAQ Sections */}
              {faqCategories.map((category, categoryIndex) => (
                <Card key={categoryIndex} className="bg-white shadow-warm border-0 mb-8 animate-fade-in">
                  <CardContent className="p-8">
                    <h2 className="text-2xl font-bold text-warm-foreground mb-6 text-center">
                      {category.title}
                    </h2>
                    <Accordion type="single" collapsible className="space-y-4">
                      {category.questions.map((faq, faqIndex) => (
                        <AccordionItem 
                          key={faqIndex} 
                          value={`${categoryIndex}-${faqIndex}`}
                          className="border border-warm/50 rounded-lg px-4"
                        >
                          <AccordionTrigger className="text-left font-medium text-warm-foreground hover:text-primary">
                            {faq.question}
                          </AccordionTrigger>
                          <AccordionContent className="text-warm-foreground/80 pt-4">
                            {faq.answer}
                          </AccordionContent>
                        </AccordionItem>
                      ))}
                    </Accordion>
                  </CardContent>
                </Card>
              ))}

              {/* Contact CTA */}
              <Card className="bg-secondary/10 border-secondary/20">
                <CardContent className="p-8 text-center">
                  <h3 className="text-2xl font-bold text-warm-foreground mb-4">
                    Ihre Frage war nicht dabei?
                  </h3>
                  <p className="text-warm-foreground/80 mb-6 max-w-2xl mx-auto">
                    Kein Problem! Ich beantworte gerne alle Ihre Fragen persönlich. 
                    Zögern Sie nicht, mich zu kontaktieren - auch bei kleinen Unsicherheiten.
                  </p>
                  <div className="flex flex-col sm:flex-row gap-4 justify-center">
                    <Button 
                      size="lg"
                      className="bg-gradient-primary text-primary-foreground shadow-elegant"
                      onClick={() => window.location.href = '/#contact'}
                    >
                      Jetzt Frage stellen
                    </Button>
                    <Button 
                      variant="outline" 
                      size="lg"
                      className="border-primary/20 hover:bg-primary hover:text-primary-foreground"
                      onClick={() => window.location.href = 'tel:+4917684602796'}
                    >
                      Direkt anrufen
                    </Button>
                  </div>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>
      </main>
      <Footer />
    </div>
  );
};

export default FAQ;