import Header from "@/components/Header";
import Footer from "@/components/Footer";
import SEOBreadcrumb from "@/components/SEOBreadcrumb";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Calendar, Clock, User, ChevronRight } from "lucide-react";
import { useState } from "react";
import LazyImage from "@/components/LazyImage";
import blogSchwangerschaft from "@/assets/blog-schwangerschaft.jpg";
import blogGeburt from "@/assets/blog-geburt.jpg";
import blogWochenbett from "@/assets/blog-wochenbett.jpg";
import blogStillen from "@/assets/blog-stillen.jpg";
import blogErsteWochen from "@/assets/blog-erste-wochen.jpg";
import blogGeburtsvorbereitung from "@/assets/blog-geburtsvorbereitung.jpg";
import blogRueckbildung from "@/assets/blog-rueckbildung.jpg";

// Render inline **bold** markers as <strong> without using dangerouslySetInnerHTML
const renderInline = (text: string) => {
  const parts = text.split(/(\*\*[^*]+\*\*)/g);
  return parts.map((part, i) => {
    if (part.startsWith("**") && part.endsWith("**")) {
      return <strong key={i}>{part.slice(2, -2)}</strong>;
    }
    return <span key={i}>{part}</span>;
  });
};

// Parse simple markdown-ish content into headings, lists and paragraphs
const renderContent = (content: string) => {
  const blocks = content.split(/\n\s*\n/);
  const out: JSX.Element[] = [];
  blocks.forEach((raw, bIdx) => {
    const block = raw.trim();
    if (!block) return;
    const lines = block.split("\n").map((l) => l.trim()).filter(Boolean);
    // Heading: single line wrapped in **...**
    if (lines.length === 1 && /^\*\*[^*]+\*\*$/.test(lines[0])) {
      out.push(
        <h3 key={bIdx} className="text-xl font-semibold text-warm-foreground mt-6 mb-3">
          {lines[0].slice(2, -2)}
        </h3>
      );
      return;
    }
    // List: every line starts with "- "
    if (lines.every((l) => l.startsWith("- "))) {
      out.push(
        <ul key={bIdx} className="list-disc pl-6 mb-4 space-y-2 text-warm-foreground/80">
          {lines.map((l, i) => (
            <li key={i} className="leading-relaxed">{renderInline(l.slice(2))}</li>
          ))}
        </ul>
      );
      return;
    }
    // Mixed: render each line as its own paragraph (preserving list-style items too)
    out.push(
      <div key={bIdx} className="mb-4 space-y-2">
        {lines.map((l, i) =>
          l.startsWith("- ") ? (
            <ul key={i} className="list-disc pl-6 text-warm-foreground/80">
              <li className="leading-relaxed">{renderInline(l.slice(2))}</li>
            </ul>
          ) : (
            <p key={i} className="text-warm-foreground/80 leading-relaxed">
              {renderInline(l)}
            </p>
          )
        )}
      </div>
    );
  });
  return out;
};

