bender/30476807-38ff-41ed-93b8-076d65cf6c83
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 09:47:44 +00:00
parent d2cc77c9cc
commit 72040070ef
1 changed files with 57 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
src/app/page.tsx
View File

@@ -31,100 +31,67 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Leistungen", name: "Leistungen", id: "leistungen"},
id: "leistungen",
},
{ {
name: "Stimmen", name: "Stimmen", id: "stimmen"},
id: "stimmen",
},
{ {
name: "Besuch", name: "Besuch", id: "besuch"},
id: "besuch",
},
]} ]}
brandName="Le Neuf" brandName="Le Neuf"
animateOnLoad={true} animateOnLoad={true}
button={{
text: "Jetzt Termin buchen", href: "#besuch"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Le Neuf Barber" title="Le Neuf Barber"
description="Kein Termin nötig. Kein Schnickschnack. Nur gutes Handwerk – gepflegt, ehrlich, zu einem fairen Preis." description="Kein Termin nötig. Kein Schnickschnack. Nur gutes Handwerk – gepflegt, ehrlich, zu einem fairen Preis."
kpis={[ kpis={[
{ {
value: "10+", value: "10+", label: "Jahre Erfahrung"},
label: "Jahre Erfahrung",
},
{ {
value: "500+", value: "500+", label: "Zufriedene Kunden"},
label: "Zufriedene Kunden",
},
{ {
value: "3", value: "3", label: "Meisterbarbiere"},
label: "Meisterbarbiere",
},
]} ]}
enableKpiAnimation={false} enableKpiAnimation={false}
buttons={[ buttons={[
{ {
text: "Uns besuchen", text: "Uns besuchen", href: "#besuch"},
href: "#besuch",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg"
imageAlt="Classic barbershop interior with leather chair" imageAlt="Classic barbershop interior with leather chair"
mediaAnimation="entrance-slide" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-with-wet_613910-11146.jpg", src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-with-wet_613910-11146.jpg", alt: "Zufriedener Kunde 1"},
alt: "Zufriedener Kunde 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/man-portrait_1296-638.jpg", src: "http://img.b2bpic.net/free-photo/man-portrait_1296-638.jpg", alt: "Zufriedener Kunde 2"},
alt: "Zufriedener Kunde 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1744.jpg", src: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1744.jpg", alt: "Zufriedener Kunde 3"},
alt: "Zufriedener Kunde 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg", src: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg", alt: "Zufriedener Kunde 4"},
alt: "Zufriedener Kunde 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/front-view-handsome-male-talking-phone_23-2148446298.jpg", src: "http://img.b2bpic.net/free-photo/front-view-handsome-male-talking-phone_23-2148446298.jpg", alt: "Zufriedener Kunde 5"},
alt: "Zufriedener Kunde 5",
},
]} ]}
avatarText="Über 500+ zufriedene Kunden" avatarText="Über 500+ zufriedene Kunden"
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "Handwerkskunst seit 2010", icon: Wrench,
text: "Handwerkskunst seit 2010",
icon: Wrench,
}, },
{ {
type: "text", type: "text", text: "Traditionelle Schnitte"},
text: "Traditionelle Schnitte", {
type: "text-icon", text: "Premium Bartpflege", icon: Sparkles,
}, },
{ {
type: "text-icon", type: "text", text: "Kein Termin Nötig"},
text: "Premium Bartpflege",
icon: Sparkles,
},
{ {
type: "text", type: "text-icon", text: "Kostenlose Parkplätze", icon: Car,
text: "Kein Termin Nötig",
},
{
type: "text-icon",
text: "Kostenlose Parkplätze",
icon: Car,
}, },
]} ]}
/> />
@@ -137,18 +104,18 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: MapPin, icon: MapPin,
label: "Schulstraße 3, 65824 Schwalbach am Taunus", label: "Schulstraße 3, 65824 Schwalbach am Taunus", value: "Adresse"
}, },
{ {
icon: Clock, icon: Clock,
label: "Di-Fr 08:00-19:00, Sa 07:00-12:00", label: "Di-Fr 08:00-19:00, Sa 07:00-12:00", value: "Öffnungszeiten"
}, },
{ {
icon: Phone, icon: Phone,
label: "06196 9504400", label: "06196 9504400", value: "Telefon"
}, },
]} ]}
metricsAnimation="entrance-slide" metricsAnimation="slide-up"
/> />
</div> </div>
@@ -159,18 +126,18 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Star, icon: Star,
label: "4,4 Sterne", label: "4,4 Sterne", value: "Bewertung"
}, },
{ {
icon: Users, icon: Users,
label: "45+ Bewertungen", label: "45+ Bewertungen", value: "Anzahl"
}, },
{ {
icon: CalendarX, icon: CalendarX,
label: "0 Termine nötig", label: "0 Termine nötig", value: "Flexibel"
}, },
]} ]}
metricsAnimation="entrance-slide" metricsAnimation="slide-up"
description="Bei Le Neuf Barber pflegen wir die Kunst des traditionellen Herrenhaarschnitts. In einer freundlichen Atmosphäre bieten wir Ihnen erstklassige Pflege – ohne Termin, einfach vorbeikommen. Kostenlose Parkplätze direkt vor der Tür." description="Bei Le Neuf Barber pflegen wir die Kunst des traditionellen Herrenhaarschnitts. In einer freundlichen Atmosphäre bieten wir Ihnen erstklassige Pflege – ohne Termin, einfach vorbeikommen. Kostenlose Parkplätze direkt vor der Tür."
/> />
</div> </div>
@@ -182,22 +149,17 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Scissors, icon: Scissors,
title: "Haarschnitt", title: "Haarschnitt", description: "Der klassische Herrenhaarschnitt – präzise, stilvoll, perfekt auf Sie abgestimmt. Inklusive Waschen und Styling."},
description: "Der klassische Herrenhaarschnitt – präzise, stilvoll, perfekt auf Sie abgestimmt. Inklusive Waschen und Styling.",
},
{ {
icon: Scissors, icon: Scissors,
title: "Bart trimmen", title: "Bart trimmen", description: "Professionelles Barttrimmen und -stylen, für einen gepflegten Look. Mit warmer Kompresse und Rasiermesser-Finish."},
description: "Professionelles Barttrimmen und -stylen, für einen gepflegten Look. Mit warmer Kompresse und Rasiermesser-Finish.",
},
{ {
icon: Award, icon: Award,
title: "Komplett (Haar + Bart)", title: "Komplett (Haar + Bart)", description: "Das volle Pflegeprogramm: Haarschnitt, Bartpflege und ein entspannendes Finish für den perfekten Auftritt."},
description: "Das volle Pflegeprogramm: Haarschnitt, Bartpflege und ein entspannendes Finish für den perfekten Auftritt.",
},
]} ]}
title="Unsere Leistungen" title="Unsere Leistungen"
description="Professionelle Haarschnitte und Bartpflege, präzise und auf Ihre Wünsche zugeschnitten." description="Professionelle Haarschnitte und Bartpflege, präzise und auf Ihre Wünsche zugeschnitten."
animationType="slide-up"
/> />
</div> </div>
@@ -207,65 +169,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Thorsten S.", date: "Mai 2023", title: "Hervorragender Service!", quote: "Immer freundlicher Plausch, kein Termin nötig, kaum Wartezeit. Es wird gewissenhaft geschnitten nach guter alter Herrenfriseurtradition. Der Preis ist unschlagbar.", tag: "Google Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", avatarAlt: "Thorsten S.", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg", imageAlt: "happy man barbershop avatar"},
name: "Thorsten S.",
date: "Mai 2023",
title: "Hervorragender Service!",
quote: "Immer freundlicher Plausch, kein Termin nötig, kaum Wartezeit. Es wird gewissenhaft geschnitten nach guter alter Herrenfriseurtradition. Der Preis ist unschlagbar.",
tag: "Google Review",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
avatarAlt: "Thorsten S.",
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=2",
imageAlt: "happy man barbershop avatar",
},
{ {
id: "2", id: "2", name: "Lennart R.", date: "Juni 2023", title: "Der Beste in der Stadt!", quote: "Mirco ist der Beste! Ohne Termin, geht immer schnell, kein Problem.", tag: "Google Review", avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-away-salon_23-2148353457.jpg", avatarAlt: "Lennart R.", imageSrc: "http://img.b2bpic.net/free-vector/realistic-glossy-infographic-elements-set_23-2148370532.jpg", imageAlt: "happy man barbershop avatar"},
name: "Lennart R.",
date: "Juni 2023",
title: "Der Beste in der Stadt!",
quote: "Mirco ist der Beste! Ohne Termin, geht immer schnell, kein Problem.",
tag: "Google Review",
avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-away-salon_23-2148353457.jpg",
avatarAlt: "Lennart R.",
imageSrc: "http://img.b2bpic.net/free-vector/realistic-glossy-infographic-elements-set_23-2148370532.jpg",
imageAlt: "happy man barbershop avatar",
},
{ {
id: "3", id: "3", name: "Google-Rezension", date: "Juli 2023", title: "Super Kundenerfahrung!", quote: "Super Service und man braucht keinen Termin!", tag: "Google Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg", avatarAlt: "Google Rezension", imageSrc: "http://img.b2bpic.net/free-photo/tourist-supplies-blackboard_23-2147776876.jpg", imageAlt: "happy man barbershop avatar"},
name: "Google-Rezension",
date: "Juli 2023",
title: "Super Kundenerfahrung!",
quote: "Super Service und man braucht keinen Termin!",
tag: "Google Review",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg",
avatarAlt: "Google Rezension",
imageSrc: "http://img.b2bpic.net/free-photo/tourist-supplies-blackboard_23-2147776876.jpg",
imageAlt: "happy man barbershop avatar",
},
{ {
id: "4", id: "4", name: "Max P.", date: "August 2023", title: "Kommen gerne wieder!", quote: "Exzellenter Schnitt und entspannte Atmosphäre. Der Barbier versteht sein Handwerk wirklich. Komme immer wieder gerne!", tag: "Zufriedener Kunde", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-traveler-man-with-headphones-around-his-neck-looking-front-isolated-purple-wall-with-copy-space_141793-119829.jpg", avatarAlt: "Max P.", imageSrc: "http://img.b2bpic.net/free-photo/phone-icon-front-side-with-white-background_187299-39933.jpg", imageAlt: "happy man barbershop avatar"},
name: "Max P.",
date: "August 2023",
title: "Kommen gerne wieder!",
quote: "Exzellenter Schnitt und entspannte Atmosphäre. Der Barbier versteht sein Handwerk wirklich. Komme immer wieder gerne!",
tag: "Zufriedener Kunde",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-traveler-man-with-headphones-around-his-neck-looking-front-isolated-purple-wall-with-copy-space_141793-119829.jpg",
avatarAlt: "Max P.",
imageSrc: "http://img.b2bpic.net/free-photo/phone-icon-front-side-with-white-background_187299-39933.jpg",
imageAlt: "happy man barbershop avatar",
},
{ {
id: "5", id: "5", name: "Julian K.", date: "September 2023", title: "Top Qualität und Service!", quote: "Ich bin seit Jahren Kunde hier. Die Qualität ist konstant top, und der Service ist unschlagbar. Sehr empfehlenswert!", tag: "Stammkunde", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-confident-young-man-with-blue-eyes_171337-20035.jpg", avatarAlt: "Julian K.", imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg", imageAlt: "happy man barbershop avatar"},
name: "Julian K.",
date: "September 2023",
title: "Top Qualität und Service!",
quote: "Ich bin seit Jahren Kunde hier. Die Qualität ist konstant top, und der Service ist unschlagbar. Sehr empfehlenswert!",
tag: "Stammkunde",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-confident-young-man-with-blue-eyes_171337-20035.jpg",
avatarAlt: "Julian K.",
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg",
imageAlt: "happy man barbershop avatar",
},
]} ]}
title="Was unsere Kunden sagen" title="Was unsere Kunden sagen"
description="Authentische Meinungen unserer zufriedenen Kunden, die unser Handwerk schätzen." description="Authentische Meinungen unserer zufriedenen Kunden, die unser Handwerk schätzen."
@@ -279,50 +191,21 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "gallery-item-1", id: "gallery-item-1", name: "Spiegelreflexionen", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg", imageAlt: "Barbershop interior with mirror reflections and vintage decor"},
name: "Spiegelreflexionen",
price: " ",
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg",
imageAlt: "Barbershop interior with mirror reflections and vintage decor",
},
{ {
id: "gallery-item-2", id: "gallery-item-2", name: "Vintage Details", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg", imageAlt: "Close-up of a vintage barbershop sign or antique barber pole"},
name: "Vintage Details",
price: " ",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg",
imageAlt: "Close-up of a vintage barbershop sign or antique barber pole",
},
{ {
id: "gallery-item-3", id: "gallery-item-3", name: "Zufriedener Kunde", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021833.jpg", imageAlt: "Satisfied customer relaxing in a barber chair after a cut"},
name: "Zufriedener Kunde",
price: " ",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021833.jpg",
imageAlt: "Satisfied customer relaxing in a barber chair after a cut",
},
{ {
id: "gallery-item-4", id: "gallery-item-4", name: "Feine Werkzeuge", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg", imageAlt: "Polished barber tools neatly laid out on a dark wooden counter"},
name: "Feine Werkzeuge",
price: " ",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg",
imageAlt: "Polished barber tools neatly laid out on a dark wooden counter",
},
{ {
id: "gallery-item-5", id: "gallery-item-5", name: "Einladender Eingang", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-hair-client-near-mirror_23-2147778751.jpg", imageAlt: "Warm, inviting view of the barbershop entrance from inside"},
name: "Einladender Eingang",
price: " ",
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-hair-client-near-mirror_23-2147778751.jpg",
imageAlt: "Warm, inviting view of the barbershop entrance from inside",
},
{ {
id: "gallery-item-6", id: "gallery-item-6", name: "Meisterliches Handwerk", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16160.jpg", imageAlt: "Close-up of a barber's hands expertly using a straight razor"},
name: "Meisterliches Handwerk",
price: " ",
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16160.jpg",
imageAlt: "Close-up of a barber's hands expertly using a straight razor",
},
]} ]}
title="Unsere Atmosphäre" title="Unsere Atmosphäre"
description="Ein Blick in unser Reich des guten Geschmacks und der Entspannung." description="Ein Blick in unser Reich des guten Geschmacks und der Entspannung."
animationType="slide-up"
/> />
</div> </div>
@@ -330,21 +213,18 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Finden Sie uns" tag="Finden Sie uns"
title="Kommen Sie einfach vorbei" title="Kommen Sie einfach vorbei"
description="Le Neuf Barber\nSchulstraße 3, 65824 Schwalbach am Taunus\nTelefon: 06196 9504400\n\nKostenlose Parkplätze direkt vor der Tür. Kein Termin nötig – wir freuen uns auf Ihren Besuch!\n\n**Unsere Öffnungszeiten:**\nMontag: Geschlossen\nDienstag: 08:00 – 19:00\nMittwoch: 08:00 – 19:00\nDonnerstag: 08:00 – 19:00\nFreitag: 08:00 – 19:00\nSamstag: 07:00 – 12:00\nSonntag: Geschlossen" description="Le Neuf Barber\nSchulstraße 3, 65824 Schwalbach am Taunus\nTelefon: 06196 9504400\n\nKostenlose Parkplätze direkt vor der Tür. Kein Termin nötig – wir freuen uns auf Ihren Besuch!\n\n**Unsere Öffnungszeiten:**\nMontag: Geschlossen\nDienstag: 08:00 – 19:00\nMittwoch: 08:00 – 19:00\nDonnerstag: 08:00 – 19:00\nFreitag: 08:00 – 19:00\nSamstag: 07:00 – 12:00\nSonntag: Geschlossen"
imageSrc="http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg" imageSrc="http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg"
imageAlt="Barbershop location on Schulstraße 3, Schwalbach am Taunus" imageAlt="Barbershop location on Schulstraße 3, Schwalbach am Taunus"
mediaAnimation="entrance-slide" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
buttonText="In Google Maps öffnen" buttonText="In Google Maps öffnen"
buttons={[ buttons={[
{ {
text: "In Google Maps öffnen", text: "In Google Maps öffnen", href: "https://www.google.com/maps/search/Le+Neuf+Barber+Schulstraße+3,+65824+Schwalbach+am+Taunus,+Germany"},
href: "https://www.google.com/maps/search/Le+Neuf+Barber+Schulstraße+3,+65824+Schwalbach+am+Taunus,+Germany",
},
]} ]}
/> />
</div> </div>
@@ -354,33 +234,21 @@ export default function LandingPage() {
logoText="Le Neuf Barber" logoText="Le Neuf Barber"
columns={[ columns={[
{ {
title: "Kontakt", title: "Kontakt", items: [
items: [
{ {
label: "Schulstraße 3, 65824 Schwalbach", label: "Schulstraße 3, 65824 Schwalbach", href: "https://www.google.com/maps/search/Le+Neuf+Barber+Schulstraße+3,+65824+Schwalbach+am+Taunus,+Germany"},
href: "https://www.google.com/maps/search/Le+Neuf+Barber+Schulstraße+3,+65824+Schwalbach+am+Taunus,+Germany",
},
{ {
label: "06196 9504400", label: "06196 9504400", href: "tel:+4961969504400"},
href: "tel:+4961969504400",
},
], ],
}, },
{ {
title: "Navigation", title: "Navigation", items: [
items: [
{ {
label: "Leistungen", label: "Leistungen", href: "#leistungen"},
href: "#leistungen",
},
{ {
label: "Stimmen", label: "Stimmen", href: "#stimmen"},
href: "#stimmen",
},
{ {
label: "Besuch", label: "Besuch", href: "#besuch"},
href: "#besuch",
},
], ],
}, },
]} ]}