From 77408c8650cc4a6a3a386c80bf55d87ffe1900c7 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 21 Jun 2026 14:57:07 +0000 Subject: [PATCH 1/2] Bob AI: fix build error in src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 1a03b45..0eeaebb 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -276,6 +276,7 @@ export default function HomePage() { Date: Sun, 21 Jun 2026 14:57:16 +0000 Subject: [PATCH 2/2] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 413 +++++++++++++---------------------------- 1 file changed, 129 insertions(+), 284 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 0eeaebb..781580c 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -12,305 +12,150 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
+ tag="Dein Friseur in Neuwulmstorf" + title="Dein perfekter Look in Neuwulmstorf" + description="Professionelle Haarschnitte, Färbung und Styling von erfahrenen Experten. Buche deinen Termin jetzt online." + primaryButton={{ text: "Termin buchen", href: "#contact" }} + secondaryButton={{ text: "Unsere Leistungen", href: "#services" }} + items={[ + { imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-bride-getting-ready_23-2149640900.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102194.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg" } + ]} + /> + +
-
- +
+ - -
+ tag="Unsere Leistungen" + title="Alles für dein Haar" + description="Von präzisen Haarschnitten bis hin zu kreativen Farben und intensiven Pflegebehandlungen." + features={[ + { + title: "Haarschnitte & Styling", description: "Klassische und moderne Schnitte, die perfekt zu deinem Typ passen.", bentoComponent: "info-card-marquee", infoCards: [ + { icon: "Scissors", label: "Damen", value: "Style" }, + { icon: "Zap", label: "Herren", value: "Schnitt" }, + { icon: "Star", label: "Styling", value: "Finish" } + ] + }, + { + title: "Farbe & Nuancierung", description: "Individuelle Färbetechniken wie Balayage, Highlights und klassische Coloration.", bentoComponent: "media-stack", mediaItems: [ + { imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-care-product_23-2151918426.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-down-young-beautiful-female-barber-uniform-combing-hair-isolated-blue-background_141793-119376.jpg" } + ] + }, + { + title: "Haarpflege & Spa", description: "Intensive Kuren und Verwöhnprogramme für gesundes und glänzendes Haar.", bentoComponent: "checklist-timeline", heading: "Dein Ablauf", subheading: "Schritt für Schritt", checklistItems: [ + { label: "Analyse", detail: "Deine Haarbedürfnisse" }, + { label: "Behandlung", detail: "Pflege & Verwöhnung" }, + { label: "Finish", detail: "Strahlen & Styling" } + ], + completedLabel: "Fertig" + } + ]} + /> + +
-
- +
+ - -
+ tag="Pflege & Style" + title="Unsere Salon-Produkte" + description="Pflege dein Haar auch zu Hause mit unseren professionellen Produkten." + items={[ + { title: "Haarspray", description: "Langanhaltender Halt", imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-beauty-products_23-2148201455.jpg" }, + { title: "Styling Serum", description: "Für glänzende Akzente", imageSrc: "http://img.b2bpic.net/free-photo/bottle-oils-marble-background_23-2148317668.jpg" }, + { title: "Shampoo", description: "Tiefenreinigung & Pflege", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419373.jpg" }, + { title: "Haarmaske", description: "Intensives Repair", imageSrc: "http://img.b2bpic.net/free-photo/body-care-product-plain-background_23-2148241872.jpg" }, + { title: "Haaröl", description: "Natürliche Feuchtigkeit", imageSrc: "http://img.b2bpic.net/free-photo/brunette-smiling-hair-dresser_23-2148108873.jpg" }, + { title: "Styling Clay", description: "Struktur & Grip", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985739.jpg" }, + { title: "Bürste", description: "Schonendes Entwirren", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-framed-by-hair-equipment_23-2148352836.jpg" } + ]} + /> + +
-
- +
+ - -
+ tag="Unser Team" + title="Erfahrene Experten" + description="Lerne unsere kreativen Köpfe kennen, die für deine neue Frisur brennen." + items={[ + { title: "Lisa", description: "Farbspezialistin & Balayage Expertin.", avatarSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-with-serious-confident-expression_141793-37223.jpg", buttonText: "Buchen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-hairdressershowing-how-use-hair-straighntener_259150-60106.jpg" }, + { title: "Marc", description: "Meister des modernen Herren-Haarschnitts.", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-blond-bearded-male-dressed-leather-jacket-sits-table-cafe_613910-16383.jpg", buttonText: "Buchen", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed_23-2149220567.jpg" }, + { title: "Sandra", description: "Styling & Hochsteck-Expertin.", avatarSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg", buttonText: "Buchen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hair-stylist_23-2148915791.jpg" } + ]} + /> + +
-
- +
+ - -
+ tag="Kundenstimmen" + title="Glückliche Kunden" + description="Das sagen unsere Besucher über den Haartreff." + testimonials={[ + { name: "Anna", role: "Stammkundin", quote: "Toller Service und super Beratung!", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-costume-lady-with-halloween-makeup_1157-41132.jpg" }, + { name: "Tim", role: "Neukunde", quote: "Perfekter Haarschnitt, bin begeistert.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-goodlooking-attractive-stylish-bearded-man-brown_285396-4616.jpg" }, + { name: "Julia", role: "Braut", quote: "Die Hochzeitsfrisur war traumhaft.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60934.jpg" }, + { name: "Markus", role: "Stammkunde", quote: "Immer freundlich und professionell.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-holding-her-boyfriend-s-hand-looking-camera_23-2148151722.jpg" }, + { name: "Sophie", role: "Stammkundin", quote: "Bester Friseur in Neuwulmstorf!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg" } + ]} + /> + +
-
- +
+ - -
+ tag="Zahlen" + title="Haartreff auf einen Blick" + description="Unsere Arbeit in Neuwulmstorf." + metrics={[ + { value: "15+", description: "Jahre Erfahrung" }, + { value: "5000+", description: "Glückliche Kunden" }, + { value: "4.9/5", description: "Bewertung" } + ]} + /> + +
-
- +
+ - -
+ tag="Häufige Fragen" + title="Alles Wissenswerte" + description="Hier findest du Antworten auf deine Fragen." + items={[ + { question: "Wie buche ich einen Termin?", answer: "Ganz einfach über unseren Online-Button." }, + { question: "Wo finde ich euch?", answer: "Mitten in Neuwulmstorf, leicht erreichbar." }, + { question: "Was kostet ein Schnitt?", answer: "Preise richten sich nach Aufwand und Länge." } + ]} + /> + +
-
- +
+ - -
+ tag="Kontakt" + text="Bist du bereit für deinen neuen Look? Buche jetzt!" + primaryButton={{ text: "Jetzt Termin vereinbaren", href: "#" }} + secondaryButton={{ text: "Rückruf anfordern", href: "#" }} + /> + +
); } -- 2.49.1