const Blog = () => {
  const [selectedPost, setSelectedPost] = useState(null);

  const blogPosts = [
    {
      id: 1,
      title: "Schwangerschaftsvorsorge - was ist wichtig zu wissen",
      excerpt: "Die regelmäßige Vorsorge während der Schwangerschaft dient dazu, die Gesundheit von Mutter und Kind zu überwachen. Erfahren Sie, welche Untersuchungen wichtig sind und wie Sie optimal für sich und Ihr Baby sorgen können.",
      content: `Die Schwangerschaftsvorsorge ist ein wichtiger Bestandteil einer gesunden Schwangerschaft und dient dazu, die Gesundheit von Mutter und Kind zu überwachen.

**Warum ist Schwangerschaftsvorsorge wichtig?**

Die regelmäßige Vorsorge während der Schwangerschaft dient dazu, die Gesundheit von Mutter und Kind zu überwachen und mögliche Risiken frühzeitig zu erkennen. Durch die kontinuierliche Betreuung können Komplikationen rechtzeitig erkannt und behandelt werden, was zu einem besseren Schwangerschaftsausgang beiträgt.

**Wer führt die Vorsorgeuntersuchungen durch?**

In Deutschland können sowohl Hebammen als auch Gynäkologen die Schwangerschaftsvorsorge durchführen. Viele Frauen entscheiden sich für eine Kombination aus beiden: Die Basisuntersuchungen bei der Hebamme und die Ultraschalluntersuchungen beim Gynäkologen. Diese Zusammenarbeit bietet eine optimale Betreuung, bei der medizinische Überwachung und persönliche Begleitung Hand in Hand gehen.

**Welche Untersuchungen gehören zur Schwangerschaftsvorsorge?**

Zu den Standarduntersuchungen in der Schwangerschaftsvorsorge gehören:
- **Blutdruckmessung:** Regelmäßige Kontrolle, um Schwangerschaftshypertonie frühzeitig zu erkennen
- **Gewichtskontrolle:** Überwachung der Gewichtszunahme während der Schwangerschaft
- **Urinuntersuchung:** Test auf Eiweiß, Zucker und Infektionen
- **Blutuntersuchungen:** Bestimmung der Blutgruppe, Rhesusfaktor, Kontrolle auf Infektionen wie Röteln, Toxoplasmose, HIV (mit Einwilligung)
- **Messung des Bauchumfangs:** Kontrolle des Wachstums der Gebärmutter
- **Kontrolle der kindlichen Herztöne:** Überwachung des kindlichen Wohlbefindens
- **Ultraschalluntersuchungen:** In der Regel drei große Untersuchungen (9.-12. SSW, 19.-22. SSW, 29.-32. SSW)

**Wie oft sollte ich zur Vorsorge gehen?**

Die Häufigkeit der Vorsorgeuntersuchungen richtet sich nach dem Verlauf Ihrer Schwangerschaft:
- Bis zur 32. Schwangerschaftswoche: alle 4 Wochen
- 32. bis 36. Schwangerschaftswoche: alle 2 Wochen
- Ab der 36. Schwangerschaftswoche: wöchentlich
Bei Risikoschwangerschaften oder auftretenden Beschwerden können zusätzliche Termine notwendig sein.

**Was kann ich selbst für eine gesunde Schwangerschaft tun?**

Neben den regelmäßigen Vorsorgeuntersuchungen können Sie selbst viel für Ihre Gesundheit und die Ihres Babys tun:
- **Ausgewogene Ernährung:** Achten Sie auf eine nährstoffreiche Kost mit ausreichend Obst, Gemüse, Vollkornprodukten und Proteinen
- **Ausreichend Bewegung:** Moderate Bewegung wie Schwimmen, Yoga oder Spaziergänge fördern Ihr Wohlbefinden
- **Verzicht auf Alkohol und Nikotin:** Diese Substanzen können die Entwicklung Ihres Babys schädigen
- **Stressreduktion:** Finden Sie Wege, um Stress abzubauen, z.B. durch Entspannungsübungen oder Meditation
- **Ausreichend Ruhe:** Hören Sie auf Ihren Körper und gönnen Sie sich Pausen, wenn Sie sie brauchen

Bei Fragen stehe ich Ihnen jederzeit zur Verfügung - auch zwischen den Terminen.`,
      date: "15. Mai 2025",
      readTime: "8 Min.",
      image: blogSchwangerschaft,
      keywords: "Schwangerschaftsvorsorge, Hebamme Mainhausen, Schwangerschaft Mainhausen, Vorsorgeuntersuchung, Prenatal care"
    },
    {
      id: 2,
      title: "Die ersten Wochen mit dem Baby - Tipps für einen guten Start",
      excerpt: "Die ersten Wochen nach der Geburt sind eine Zeit großer Veränderungen. Erfahren Sie, wie Sie sich optimal erholen und eine starke Bindung zu Ihrem Baby aufbauen können.",
      content: `Die ersten Wochen nach der Geburt, auch Wochenbett genannt, sind eine Zeit großer Veränderungen und Anpassungen. Ihr Körper erholt sich von der Geburt, während Sie gleichzeitig die Bedürfnisse Ihres Neugeborenen kennenlernen.

**Das Wochenbett - eine besondere Zeit**

Diese Phase ist geprägt von intensiven Emotionen, wenig Schlaf und dem Aufbau einer tiefen Bindung zu Ihrem Kind.

**Selbstfürsorge in den ersten Wochen**

Auch wenn Ihr Baby jetzt im Mittelpunkt steht, ist es wichtig, dass Sie gut für sich selbst sorgen:
- **Ruhen Sie, wann immer möglich:** Schlafen Sie, wenn Ihr Baby schläft, und verzichten Sie auf unnötige Hausarbeiten
- **Nehmen Sie Hilfe an:** Lassen Sie Familie und Freunde Mahlzeiten bringen, einkaufen oder bei der Hausarbeit helfen
- **Achten Sie auf Ihre Ernährung:** Trinken Sie ausreichend und essen Sie nährstoffreiche Mahlzeiten, besonders wenn Sie stillen
- **Geben Sie sich Zeit zur Erholung:** Die Rückbildung des Körpers nach der Geburt braucht Zeit, überfordern Sie sich nicht

**Den Alltag mit dem Neugeborenen meistern**

Ein Neugeborenes bringt den gewohnten Tagesablauf durcheinander. Diese Tipps können helfen, den Alltag zu strukturieren:
- **Schaffen Sie einfache Routinen:** Feste Abläufe beim Wickeln, Baden und Schlafengehen geben Sicherheit
- **Lernen Sie die Signale Ihres Babys zu deuten:** Beobachten Sie, wie Ihr Baby Hunger, Müdigkeit oder Unbehagen ausdrückt
- **Tragen Sie Ihr Baby:** Babytragen oder Tragetücher beruhigen viele Babys und lassen Ihnen die Hände frei
- **Wechseln Sie sich mit Ihrem Partner ab:** Teilen Sie die Betreuung, damit beide eine Pause bekommen können

**Bindung aufbauen**

Die ersten Wochen sind entscheidend für den Aufbau einer sicheren Bindung zwischen Ihnen und Ihrem Baby:
- **Hautkontakt:** Kuscheln Sie viel mit Ihrem Baby, Haut-an-Haut-Kontakt fördert die Bindung und reguliert die Körpertemperatur des Babys
- **Blickkontakt:** Schauen Sie Ihr Baby beim Füttern und Wickeln an und sprechen Sie mit ihm
- **Reagieren Sie auf die Bedürfnisse:** Promptes Reagieren auf Weinen vermittelt Sicherheit und Vertrauen
- **Babymassage:** Sanfte Berührungen fördern die Entwicklung und stärken die Verbindung

Die ersten Wochen mit Ihrem Baby sind eine Zeit der Anpassung und des Kennenlernens. Seien Sie geduldig mit sich selbst und Ihrem Baby!`,
      date: "28. April 2025",
      readTime: "7 Min.",
      image: blogErsteWochen,
      keywords: "Wochenbett, erste Wochen Baby, Neugeborenes, Hebamme Mainhausen, Babypflege, Bindung aufbauen"
    },
    {
      id: 3,
      title: "Rückbildung nach der Geburt - warum sie so wichtig ist",
      excerpt: "Nach der Geburt braucht Ihr Körper Zeit zur Regeneration. Erfahren Sie, warum Rückbildungsgymnastik so wichtig ist und welche Übungen Ihnen helfen, wieder zu Kräften zu kommen.",
      content: `Während der Schwangerschaft und Geburt wird der weibliche Körper stark beansprucht. Die Rückbildungsgymnastik hilft dabei, diese Veränderungen zurückzubilden und den Körper zu stärken.

**Warum ist Rückbildung wichtig?**

Die Bauchmuskulatur dehnt sich aus, der Beckenboden wird belastet, und die Gebärmutter vergrößert sich um ein Vielfaches. Eine gezielte Rückbildung bietet viele Vorteile:
- **Stärkung des Beckenbodens:** Verhindert Inkontinenz und Senkungsbeschwerden
- **Kräftigung der Bauchmuskulatur:** Unterstützt die Wirbelsäule und verbessert die Körperhaltung
- **Förderung der Durchblutung:** Beschleunigt die Heilung und Regeneration
- **Vorbeugung von Spätfolgen:** Reduziert das Risiko für Beschwerden im späteren Leben

**Wann sollte mit der Rückbildung begonnen werden?**

Nach einer vaginalen Geburt kann mit leichten Beckenbodenübungen bereits in den ersten Tagen nach der Entbindung begonnen werden. Mit einem strukturierten Rückbildungskurs sollten Sie jedoch 6-8 Wochen warten, bis die Wundheilung abgeschlossen ist.

Nach einem Kaiserschnitt empfiehlt sich eine Wartezeit von 8-10 Wochen, bis die Narbe gut verheilt ist. Beginnen Sie auch hier mit sanften Übungen und steigern Sie langsam die Intensität.

**Die wichtigsten Übungsbereiche**

Der Beckenboden ist eine Muskelplatte, die den Bauchraum nach unten abschließt und die inneren Organe trägt. Durch Schwangerschaft und Geburt wird er stark gedehnt und geschwächt.

**Grundübung:** Spannen Sie den Beckenboden an, als würden Sie den Harnstrahl unterbrechen oder eine Tampon festhalten. Halten Sie die Spannung für 5-10 Sekunden und entspannen Sie dann bewusst.

**Tipps für eine erfolgreiche Rückbildung**

- **Regelmäßigkeit:** Kurze, tägliche Übungseinheiten sind effektiver als seltene, lange Trainingseinheiten
- **Integration in den Alltag:** Nutzen Sie Alltagssituationen wie das Stillen oder Wickeln, um Beckenbodenübungen durchzuführen
- **Geduld:** Die vollständige Rückbildung braucht Zeit, oft mehrere Monate
- **Professionelle Anleitung:** Ein Rückbildungskurs unter fachkundiger Leitung stellt sicher, dass Sie die Übungen korrekt ausführen

Die Rückbildungsgymnastik ist ein wichtiger Bestandteil der Nachsorge nach einer Geburt. Nehmen Sie sich die Zeit für diese Investition in Ihre Gesundheit!`,
      date: "25. März 2025",
      readTime: "6 Min.",
      image: blogRueckbildung,
      keywords: "Rückbildung, Rückbildungsgymnastik, Beckenboden, Hebamme Mainhausen, Postnatal care"
    },
    {
      id: 4,
      title: "Geburtsvorbereitungskurse - was Sie erwarten können",
      excerpt: "Ein Geburtsvorbereitungskurs bereitet Sie optimal auf die Geburt vor. Erfahren Sie, welche Inhalte vermittelt werden und warum eine professionelle Vorbereitung so wertvoll ist.",
      content: `Ein Geburtsvorbereitungskurs ist ein strukturiertes Angebot, das werdende Eltern auf die Geburt und die erste Zeit mit dem Baby vorbereitet.

**Was ist ein Geburtsvorbereitungskurs?**

Die Kurse werden in der Regel von Hebammen geleitet und vermitteln sowohl theoretisches Wissen als auch praktische Fähigkeiten.

**Warum ist ein Geburtsvorbereitungskurs sinnvoll?**

Die Teilnahme an einem Geburtsvorbereitungskurs bietet viele Vorteile:
- **Wissen und Vorbereitung:** Sie lernen, was Sie während der Geburt erwartet und wie Sie damit umgehen können
- **Angstreduktion:** Informationen und praktische Übungen können helfen, Ängste vor der Geburt abzubauen
- **Partnereinbindung:** Der Partner lernt, wie er während der Geburt unterstützen kann
- **Austausch:** Sie treffen andere werdende Eltern in einer ähnlichen Lebenssituation
- **Körperliche Vorbereitung:** Übungen zur Entspannung und Atmung können während der Geburt hilfreich sein

**Wann sollte man einen Kurs besuchen?**

Der ideale Zeitpunkt für einen Geburtsvorbereitungskurs liegt zwischen der 25. und 30. Schwangerschaftswoche. So haben Sie genügend Zeit, das Gelernte zu verarbeiten und zu üben, sind aber noch nicht zu nah am Geburtstermin.

**Welche Inhalte werden vermittelt?**

Die Inhalte können je nach Kursformat variieren, umfassen aber in der Regel:
- Ablauf der Geburt und Geburtsphasen
- Anzeichen für den Geburtsbeginn
- Möglichkeiten der Schmerzlinderung
- Medizinische Eingriffe und wann sie notwendig sein können
- Verschiedene Geburtspositionen und ihre Vorteile
- Stillen und Ernährung des Neugeborenen
- Wochenbett und erste Zeit mit dem Baby
- Atem- und Entspannungstechniken
- Massagetechniken zur Schmerzlinderung

**Wie finde ich den richtigen Kurs?**

Bei der Auswahl eines Geburtsvorbereitungskurses sollten Sie folgende Faktoren berücksichtigen:
- **Kursleitung:** Wird der Kurs von einer erfahrenen Hebamme geleitet?
- **Gruppengröße:** Kleinere Gruppen ermöglichen mehr individuelle Betreuung
- **Zeitlicher Rahmen:** Passt der Kurs in Ihren Zeitplan?
- **Inhalte:** Werden alle für Sie wichtigen Themen behandelt?
- **Partnereinbindung:** Ist der Partner bei allen Terminen willkommen?

Ein Geburtsvorbereitungskurs ist eine wertvolle Investition in eine positive Geburtserfahrung!`,
      date: "15. Februar 2025",
      readTime: "8 Min.",
      image: blogGeburtsvorbereitung,
      keywords: "Geburtsvorbereitung, Geburtsvorbereitungskurs, Hebamme Mainhausen, Atemtechniken, Entspannung"
    },
    {
      id: 5,
      title: "Stillen leicht gemacht - Grundlagen und häufige Herausforderungen",
      excerpt: "Stillen ist die natürlichste Ernährungsform für Babys. Hier finden Sie praktische Tipps zum Stillstart, verschiedene Stillpositionen und Lösungen für häufige Stillprobleme.",
      content: `Muttermilch ist die natürlichste und beste Nahrung für Ihr Baby. Als Stillberaterin unterstütze ich Sie dabei, eine erfolgreiche Stillbeziehung aufzubauen.

**Die Vorteile des Stillens**

Muttermilch bietet zahlreiche Vorteile:
- **Perfekte Zusammensetzung:** Muttermilch enthält alle Nährstoffe, die Ihr Baby in den ersten Lebensmonaten benötigt
- **Anpassungsfähigkeit:** Die Zusammensetzung der Milch ändert sich entsprechend den Bedürfnissen Ihres wachsenden Babys
- **Immunschutz:** Muttermilch enthält Antikörper, die Ihr Baby vor Infektionen schützen
- **Leichte Verdaulichkeit:** Muttermilch ist für den Verdauungstrakt des Babys optimal geeignet
- **Förderung der Bindung:** Stillen unterstützt die emotionale Bindung zwischen Mutter und Kind

**Der Stillbeginn**

Die ersten Tage sind entscheidend für einen guten Stillstart:
- **Frühes Anlegen:** Idealerweise wird das Baby innerhalb der ersten Stunde nach der Geburt angelegt
- **Kolostrum:** Die erste Milch (Vormilch) ist besonders nährstoffreich und wichtig für das Immunsystem des Babys
- **Häufiges Stillen:** In den ersten Tagen sollte das Baby 8-12 Mal in 24 Stunden angelegt werden, um die Milchproduktion anzuregen

**Die richtige Anlegetechnik**

Eine gute Anlegetechnik ist der Schlüssel zum erfolgreichen Stillen:
- **Bequeme Position:** Sorgen Sie dafür, dass Sie entspannt sitzen oder liegen
- **Bauch an Bauch:** Das Baby sollte Ihnen zugewandt sein, mit Ohr, Schulter und Hüfte in einer Linie
- **Mund weit geöffnet:** Warten Sie, bis Ihr Baby den Mund weit öffnet, bevor Sie es zur Brust führen
- **Tiefes Erfassen der Brustwarze:** Das Baby sollte nicht nur die Brustwarze, sondern auch einen großen Teil des Brustwarzenhofs im Mund haben

**Häufige Stillpositionen**

Es gibt verschiedene Stillpositionen, die Sie ausprobieren können:
- **Wiegehaltung:** Die klassische Position, bei der das Baby in Ihrem Arm liegt
- **Rückengriff:** Das Baby liegt seitlich neben Ihnen, besonders gut geeignet für große Babys oder bei Milchstau
- **Seitenlage:** Mutter und Baby liegen sich zugewandt auf der Seite, ideal für die Nacht
- **Laid-back-Nursing:** Die Mutter lehnt sich zurück, das Baby liegt bäuchlings auf ihr

**Häufige Stillprobleme und Lösungen**

Viele Mütter erleben Herausforderungen beim Stillen, die meist mit der richtigen Unterstützung überwunden werden können:

**Wunde Brustwarzen:**
- Überprüfen und korrigieren der Anlegetechnik
- Häufiges, aber kürzeres Anlegen
- Brustwarzen an der Luft trocknen lassen
- Auftragen von Muttermilch auf die Brustwarzen

**Milchstau:**
- Häufiges Anlegen, beginnend an der betroffenen Seite
- Warme Kompressen vor dem Stillen
- Sanfte Massage der verhärteten Stelle in Richtung Brustwarze
- Verschiedene Stillpositionen ausprobieren

Stillen ist eine natürliche Fähigkeit, die dennoch Übung und manchmal Unterstützung erfordert. Mit der richtigen Technik und Geduld können die meisten Stillprobleme überwunden werden.`,
      date: "10. April 2025",
      readTime: "9 Min.",
      image: blogStillen,
      keywords: "Stillen, Stillberatung, Hebamme Mainhausen, Muttermilch, Stillprobleme, Anlegetechnik, Stillpositionen"
    }
  ];

  if (selectedPost) {
    return (
      <div className="min-h-screen">
        <Header />
        <SEOBreadcrumb items={[{ label: "Blog", href: "/blog" }, { label: selectedPost.title }]} />
        <main className="pb-20">
          <div className="container mx-auto px-4 pt-8">
            <div className="max-w-4xl mx-auto">
              <article className="bg-white rounded-lg shadow-elegant p-8">
                {selectedPost.image && (
                  <img 
                    src={selectedPost.image} 
                    alt={selectedPost.title}
                    className="w-full h-64 object-cover rounded-lg mb-8"
                  />
                )}
                
                <div className="flex items-center gap-4 text-sm text-muted-foreground mb-6">
                  <div className="flex items-center gap-1">
                    <Calendar className="h-4 w-4" />
                    <span>{selectedPost.date}</span>
                  </div>
                  <div className="flex items-center gap-1">
                    <Clock className="h-4 w-4" />
                    <span>{selectedPost.readTime}</span>
                  </div>
                  <div className="flex items-center gap-1">
                    <User className="h-4 w-4" />
                    <span>Tanja Bobrow</span>
                  </div>
                </div>
                
                <h1 className="text-3xl font-bold mb-6">{selectedPost.title}</h1>
                
                <div className="prose prose-lg max-w-none">
                  {renderContent(selectedPost.content)}
                </div>
              </article>
            </div>
          </div>
        </main>
        <Footer />
      </div>
    );
  }

  return (
    <div className="min-h-screen">
      <Header />
      <SEOBreadcrumb items={[{ label: "Blog" }]} />
      <main className="pb-20">
        <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">
              Blog
            </h1>
            <p className="text-xl text-white/90 max-w-3xl mx-auto animate-slide-up">
              Informationen und Tipps rund um Schwangerschaft, Geburt und Wochenbett
            </p>
          </div>
        </section>

        {/* Blog Posts */}
        <section className="py-20 bg-warm">
          <div className="container mx-auto px-4">
            <div className="max-w-4xl mx-auto space-y-8">
              {blogPosts.map((post, index) => (
                <Card key={post.id} className="bg-white shadow-elegant border-0 hover:shadow-glow transition-all animate-fade-in group">
                  <div className="md:flex">
                    {post.image && (
                      <div className="md:w-1/3">
                        <img 
                          src={post.image} 
                          alt={post.title}
                          className="w-full h-48 md:h-full object-cover rounded-l-lg"
                        />
                      </div>
                    )}
                    <div className={post.image ? "md:w-2/3" : "w-full"}>
                      <CardHeader className="pb-4">
                        <div className="flex items-center gap-4 text-sm text-muted-foreground mb-3">
                          <div className="flex items-center gap-1">
                            <Calendar className="h-4 w-4" />
                            <span>{post.date}</span>
                          </div>
                          <div className="flex items-center gap-1">
                            <Clock className="h-4 w-4" />
                            <span>{post.readTime}</span>
                          </div>
                          <div className="flex items-center gap-1">
                            <User className="h-4 w-4" />
                            <span>Tanja Bobrow</span>
                          </div>
                        </div>
                        <CardTitle className="text-2xl text-warm-foreground group-hover:text-primary transition-colors">
                          {post.title}
                        </CardTitle>
                        <CardDescription className="text-warm-foreground/70 text-base">
                          {post.excerpt}
                        </CardDescription>
                      </CardHeader>
                      <CardContent>
                        <Button 
                          variant="outline" 
                          className="border-primary/20 hover:bg-primary hover:text-primary-foreground group/btn"
                          onClick={() => setSelectedPost(post)}
                        >
                          Weiterlesen
                          <ChevronRight className="h-4 w-4 ml-2 group-hover/btn:translate-x-1 transition-transform" />
                        </Button>
                      </CardContent>
                    </div>
                  </div>
                </Card>
              ))}
            </div>

            {/* Newsletter Signup */}
            <div className="max-w-2xl mx-auto mt-16">
              <Card className="bg-gradient-primary text-white border-0 shadow-elegant">
                <CardContent className="p-8 text-center">
                  <h3 className="text-2xl font-bold mb-4">
                    Bleiben Sie informiert
                  </h3>
                  <p className="text-white/90 mb-6">
                    Erhalten Sie regelmäßig nützliche Tipps und Informationen rund um 
                    Schwangerschaft, Geburt und Wochenbett.
                  </p>
                  <Button 
                    variant="secondary" 
                    size="lg"
                    onClick={() => window.location.href = '/#contact'}
                  >
                    Jetzt kontaktieren
                  </Button>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>
      </main>
      <Footer />
    </div>
  );
};

export default Blog;