bender/4840cde3-66fa-4b55-b2a1-268fdca16dcd
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-05-10 18:38:35 +00:00
parent ab6751698f
commit e6ec93a27c
1 changed files with 50 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

231
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Startseite",
id: "hero",
},
name: "Startseite", id: "hero"},
{
name: "Über uns",
id: "about",
},
name: "Über uns", id: "about"},
{
name: "Leistungen",
id: "services",
},
name: "Leistungen", id: "services"},
{
name: "Kontakt",
id: "contact",
},
name: "Kontakt", id: "contact"},
]}
brandName="Shadi Style"
/>
@@ -58,78 +50,39 @@ export default function LandingPage() {
description="Erleben Sie bei Shadi Style Barbershop klassische Handwerkskunst und modernes Grooming in entspannter Atmosphäre. Bahnhofstraße 2, Lotte."
testimonials={[
{
name: "Markus K.",
handle: "@kunde",
testimonial: "Bester Barber in Lotte! Schnelle Arbeit, top Schnitt.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg?_wi=1",
imageAlt: "luxurious barbershop dark interior",
},
name: "Markus K.", handle: "@kunde", testimonial: "Bester Barber in Lotte! Schnelle Arbeit, top Schnitt.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg?_wi=1", imageAlt: "luxurious barbershop dark interior"},
{
name: "Jens B.",
handle: "@kunde",
testimonial: "Absolute Präzision, tolle Atmosphäre.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/set-razors-table_23-2147736987.jpg",
imageAlt: "luxurious barbershop dark interior",
},
name: "Jens B.", handle: "@kunde", testimonial: "Absolute Präzision, tolle Atmosphäre.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/set-razors-table_23-2147736987.jpg", imageAlt: "luxurious barbershop dark interior"},
{
name: "Ali H.",
handle: "@kunde",
testimonial: "Sauberer Service, komme wieder.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506188.jpg?_wi=1",
imageAlt: "luxurious barbershop dark interior",
},
name: "Ali H.", handle: "@kunde", testimonial: "Sauberer Service, komme wieder.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506188.jpg?_wi=1", imageAlt: "luxurious barbershop dark interior"},
{
name: "Timo M.",
handle: "@kunde",
testimonial: "Top Adresse für Herrenfrisuren.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg?_wi=1",
imageAlt: "luxurious barbershop dark interior",
},
name: "Timo M.", handle: "@kunde", testimonial: "Top Adresse für Herrenfrisuren.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg?_wi=1", imageAlt: "luxurious barbershop dark interior"},
{
name: "Dirk S.",
handle: "@kunde",
testimonial: "Handwerklich absolute Spitzenklasse.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg",
imageAlt: "luxurious barbershop dark interior",
},
name: "Dirk S.", handle: "@kunde", testimonial: "Handwerklich absolute Spitzenklasse.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg", imageAlt: "luxurious barbershop dark interior"},
]}
buttons={[
{
text: "Jetzt anrufen",
href: "tel:054049598100",
},
text: "Book Now", href: "#contact"},
{
text: "Route planen",
href: "https://maps.google.com/?q=Bahnhofstraße+2,+49504+Lotte",
},
text: "Visit Us", href: "https://maps.google.com/?q=Bahnhofstraße+2,+49504+Lotte"},
]}
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
alt: "Happy Customer 1",
},
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", alt: "Happy Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
alt: "Happy Customer 2",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", alt: "Happy Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
alt: "Happy Customer 3",
},
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", alt: "Happy Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
alt: "Happy Customer 4",
},
src: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg", alt: "Happy Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/happy-young-man-posing-isolated-grey_171337-10592.jpg",
alt: "Happy Customer 5",
},
src: "http://img.b2bpic.net/free-photo/happy-young-man-posing-isolated-grey_171337-10592.jpg", alt: "Happy Customer 5"},
]}
/>
</div>
@@ -140,19 +93,13 @@ export default function LandingPage() {
title="Über Shadi Style Barbershop"
metrics={[
{
label: "Qualität",
value: "100%",
icon: Award,
label: "Qualität", value: "100%", icon: Award,
},
{
label: "Erfahrung",
value: "Jahrelang",
icon: Scissors,
label: "Erfahrung", value: "Jahrelang", icon: Scissors,
},
{
label: "Kundenzufriedenheit",
value: "Exzellent",
icon: Smile,
label: "Kundenzufriedenheit", value: "Exzellent", icon: Smile,
},
]}
metricsAnimation="slide-up"
@@ -165,20 +112,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Herrenhaarschnitt",
description: "Moderner oder klassischer Schnitt, auf Ihren Style abgestimmt.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506188.jpg?_wi=2",
},
title: "Herrenhaarschnitt", description: "Moderner oder klassischer Schnitt, auf Ihren Style abgestimmt.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506188.jpg?_wi=2"},
{
title: "Bartpflege",
description: "Präzises Trimmen und Konturpflege für den perfekten Bart.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg",
},
title: "Bartpflege", description: "Präzises Trimmen und Konturpflege für den perfekten Bart.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg"},
{
title: "Konturen & Styling",
description: "Sauberer Abschluss und professionelles Styling.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shaving-with-black-trimmer_23-2148213367.jpg",
},
title: "Konturen & Styling", description: "Sauberer Abschluss und professionelles Styling.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shaving-with-black-trimmer_23-2148213367.jpg"},
]}
title="Unsere Leistungen"
description="Von klassischem Haarschnitt bis zum perfekten Bart-Styling: Wir bieten erstklassigen Service für den modernen Mann in Lotte."
@@ -191,20 +129,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Zentral in Lotte",
content: "Wir sind direkt an der Bahnhofstraße 2 für Sie da.",
},
id: "1", title: "Zentral in Lotte", content: "Wir sind direkt an der Bahnhofstraße 2 für Sie da."},
{
id: "2",
title: "Saubere Atmosphäre",
content: "Hygiene und Entspannung stehen bei uns an erster Stelle.",
},
id: "2", title: "Saubere Atmosphäre", content: "Hygiene und Entspannung stehen bei uns an erster Stelle."},
{
id: "3",
title: "Freundlicher Service",
content: "Wir nehmen uns Zeit für jeden Kunden.",
},
id: "3", title: "Freundlicher Service", content: "Wir nehmen uns Zeit für jeden Kunden."},
]}
title="Warum Shadi Style?"
description="Erfahren Sie, warum wir die erste Adresse für Barber in Lotte sind."
@@ -221,35 +150,11 @@ export default function LandingPage() {
description="Ein kleiner Einblick in unsere handwerkliche Präzision."
blogs={[
{
id: "1",
title: "Fresh Fade",
category: "Styling",
excerpt: "Klassischer Fade Cut für den täglichen Style.",
imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg?_wi=2",
authorName: "Shadi",
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg",
date: "2024",
},
id: "1", title: "Fresh Fade", category: "Styling", excerpt: "Klassischer Fade Cut für den täglichen Style.", imageSrc: "http://img.b2bpic.net/free-photo/different-razors-table_23-2147736988.jpg?_wi=2", authorName: "Shadi", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg", date: "2024"},
{
id: "2",
title: "Bart Konturen",
category: "Pflege",
excerpt: "Präzise Bart-Pflege für jeden Typ.",
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
authorName: "Shadi",
authorAvatar: "http://img.b2bpic.net/free-photo/neon-portrait-young-attractive-man_158595-5145.jpg",
date: "2024",
},
id: "2", title: "Bart Konturen", category: "Pflege", excerpt: "Präzise Bart-Pflege für jeden Typ.", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", authorName: "Shadi", authorAvatar: "http://img.b2bpic.net/free-photo/neon-portrait-young-attractive-man_158595-5145.jpg", date: "2024"},
{
id: "3",
title: "Modern Haircut",
category: "Haarschnitt",
excerpt: "Der moderne Look für moderne Männer.",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg",
authorName: "Shadi",
authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4049.jpg",
date: "2024",
},
id: "3", title: "Modern Haircut", category: "Haarschnitt", excerpt: "Der moderne Look für moderne Männer.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg", authorName: "Shadi", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4049.jpg", date: "2024"},
]}
/>
</div>
@@ -261,45 +166,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Markus",
handle: "@Lotte",
testimonial: "Absolut empfehlenswert!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
},
id: "1", name: "Markus", handle: "@Lotte", testimonial: "Absolut empfehlenswert!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg"},
{
id: "2",
name: "Jens",
handle: "@Lotte",
testimonial: "Top Barber!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-13394.jpg",
},
id: "2", name: "Jens", handle: "@Lotte", testimonial: "Top Barber!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-13394.jpg"},
{
id: "3",
name: "Timo",
handle: "@Lotte",
testimonial: "Super Beratung.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg",
},
id: "3", name: "Timo", handle: "@Lotte", testimonial: "Super Beratung.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg"},
{
id: "4",
name: "Ali",
handle: "@Lotte",
testimonial: "Immer wieder gerne.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-consulting-beard-trimming-salon_23-2148181867.jpg",
},
id: "4", name: "Ali", handle: "@Lotte", testimonial: "Immer wieder gerne.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-consulting-beard-trimming-salon_23-2148181867.jpg"},
{
id: "5",
name: "Dirk",
handle: "@Lotte",
testimonial: "Bester in der Gegend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg",
},
id: "5", name: "Dirk", handle: "@Lotte", testimonial: "Bester in der Gegend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg"},
]}
showRating={true}
title="Was unsere Kunden sagen"
@@ -311,14 +191,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Besuchen Sie uns in der Bahnhofstraße 2, 49504 Lotte. Telefon: 05404 9598100. Wir freuen uns auf Ihren Besuch!"
buttons={[
{
text: "Jetzt anrufen",
href: "tel:054049598100",
},
text: "Jetzt anrufen", href: "tel:054049598100"},
]}
/>
</div>
@@ -329,25 +206,17 @@ export default function LandingPage() {
{
items: [
{
label: "Kontakt",
href: "tel:054049598100",
},
label: "Kontakt", href: "tel:054049598100"},
{
label: "Impressum",
href: "#",
},
label: "Impressum", href: "#"},
],
},
{
items: [
{
label: "Adresse",
href: "#",
},
label: "Adresse", href: "#"},
{
label: "Öffnungszeiten",
href: "#",
},
label: "Öffnungszeiten", href: "#"},
],
},
]}
@@ -357,4 +226,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}