From 4fee24697e17c9593b7e80b48f87f6e2ff702a81 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 14 Jun 2026 11:00:04 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 316 ++++++++++++++++------------------------- 1 file changed, 119 insertions(+), 197 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 5dc19ec..f1489ea 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -10,216 +10,138 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
+ brand="Sie & Er Friseursalon" + description="Erleben Sie individuellen Style und entspannte Atmosphäre in unserem modernen Salon. Wir kümmern uns um Ihr Haar mit Leidenschaft und Expertise." + primaryButton={{ + text: "Termin vereinbaren", href: "#contact"}} + secondaryButton={{ + text: "Unsere Leistungen", href: "#about"}} + imageSrc="http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27190.jpg" + /> + +
-
- +
+ - -
+ tag="Über uns" + title="Meisterhafte Haarkunst für Sie & Er" + description="Unser Salon kombiniert traditionelles Handwerk mit modernen Trends. Vom perfekten Schnitt über strahlende Colorationen bis hin zum entspannenden Pflegeerlebnis – bei uns stehen Sie im Mittelpunkt." + primaryButton={{ + text: "Mehr erfahren", href: "#"}} + imageSrc="http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg" + /> + +
-
- +
+ - -
+ tag="Unsere Expertise" + title="Was wir Ihnen bieten" + description="Qualität, die man sieht und fühlt." + features={[ + { + title: "Coloration & Highlights", description: "Individuelle Farbkonzepte mit hochwertigen Produkten.", bentoComponent: "media-stack", mediaItems: [ + { + imageSrc: "http://img.b2bpic.net/free-photo/close-up-dispenser-liquid-soap-female-hands-store_169016-23905.jpg"}, + { + imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736731.jpg"}, + { + imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg"}, + ], + }, + { + title: "Perfekte Schnitte", description: "Moderne Haarschnitte, die zu Ihrem Typ passen.", bentoComponent: "checklist-timeline", heading: "Ihr Weg zum perfekten Style", subheading: "In 3 Schritten zum neuen Look", checklistItems: [ + { + label: "Beratung", detail: "Analyse Ihres Haartyps"}, + { + label: "Behandlung", detail: "Handwerkliche Präzision"}, + { + label: "Finishing", detail: "Styling & Tipps"}, + ], + completedLabel: "Perfektes Ergebnis"}, + ]} + /> + +
-
- +
+ - -
+ tag="Unser Team" + title="Ihr Style-Experten" + description="Lernen Sie die Profis kennen, die Ihren neuen Look kreieren." + items={[ + { + title: "Maria Schmidt", description: "Meisterin für Damen-Haarschnitte & Colorationen.", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg", buttonText: "Kontakt"}, + { + title: "Markus Weber", description: "Experte für Herren-Styling & Bartpflege.", avatarSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageSrc: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg", buttonText: "Kontakt"}, + { + title: "Sarah Klein", description: "Spezialistin für Trend-Styles & Styling.", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-cleaning-her-skin-bathroom-beautiful-healthy-woman-bathroom_1153-7637.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-comb-with-cash-isolated-pink-wall_141793-105673.jpg", buttonText: "Kontakt"}, + { + title: "Thomas Vogel", description: "Langjährige Erfahrung & kreatives Auge.", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg", buttonText: "Kontakt"}, + ]} + /> + +
-
- +
+ - -
+ tag="Kundenstimmen" + title="Was unsere Kunden sagen" + description="Die Zufriedenheit unserer Gäste ist unser größter Erfolg." + testimonials={[ + { + name: "Julia M.", role: "Stammkundin", quote: "Einfach der beste Friseur in der Stadt. Super Beratung und toller Service!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-tanned-woman-lean-terrace-gazing-happily_197531-22852.jpg"}, + { + name: "Stefan L.", role: "Kunde", quote: "Der Haarschnitt sitzt immer perfekt. Kann ich nur weiterempfehlen.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg"}, + { + name: "Lisa K.", role: "Kundin", quote: "Wunderschöne Farbergebnisse. Hier fühlt man sich wirklich gut aufgehoben.", imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg"}, + { + name: "Andreas F.", role: "Stammkunde", quote: "Tolles Team und sehr entspannte Atmosphäre. Immer wieder gerne.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup-gray_158538-11793.jpg"}, + { + name: "Nicole H.", role: "Kundin", quote: "Das Ergebnis ist jedes Mal fantastisch. Danke für die tolle Pflege!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blond-female-dressed-pink-sports-jersey-grey-background_613910-12409.jpg"}, + ]} + /> + +
-
- +
+ - -
+ tag="FAQ" + title="Häufige Fragen" + description="Alles, was Sie für Ihren Besuch wissen müssen." + items={[ + { + question: "Wie vereinbare ich einen Termin?", answer: "Sie können uns jederzeit anrufen oder über unser Kontaktformular einen Termin anfragen."}, + { + question: "Bieten Sie auch Pflegeprodukte an?", answer: "Ja, wir beraten Sie gerne bei der Wahl der passenden Produkte für Ihr Haar zu Hause."}, + { + question: "Wie lange dauert eine Behandlung?", answer: "Die Dauer hängt von Ihrem Wunsch ab – von schnellen Schnitten bis hin zu mehrstündigen Colorationen."}, + ]} + imageSrc="http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg" + /> + +
-
- +
+ - -
+ tag="Kontakt" + text="Lust auf einen neuen Look? Buchen Sie jetzt Ihren Termin bei uns." + primaryButton={{ + text: "Jetzt anrufen", href: "tel:+49123456789"}} + secondaryButton={{ + text: "Nachricht schreiben", href: "mailto:info@sie-er-salon.de"}} + /> + +
); }