Update src/app/page.tsx

This commit is contained in:
2026-06-10 09:47:44 +00:00
parent d2cc77c9cc
commit 72040070ef

View File

@@ -31,100 +31,67 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Leistungen",
id: "leistungen",
},
name: "Leistungen", id: "leistungen"},
{
name: "Stimmen",
id: "stimmen",
},
name: "Stimmen", id: "stimmen"},
{
name: "Besuch",
id: "besuch",
},
name: "Besuch", id: "besuch"},
]}
brandName="Le Neuf"
animateOnLoad={true}
button={{
text: "Jetzt Termin buchen", href: "#besuch"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
title="Le Neuf Barber"
description="Kein Termin nötig. Kein Schnickschnack. Nur gutes Handwerk gepflegt, ehrlich, zu einem fairen Preis."
kpis={[
{
value: "10+",
label: "Jahre Erfahrung",
},
value: "10+", label: "Jahre Erfahrung"},
{
value: "500+",
label: "Zufriedene Kunden",
},
value: "500+", label: "Zufriedene Kunden"},
{
value: "3",
label: "Meisterbarbiere",
},
value: "3", label: "Meisterbarbiere"},
]}
enableKpiAnimation={false}
buttons={[
{
text: "Uns besuchen",
href: "#besuch",
},
text: "Uns besuchen", 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"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-with-wet_613910-11146.jpg",
alt: "Zufriedener Kunde 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-with-wet_613910-11146.jpg", alt: "Zufriedener Kunde 1"},
{
src: "http://img.b2bpic.net/free-photo/man-portrait_1296-638.jpg",
alt: "Zufriedener Kunde 2",
},
src: "http://img.b2bpic.net/free-photo/man-portrait_1296-638.jpg", alt: "Zufriedener Kunde 2"},
{
src: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1744.jpg",
alt: "Zufriedener Kunde 3",
},
src: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1744.jpg", 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",
alt: "Zufriedener Kunde 4",
},
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"},
{
src: "http://img.b2bpic.net/free-photo/front-view-handsome-male-talking-phone_23-2148446298.jpg",
alt: "Zufriedener Kunde 5",
},
src: "http://img.b2bpic.net/free-photo/front-view-handsome-male-talking-phone_23-2148446298.jpg", alt: "Zufriedener Kunde 5"},
]}
avatarText="Über 500+ zufriedene Kunden"
marqueeItems={[
{
type: "text-icon",
text: "Handwerkskunst seit 2010",
icon: Wrench,
type: "text-icon", text: "Handwerkskunst seit 2010", icon: Wrench,
},
{
type: "text",
text: "Traditionelle Schnitte",
type: "text", text: "Traditionelle Schnitte"},
{
type: "text-icon", text: "Premium Bartpflege", icon: Sparkles,
},
{
type: "text-icon",
text: "Premium Bartpflege",
icon: Sparkles,
},
type: "text", text: "Kein Termin Nötig"},
{
type: "text",
text: "Kein Termin Nötig",
},
{
type: "text-icon",
text: "Kostenlose Parkplätze",
icon: Car,
type: "text-icon", text: "Kostenlose Parkplätze", icon: Car,
},
]}
/>
@@ -137,18 +104,18 @@ export default function LandingPage() {
metrics={[
{
icon: MapPin,
label: "Schulstraße 3, 65824 Schwalbach am Taunus",
label: "Schulstraße 3, 65824 Schwalbach am Taunus", value: "Adresse"
},
{
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,
label: "06196 9504400",
label: "06196 9504400", value: "Telefon"
},
]}
metricsAnimation="entrance-slide"
metricsAnimation="slide-up"
/>
</div>
@@ -159,18 +126,18 @@ export default function LandingPage() {
metrics={[
{
icon: Star,
label: "4,4 Sterne",
label: "4,4 Sterne", value: "Bewertung"
},
{
icon: Users,
label: "45+ Bewertungen",
label: "45+ Bewertungen", value: "Anzahl"
},
{
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."
/>
</div>
@@ -182,22 +149,17 @@ export default function LandingPage() {
features={[
{
icon: Scissors,
title: "Haarschnitt",
description: "Der klassische Herrenhaarschnitt präzise, stilvoll, perfekt auf Sie abgestimmt. Inklusive Waschen und Styling.",
},
title: "Haarschnitt", description: "Der klassische Herrenhaarschnitt präzise, stilvoll, perfekt auf Sie abgestimmt. Inklusive Waschen und Styling."},
{
icon: Scissors,
title: "Bart trimmen",
description: "Professionelles Barttrimmen und -stylen, für einen gepflegten Look. Mit warmer Kompresse und Rasiermesser-Finish.",
},
title: "Bart trimmen", description: "Professionelles Barttrimmen und -stylen, für einen gepflegten Look. Mit warmer Kompresse und Rasiermesser-Finish."},
{
icon: Award,
title: "Komplett (Haar + Bart)",
description: "Das volle Pflegeprogramm: Haarschnitt, Bartpflege und ein entspannendes Finish für den perfekten Auftritt.",
},
title: "Komplett (Haar + Bart)", description: "Das volle Pflegeprogramm: Haarschnitt, Bartpflege und ein entspannendes Finish für den perfekten Auftritt."},
]}
title="Unsere Leistungen"
description="Professionelle Haarschnitte und Bartpflege, präzise und auf Ihre Wünsche zugeschnitten."
animationType="slide-up"
/>
</div>
@@ -207,65 +169,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
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?_wi=2",
imageAlt: "happy man barbershop avatar",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
title="Was unsere Kunden sagen"
description="Authentische Meinungen unserer zufriedenen Kunden, die unser Handwerk schätzen."
@@ -279,50 +191,21 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
title="Unsere Atmosphäre"
description="Ein Blick in unser Reich des guten Geschmacks und der Entspannung."
animationType="slide-up"
/>
</div>
@@ -330,21 +213,18 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Finden Sie uns"
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"
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"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="In Google Maps öffnen"
buttons={[
{
text: "In Google Maps öffnen",
href: "https://www.google.com/maps/search/Le+Neuf+Barber+Schulstraße+3,+65824+Schwalbach+am+Taunus,+Germany",
},
text: "In Google Maps öffnen", href: "https://www.google.com/maps/search/Le+Neuf+Barber+Schulstraße+3,+65824+Schwalbach+am+Taunus,+Germany"},
]}
/>
</div>
@@ -354,33 +234,21 @@ export default function LandingPage() {
logoText="Le Neuf Barber"
columns={[
{
title: "Kontakt",
items: [
title: "Kontakt", items: [
{
label: "Schulstraße 3, 65824 Schwalbach",
href: "https://www.google.com/maps/search/Le+Neuf+Barber+Schulstraße+3,+65824+Schwalbach+am+Taunus,+Germany",
},
label: "Schulstraße 3, 65824 Schwalbach", href: "https://www.google.com/maps/search/Le+Neuf+Barber+Schulstraße+3,+65824+Schwalbach+am+Taunus,+Germany"},
{
label: "06196 9504400",
href: "tel:+4961969504400",
},
label: "06196 9504400", href: "tel:+4961969504400"},
],
},
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Leistungen",
href: "#leistungen",
},
label: "Leistungen", href: "#leistungen"},
{
label: "Stimmen",
href: "#stimmen",
},
label: "Stimmen", href: "#stimmen"},
{
label: "Besuch",
href: "#besuch",
},
label: "Besuch", href: "#besuch"},
],
},
]}