Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-09 09:43:20 +00:00

View File

@@ -34,41 +34,23 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Über Uns",
id: "#about",
},
name: "Über Uns", id: "#about"},
{
name: "Dienstleistungen",
id: "#services",
},
name: "Dienstleistungen", id: "#services"},
{
name: "Produkte",
id: "#products",
},
name: "Produkte", id: "#products"},
{
name: "Preise",
id: "#pricing",
},
name: "Preise", id: "#pricing"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Kundenstimmen",
id: "#testimonials",
},
name: "Kundenstimmen", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Kontakt",
id: "#contact",
},
name: "Kontakt", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w5ne7h"
logoAlt="Der Frisör Wohlen Logo"
@@ -76,9 +58,7 @@ export default function LandingPage() {
bottomLeftText="Wohlen, Schweiz"
bottomRightText="info@derfrisoer.ch"
button={{
text: "Jetzt Buchen",
href: "#contact",
}}
text: "Jetzt Buchen", href: "#contact"}}
/>
</div>
@@ -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() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Kontakt"
title="Besuchen Sie uns in Wohlen"
description="Wir freuen uns darauf, Sie in unserem Salon begrüssen zu dürfen! Vereinbaren Sie noch heute Ihren persönlichen Termin."
@@ -491,14 +305,10 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
]}
/>
</div>