From c326dba58fdc11fc2b1a4f2a0b33e3b30c2106e9 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 09:43:14 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 324 ++++++++++------------------------------------- 1 file changed, 67 insertions(+), 257 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a371f0d..2996a85 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,41 +34,23 @@ export default function LandingPage() { @@ -88,39 +68,23 @@ export default function LandingPage() { description="Ihr Experte für stilvolle Haarschnitte und professionelles Styling in Wohlen. Entdecken Sie Ihr perfektes Ich mit uns." buttons={[ { - text: "Termin Buchen", - href: "#contact", - }, + text: "Termin Buchen", href: "#contact"}, { - text: "Dienstleistungen", - href: "#services", - }, + text: "Dienstleistungen", href: "#services"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/arrangement-brow-microblading-tools_23-2149238713.jpg", - imageAlt: "Modernes Friseursalon-Interieur", - }, + imageSrc: "http://img.b2bpic.net/free-photo/arrangement-brow-microblading-tools_23-2149238713.jpg", imageAlt: "Modernes Friseursalon-Interieur"}, { - imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg", - imageAlt: "Friseurin beim Haarschnitt", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg", imageAlt: "Friseurin beim Haarschnitt"}, { - imageSrc: "http://img.b2bpic.net/free-photo/fashion-beautiful-elegant-young-woman-pretty-black-sweater_114579-81913.jpg", - imageAlt: "Glückliche Kundin mit neuer Frisur", - }, + imageSrc: "http://img.b2bpic.net/free-photo/fashion-beautiful-elegant-young-woman-pretty-black-sweater_114579-81913.jpg", imageAlt: "Glückliche Kundin mit neuer Frisur"}, { - imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg", - imageAlt: "Detailaufnahme eines Haarschnitts", - }, + imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg", imageAlt: "Detailaufnahme eines Haarschnitts"}, { - imageSrc: "http://img.b2bpic.net/free-photo/hair-dryer-brushes-top-view_23-2148352864.jpg", - imageAlt: "Produktauslage im Salon", - }, + imageSrc: "http://img.b2bpic.net/free-photo/hair-dryer-brushes-top-view_23-2148352864.jpg", imageAlt: "Produktauslage im Salon"}, { - imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718025.jpg", - imageAlt: "Styling einer Hochsteckfrisur", - }, + imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718025.jpg", imageAlt: "Styling einer Hochsteckfrisur"}, ]} autoplayDelay={4000} /> @@ -133,19 +97,13 @@ export default function LandingPage() { metrics={[ { icon: Award, - label: "Jahre Erfahrung", - value: "15+", - }, + label: "Jahre Erfahrung", value: "15+"}, { icon: Users, - label: "Zufriedene Kunden", - value: "5000+", - }, + label: "Zufriedene Kunden", value: "5000+"}, { icon: Scissors, - label: "Professionelle Stylisten", - value: "5", - }, + label: "Professionelle Stylisten", value: "5"}, ]} metricsAnimation="slide-up" /> @@ -159,24 +117,16 @@ export default function LandingPage() { features={[ { icon: Edit, - title: "Haarschnitte & Styling", - description: "Von klassischen Schnitten bis zu modernen Trendfrisuren – wir finden den perfekten Look für Sie.", - }, + title: "Haarschnitte & Styling", description: "Von klassischen Schnitten bis zu modernen Trendfrisuren – wir finden den perfekten Look für Sie."}, { icon: Palette, - title: "Colorationen & Strähnen", - description: "Verleihen Sie Ihrem Haar neuen Glanz mit professionellen Farb- und Strähnentechniken.", - }, + title: "Colorationen & Strähnen", description: "Verleihen Sie Ihrem Haar neuen Glanz mit professionellen Farb- und Strähnentechniken."}, { icon: Sparkles, - title: "Haarpflege & Behandlungen", - description: "Verwöhnende Pflege für gesundes und glänzendes Haar, individuell auf Ihre Bedürfnisse abgestimmt.", - }, + title: "Haarpflege & Behandlungen", description: "Verwöhnende Pflege für gesundes und glänzendes Haar, individuell auf Ihre Bedürfnisse abgestimmt."}, { icon: Crown, - title: "Bartpflege & Rasur", - description: "Professionelle Bartpflege und traditionelle Rasuren für den modernen Mann.", - }, + title: "Bartpflege & Rasur", description: "Professionelle Bartpflege und traditionelle Rasuren für den modernen Mann."}, ]} title="Unsere Dienstleistungen" description="Wir bieten eine breite Palette an Friseurdienstleistungen für Damen, Herren und Kinder an, um Ihre individuellen Wünsche zu erfüllen." @@ -191,47 +141,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Intensiv-Repair Shampoo", - price: "CHF 29.90", - imageSrc: "http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg", - imageAlt: "Intensiv-Repair Shampoo", - }, + id: "p1", name: "Intensiv-Repair Shampoo", price: "CHF 29.90", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg", imageAlt: "Intensiv-Repair Shampoo"}, { - id: "p2", - name: "Feuchtigkeitsspendender Conditioner", - price: "CHF 27.50", - imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-feminine-ginger-woman-with-long-hair-reclines-mirror-table-with-bottle-lotion_171337-949.jpg", - imageAlt: "Feuchtigkeitsspendender Conditioner", - }, + id: "p2", name: "Feuchtigkeitsspendender Conditioner", price: "CHF 27.50", imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-feminine-ginger-woman-with-long-hair-reclines-mirror-table-with-bottle-lotion_171337-949.jpg", imageAlt: "Feuchtigkeitsspendender Conditioner"}, { - id: "p3", - name: "Glanz-Haarmaske", - price: "CHF 34.00", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-body-butter-white-background-with-copy-space_23-2148305511.jpg", - imageAlt: "Glanz-Haarmaske", - }, + id: "p3", name: "Glanz-Haarmaske", price: "CHF 34.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-body-butter-white-background-with-copy-space_23-2148305511.jpg", imageAlt: "Glanz-Haarmaske"}, { - id: "p4", - name: "Styling Gel Extra Stark", - price: "CHF 19.90", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-dry-shampoo-home_23-2150706332.jpg", - imageAlt: "Styling Gel Extra Stark", - }, + id: "p4", name: "Styling Gel Extra Stark", price: "CHF 19.90", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-dry-shampoo-home_23-2150706332.jpg", imageAlt: "Styling Gel Extra Stark"}, { - id: "p5", - name: "Hitzeschutz Spray", - price: "CHF 22.50", - imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-using-dry-shampoo-home_23-2150706307.jpg", - imageAlt: "Hitzeschutz Spray", - }, + id: "p5", name: "Hitzeschutz Spray", price: "CHF 22.50", imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-using-dry-shampoo-home_23-2150706307.jpg", imageAlt: "Hitzeschutz Spray"}, { - id: "p6", - name: "Bartöl Premium", - price: "CHF 39.90", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-man-holding-serum_23-2148783529.jpg", - imageAlt: "Bartöl Premium", - }, + id: "p6", name: "Bartöl Premium", price: "CHF 39.90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-man-holding-serum_23-2148783529.jpg", imageAlt: "Bartöl Premium"}, ]} title="Unsere Empfohlenen Produkte" description="Entdecken Sie hochwertige Haarpflegeprodukte, die wir in unserem Salon verwenden und empfehlen." @@ -245,56 +165,30 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basic_cut", - name: "Haarschnitt", - price: "ab CHF 55", - badge: "Standard", - badgeIcon: Scissors, + id: "basic_cut", name: "Haarschnitt", price: "ab CHF 55", badge: "Standard", badgeIcon: Scissors, features: [ - "Waschen, Schneiden, Föhnen", - "Individuelle Beratung", - ], + "Waschen, Schneiden, Föhnen", "Individuelle Beratung"], buttons: [ { - text: "Jetzt Buchen", - href: "#contact", - }, + text: "Jetzt Buchen", href: "#contact"}, ], }, { - id: "color_package", - name: "Coloration", - price: "ab CHF 90", - badge: "Beliebt", - badgeIcon: Palette, + id: "color_package", name: "Coloration", price: "ab CHF 90", badge: "Beliebt", badgeIcon: Palette, features: [ - "Komplette Farbänderung", - "Ansatzfärbung", - "Intensive Pflege", - ], + "Komplette Farbänderung", "Ansatzfärbung", "Intensive Pflege"], buttons: [ { - text: "Jetzt Buchen", - href: "#contact", - }, + text: "Jetzt Buchen", href: "#contact"}, ], }, { - id: "full_package", - name: "Komplettpaket", - price: "ab CHF 140", - badge: "Premium", - badgeIcon: Sparkles, + id: "full_package", name: "Komplettpaket", price: "ab CHF 140", badge: "Premium", badgeIcon: Sparkles, features: [ - "Haarschnitt & Styling", - "Coloration", - "Intensiv-Haarmaske", - ], + "Haarschnitt & Styling", "Coloration", "Intensiv-Haarmaske"], buttons: [ { - text: "Jetzt Buchen", - href: "#contact", - }, + text: "Jetzt Buchen", href: "#contact"}, ], }, ]} @@ -310,44 +204,16 @@ export default function LandingPage() { useInvertedBackground={false} groups={[ { - id: "stylists", - groupTitle: "Unsere Stylisten", - members: [ + id: "stylists", groupTitle: "Unsere Stylisten", members: [ { - id: "m1", - title: "Maria Müller", - subtitle: "Chefstylistin", - detail: "Spezialisiert auf Balayage und Hochsteckfrisuren.", - imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-barber-girl-uniform-pretends-cut-hair-with-hair-thinning-scissors_141793-103591.jpg", - imageAlt: "Maria Müller, Chefstylistin", - }, + id: "m1", title: "Maria Müller", subtitle: "Chefstylistin", detail: "Spezialisiert auf Balayage und Hochsteckfrisuren.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-barber-girl-uniform-pretends-cut-hair-with-hair-thinning-scissors_141793-103591.jpg", imageAlt: "Maria Müller, Chefstylistin"}, { - id: "m2", - title: "Thomas Meier", - subtitle: "Barbier & Stylist", - detail: "Experte für klassische Herrenhaarschnitte und Bartpflege.", - imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461557.jpg", - imageAlt: "Thomas Meier, Barbier & Stylist", - }, + id: "m2", title: "Thomas Meier", subtitle: "Barbier & Stylist", detail: "Experte für klassische Herrenhaarschnitte und Bartpflege.", imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461557.jpg", imageAlt: "Thomas Meier, Barbier & Stylist"}, { - id: "m3", - title: "Sophie Lehmann", - subtitle: "Junior Stylistin", - detail: "Unsere Nachwuchstalent mit Leidenschaft für Farbanwendungen.", - imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-waving-with-hand-smiling-friendly-standing-green-wall_141793-96403.jpg", - imageAlt: "Sophie Lehmann, Junior Stylistin", - }, + id: "m3", title: "Sophie Lehmann", subtitle: "Junior Stylistin", detail: "Unsere Nachwuchstalent mit Leidenschaft für Farbanwendungen.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-waving-with-hand-smiling-friendly-standing-green-wall_141793-96403.jpg", imageAlt: "Sophie Lehmann, Junior Stylistin"}, { - id: "m4", - title: "David Weber", - subtitle: "Salonmanager & Senior Stylist", - detail: "Ihr Ansprechpartner für alle Belange und kreative Schnitte.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-suit-smiling-camera_23-2148317358.jpg", - imageAlt: "David Weber, Salonmanager & Senior Stylist", - }, - ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5ne7h", - imageAlt: "professional female hairstylist portrait", + id: "m4", title: "David Weber", subtitle: "Salonmanager & Senior Stylist", detail: "Ihr Ansprechpartner für alle Belange und kreative Schnitte.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-suit-smiling-camera_23-2148317358.jpg", imageAlt: "David Weber, Salonmanager & Senior Stylist"}, + ] }, ]} title="Unser Herzstück: Das Team" @@ -362,64 +228,28 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Anna Schmidt", - role: "Kundin", - company: "Wohlen", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg", - imageAlt: "Anna Schmidt", - }, + id: "t1", name: "Anna Schmidt", role: "Kundin", company: "Wohlen", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg", imageAlt: "Anna Schmidt"}, { - id: "t2", - name: "Max Huber", - role: "Kunde", - company: "Wohlen", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-16011.jpg", - imageAlt: "Max Huber", - }, + id: "t2", name: "Max Huber", role: "Kunde", company: "Wohlen", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-16011.jpg", imageAlt: "Max Huber"}, { - id: "t3", - name: "Lena Fischer", - role: "Kundin", - company: "Wohlen", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/optimistic-confident-carefree-chill-african-american-female_176420-31297.jpg", - imageAlt: "Lena Fischer", - }, + id: "t3", name: "Lena Fischer", role: "Kundin", company: "Wohlen", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/optimistic-confident-carefree-chill-african-american-female_176420-31297.jpg", imageAlt: "Lena Fischer"}, { - id: "t4", - name: "Daniel Keller", - role: "Kunde", - company: "Wohlen", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-woman-bathrobe-doing-their-morning-routine_23-2148389847.jpg", - imageAlt: "Daniel Keller", - }, + id: "t4", name: "Daniel Keller", role: "Kunde", company: "Wohlen", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-woman-bathrobe-doing-their-morning-routine_23-2148389847.jpg", imageAlt: "Daniel Keller"}, { - id: "t5", - name: "Sabine Graf", - role: "Kundin", - company: "Wohlen", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg", - imageAlt: "Sabine Graf", - }, + id: "t5", name: "Sabine Graf", role: "Kundin", company: "Wohlen", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg", imageAlt: "Sabine Graf"}, ]} kpiItems={[ { - value: "99%", - label: "Zufriedenheit", - }, + value: "99%", label: "Zufriedenheit"}, { - value: "15+", - label: "Jahre Erfahrung", - }, + value: "15+", label: "Jahre Erfahrung"}, { - value: "5", - label: "Stylisten", - }, + value: "5", label: "Stylisten"}, ]} title="Kundenstimmen" description="Was unsere Kunden über uns sagen – Ihre Zufriedenheit ist unser grösstes Kompliment." @@ -432,30 +262,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq1", - title: "Wie kann ich einen Termin buchen?", - content: "Sie können einen Termin telefonisch, per E-Mail oder direkt über unser Online-Buchungssystem auf dieser Webseite vereinbaren.", - }, + id: "faq1", title: "Wie kann ich einen Termin buchen?", content: "Sie können einen Termin telefonisch, per E-Mail oder direkt über unser Online-Buchungssystem auf dieser Webseite vereinbaren."}, { - id: "faq2", - title: "Welche Zahlungsmethoden werden akzeptiert?", - content: "Wir akzeptieren Barzahlung, EC-Karte, Kreditkarte (Visa, Mastercard) und Twint.", - }, + id: "faq2", title: "Welche Zahlungsmethoden werden akzeptiert?", content: "Wir akzeptieren Barzahlung, EC-Karte, Kreditkarte (Visa, Mastercard) und Twint."}, { - id: "faq3", - title: "Bieten Sie auch Beratung für neue Looks an?", - content: "Ja, unsere Stylisten beraten Sie gerne ausführlich und individuell, um den perfekten Look für Sie zu finden.", - }, + id: "faq3", title: "Bieten Sie auch Beratung für neue Looks an?", content: "Ja, unsere Stylisten beraten Sie gerne ausführlich und individuell, um den perfekten Look für Sie zu finden."}, { - id: "faq4", - title: "Muss ich meine Haare vor dem Termin waschen?", - content: "Für die meisten Dienstleistungen ist es ideal, wenn die Haare frisch gewaschen sind. Wir bieten jedoch auch eine professionelle Haarwäsche an.", - }, + id: "faq4", title: "Muss ich meine Haare vor dem Termin waschen?", content: "Für die meisten Dienstleistungen ist es ideal, wenn die Haare frisch gewaschen sind. Wir bieten jedoch auch eine professionelle Haarwäsche an."}, { - id: "faq5", - title: "Kann ich meinen Termin verschieben oder stornieren?", - content: "Terminänderungen oder Stornierungen sind bis 24 Stunden vor dem Termin kostenfrei möglich. Bitte kontaktieren Sie uns rechtzeitig.", - }, + id: "faq5", title: "Kann ich meinen Termin verschieben oder stornieren?", content: "Terminänderungen oder Stornierungen sind bis 24 Stunden vor dem Termin kostenfrei möglich. Bitte kontaktieren Sie uns rechtzeitig."}, ]} title="Häufig gestellte Fragen" description="Hier finden Sie Antworten auf die häufigsten Fragen rund um unsere Dienstleistungen und Termine." @@ -467,8 +282,7 @@ export default function LandingPage() { -- 2.49.1