From 5ce7f74d6eaa6ac6bcec89e457fb7a76c83a34d6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 14 Jun 2026 11:28:35 +0000
Subject: [PATCH] Update src/pages/HomePage.tsx

---
 src/pages/HomePage.tsx | 275 ++++++++++++++++++++---------------------
 1 file changed, 131 insertions(+), 144 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index a28cfca..7c9bd18 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -6,162 +6,149 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
 import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
 import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
 import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
-import { Calendar, Sparkles, Flower } from "lucide-react";
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import { Flower, Sparkles, Calendar } from "lucide-react";
 
 export default function HomePage() {
   return (
     <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-      <HeroCenteredLogos
-        avatarsSrc={[]}
-        avatarText=""
-        title="Blumen, die begeistern. Dekoration, die inspiriert."
-        description="Entdecken Sie einzigartige Blumenarrangements, stilvolle Dekorationen und liebevoll ausgewählte Wohnaccessoires für jeden Anlass."
-        primaryButton={{
-          text: "Jetzt entdecken",          href: "#products"}}
-        secondaryButton={{
-          text: "Blumen bestellen",          href: "#contact"}}
-        names={[]}
-        imageSrc="http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910700.jpg"
-      />
-    </SectionErrorBoundary>
-  </div>
+      <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+          <HeroCenteredLogos
+            avatarsSrc={[]}
+            avatarText=""
+            title="Blumen, die begeistern. Dekoration, die inspiriert."
+            description="Entdecken Sie einzigartige Blumenarrangements, stilvolle Dekorationen und liebevoll ausgewählte Wohnaccessoires für jeden Anlass."
+            primaryButton={{ text: "Jetzt entdecken", href: "#products" }}
+            secondaryButton={{ text: "Blumen bestellen", href: "#contact" }}
+            names={[]}
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910700.jpg"
+          />
+        </SectionErrorBoundary>
+      </div>
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-      <MetricsFeatureCards
-        tag="Unsere Expertise"
-        title="Warum unsere Kunden uns lieben"
-        description="Wir stehen für Exzellenz in Floristik und Dekoration."
-        metrics={[
-          {
-            value: "100%",            title: "Handwerkskunst",            features: [
-              "Individuelle Designs",              "Hochwertige Blumen",              "Mit Liebe gestaltet"],
-          },
-          {
-            value: "1.000+",            title: "Begeisterte Kunden",            features: [
-              "Persönliche Beratung",              "Individuelle Geschenke",              "Hohe Kaufzufriedenheit"],
-          },
-          {
-            value: "15+",            title: "Jahre Erfahrung",            features: [
-              "Besondere Deko",              "Saisonale Highlights",              "Eventexpertise"],
-          },
-        ]}
-      />
-    </SectionErrorBoundary>
-  </div>
+      <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+          <MetricsFeatureCards
+            tag="Unsere Expertise"
+            title="Warum unsere Kunden uns lieben"
+            description="Wir stehen für Exzellenz in Floristik und Dekoration."
+            metrics={[
+              { value: "100%", title: "Handwerkskunst", features: ["Individuelle Designs", "Hochwertige Blumen", "Mit Liebe gestaltet"] },
+              { value: "1.000+", title: "Begeisterte Kunden", features: ["Persönliche Beratung", "Individuelle Geschenke", "Hohe Kaufzufriedenheit"] },
+              { value: "15+", title: "Jahre Erfahrung", features: ["Besondere Deko", "Saisonale Highlights", "Eventexpertise"] },
+            ]}
+          />
+        </SectionErrorBoundary>
+      </div>
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-      <AboutTestimonial
-        tag="Über S'Bluemewunder"
-        quote="Bei S'Bluemewunder | S'Deko-Wunder finden Sie nicht einfach Blumen und Dekoration – sondern kleine Kunstwerke. Wir glauben daran, dass Blumen Emotionen transportieren und Dekoration Räume zum Leben erweckt."
-        author="Ihr S'Bluemewunder Team"
-        role="Floristik & Design Atelier"
-        imageSrc="http://img.b2bpic.net/free-photo/colored-vases-cactus-interior-cafe-east-style-comfort-style_169016-4718.jpg"
-      />
-    </SectionErrorBoundary>
-  </div>
+      <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+          <AboutTestimonial
+            tag="Über S'Bluemewunder"
+            quote="Bei S'Bluemewunder | S'Deko-Wunder finden Sie nicht einfach Blumen und Dekoration – sondern kleine Kunstwerke. Wir glauben daran, dass Blumen Emotionen transportieren und Dekoration Räume zum Leben erweckt."
+            author="Ihr S'Bluemewunder Team"
+            role="Floristik & Design Atelier"
+            imageSrc="http://img.b2bpic.net/free-photo/colored-vases-cactus-interior-cafe-east-style-comfort-style_169016-4718.jpg"
+          />
+        </SectionErrorBoundary>
+      </div>
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-      <FeaturesBento
-        tag="Unsere Schwerpunkte"
-        title="Kreativität & Qualität"
-        description="Jedes Produkt wird sorgfältig ausgewählt und mit Leidenschaft präsentiert."
-        features={[
-          {
-            title: "Floristik",            description: "Von Brautsträußen bis zur Event-Floristik.",            bentoComponent: "media-stack",            mediaItems: [
-              { imageSrc: "http://img.b2bpic.net/free-photo/christmas-bouquet-wheat-plant-baskets_114579-2099.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-6218.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-mother-s-day-gift-bouquet-chrysanthemum-flowers-her-hands_169016-15440.jpg" },
-            ],
-          },
-          {
-            title: "Deko-Konzepte",            description: "Individuelle Wohnkonzepte für Ihr Zuhause.",            bentoComponent: "checklist-timeline",            heading: "Ihre Vorteile",            subheading: "Warum bei uns?",            checklistItems: [
-              { label: "Einzigartiges Design", detail: "Kein Design von der Stange" },
-              { label: "Hohe Qualität", detail: "Langlebige Produkte" },
-              { label: "Liebe zum Detail", detail: "Jedes Stück ist geprüft" },
-            ],
-            completedLabel: "Alles inklusive"},
-          {
-            title: "Service",            description: "Persönliche Beratung und Firmenservice.",            bentoComponent: "info-card-marquee",            infoCards: [
-              { icon: "Flower", label: "Beratung", value: "Individuell" },
-              { icon: "Sparkles", label: "Design", value: "Exklusiv" },
-              { icon: "Calendar", label: "Events", value: "Unvergesslich" },
-            ],
-          },
-        ]}
-      />
-    </SectionErrorBoundary>
-  </div>
+      <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+          <FeaturesBento
+            tag="Unsere Schwerpunkte"
+            title="Kreativität & Qualität"
+            description="Jedes Produkt wird sorgfältig ausgewählt und mit Leidenschaft präsentiert."
+            features={[
+              {
+                title: "Floristik",                description: "Von Brautsträußen bis zur Event-Floristik.",                bentoComponent: "media-stack",                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/christmas-bouquet-wheat-plant-baskets_114579-2099.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-6218.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-mother-s-day-gift-bouquet-chrysanthemum-flowers-her-hands_169016-15440.jpg" },
+                ],
+              },
+              {
+                title: "Deko-Konzepte",                description: "Individuelle Wohnkonzepte für Ihr Zuhause.",                bentoComponent: "checklist-timeline",                heading: "Ihre Vorteile",                subheading: "Warum bei uns?",                checklistItems: [
+                  { label: "Einzigartiges Design", detail: "Kein Design von der Stange" },
+                  { label: "Hohe Qualität", detail: "Langlebige Produkte" },
+                  { label: "Liebe zum Detail", detail: "Jedes Stück ist geprüft" },
+                ],
+                completedLabel: "Alles inklusive"},
+              {
+                title: "Service",                description: "Persönliche Beratung und Firmenservice.",                bentoComponent: "info-card-marquee",                infoCards: [
+                  { icon: "Flower", label: "Beratung", value: "Individuell" },
+                  { icon: "Sparkles", label: "Design", value: "Exklusiv" },
+                  { icon: "Calendar", label: "Events", value: "Unvergesslich" },
+                ],
+              },
+            ]}
+          />
+        </SectionErrorBoundary>
+      </div>
 
-  <div id="products" data-section="products">
-    <SectionErrorBoundary name="products">
-      <FeaturesImageBento
-        tag="Unsere Angebote"
-        title="Entdecken Sie unsere Vielfalt"
-        description="Blumenarrangements, Wohnaccessoires und besondere Geschenke."
-        items={[
-          { title: "Blumensträuße", description: "Saisonal und frisch.", imageSrc: "http://img.b2bpic.net/free-photo/festive-background-with-gift-box-flowers_169016-50129.jpg" },
-          { title: "Wohnaccessoires", description: "Stilvolle Wohndeko.", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230660.jpg" },
-          { title: "Geschenke", description: "Individuell & persönlich.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-furoshiki-package_23-2150274454.jpg" },
-          { title: "Hochzeitsfloristik", description: "Traumhafte Blumen.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-florist-table-flower-shop_23-2147761006.jpg" },
-          { title: "Firmenservice", description: "Exklusive Empfänge.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone-table_23-2147760935.jpg" },
-          { title: "Kerzen & Deko", description: "Saisonale Highlights.", imageSrc: "http://img.b2bpic.net/free-photo/led-lights-garland-light-bulbs-bokeh-background_169016-49335.jpg" },
-          { title: "Exklusive Kunst", description: "Besondere Wohnideen.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897662.jpg" },
-        ]}
-      />
-    </SectionErrorBoundary>
-  </div>
+      <div id="products" data-section="products">
+        <SectionErrorBoundary name="products">
+          <FeaturesImageBento
+            tag="Unsere Angebote"
+            title="Entdecken Sie unsere Vielfalt"
+            description="Blumenarrangements, Wohnaccessoires und besondere Geschenke."
+            items={[
+              { title: "Blumensträuße", description: "Saisonal und frisch.", imageSrc: "http://img.b2bpic.net/free-photo/festive-background-with-gift-box-flowers_169016-50129.jpg" },
+              { title: "Wohnaccessoires", description: "Stilvolle Wohndeko.", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230660.jpg" },
+              { title: "Geschenke", description: "Individuell & persönlich.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-furoshiki-package_23-2150274454.jpg" },
+              { title: "Hochzeitsfloristik", description: "Traumhafte Blumen.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-florist-table-flower-shop_23-2147761006.jpg" },
+              { title: "Firmenservice", description: "Exklusive Empfänge.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone-table_23-2147760935.jpg" },
+              { title: "Kerzen & Deko", description: "Saisonale Highlights.", imageSrc: "http://img.b2bpic.net/free-photo/led-lights-garland-light-bulbs-bokeh-background_169016-49335.jpg" },
+              { title: "Exklusive Kunst", description: "Besondere Wohnideen.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897662.jpg" },
+            ]}
+          />
+        </SectionErrorBoundary>
+      </div>
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-      <TestimonialOverlayCards
-        tag="Kundenstimmen"
-        title="Was unsere Kunden sagen"
-        description="Wir freuen uns über so viel positives Feedback."
-        testimonials={[
-          { name: "Sarah Müller", role: "Braut", company: "Hochzeitskunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-holding-rose-bouquet_23-2147760932.jpg" },
-          { name: "Markus Schmidt", role: "Geschäftskunde", company: "Bürodesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park_1157-19812.jpg" },
-          { name: "Elena Weber", role: "Deko-Fan", company: "Stammkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/time-make-right-decision_329181-8015.jpg" },
-          { name: "Lisa Wagner", role: "Geschenke-Käuferin", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-spending-time-together-medium-shot_23-2148950619.jpg" },
-          { name: "Tom Kaiser", role: "Event-Planer", company: "Partner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/french-woman-with-baguettes-street-beret_1321-333.jpg" },
-        ]}
-      />
-    </SectionErrorBoundary>
-  </div>
+      <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+          <TestimonialOverlayCards
+            tag="Kundenstimmen"
+            title="Was unsere Kunden sagen"
+            description="Wir freuen uns über so viel positives Feedback."
+            testimonials={[
+              { name: "Sarah Müller", role: "Braut", company: "Hochzeitskunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-holding-rose-bouquet_23-2147760932.jpg" },
+              { name: "Markus Schmidt", role: "Geschäftskunde", company: "Bürodesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park_1157-19812.jpg" },
+              { name: "Elena Weber", role: "Deko-Fan", company: "Stammkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/time-make-right-decision_329181-8015.jpg" },
+              { name: "Lisa Wagner", role: "Geschenke-Käuferin", company: "Privatkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-spending-time-together-medium-shot_23-2148950619.jpg" },
+              { name: "Tom Kaiser", role: "Event-Planer", company: "Partner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/french-woman-with-baguettes-street-beret_1321-333.jpg" },
+            ]}
+          />
+        </SectionErrorBoundary>
+      </div>
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-      <FaqTwoColumn
-        tag="Fragen & Antworten"
-        title="Häufige Fragen"
-        items={[
-          { question: "Bieten Sie auch Hochzeits-Floristik an?", answer: "Ja, wir gestalten individuelle Konzepte für Ihren besonderen Tag." },
-          { question: "Haben Sie einen Firmenservice?", answer: "Wir dekorieren Empfangsbereiche, Büros und Events professionell." },
-          { question: "Gibt es Gutscheine?", answer: "Ja, wir bieten Geschenkgutscheine an, die individuell anpassbar sind." },
-          { question: "Wie kann ich Blumen bestellen?", answer: "Gerne per Kontaktformular oder telefonisch während unserer Öffnungszeiten." },
-        ]}
-        description="Hier finden Sie Antworten auf die häufigsten Fragen unserer Kunden."
-      />
-    </SectionErrorBoundary>
-  </div>
+      <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+          <FaqTwoColumn
+            tag="Fragen & Antworten"
+            title="Häufige Fragen"
+            items={[
+              { question: "Bieten Sie auch Hochzeits-Floristik an?", answer: "Ja, wir gestalten individuelle Konzepte für Ihren besonderen Tag." },
+              { question: "Haben Sie einen Firmenservice?", answer: "Wir dekorieren Empfangsbereiche, Büros und Events professionell." },
+              { question: "Gibt es Gutscheine?", answer: "Ja, wir bieten Geschenkgutscheine an, die individuell anpassbar sind." },
+              { question: "Wie kann ich Blumen bestellen?", answer: "Gerne per Kontaktformular oder telefonisch während unserer Öffnungszeiten." },
+            ]}
+            description="Hier finden Sie Antworten auf die häufigsten Fragen unserer Kunden."
+          />
+        </SectionErrorBoundary>
+      </div>
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-      <ContactCta
-        tag="Kontakt"
-        text="Besuchen Sie uns in unserem Atelier oder schreiben Sie uns eine Nachricht für Ihre individuelle Beratung."
-        primaryButton={{
-          text: "Beratung anfragen",          href: "#contact"}}
-        secondaryButton={{
-          text: "WhatsApp Kontakt",          href: "https://wa.me/49123456789"}}
-      />
-    </SectionErrorBoundary>
-  </div>
+      <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+          <ContactCta
+            tag="Kontakt"
+            text="Besuchen Sie uns in unserem Atelier oder schreiben Sie uns eine Nachricht für Ihre individuelle Beratung."
+            primaryButton={{ text: "Beratung anfragen", href: "#contact" }}
+            secondaryButton={{ text: "WhatsApp Kontakt", href: "https://wa.me/49123456789" }}
+          />
+        </SectionErrorBoundary>
+      </div>
     </>
   );
 }
\ No newline at end of file
-- 
2.49.1