bender/b72eaae5-da17-4379-afef-d161093e2db1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-02 22:36:58 +00:00
Conversation 0 Commits 1 Files Changed 1 +28 -154
1 changed files with 28 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Start",
id: "hero",
},
{
name: "Leistungen",
id: "services",
},
{
name: "Preise",
id: "pricing",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Start", id: "hero" },
{ name: "Leistungen", id: "services" },
{ name: "Preise", id: "pricing" },
{ name: "Kontakt", id: "contact" }
]}
brandName="MDC HAIR"
/>
@@ -54,41 +42,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background="circleGradient"
background={{ variant: "radial-gradient" }}
title="Dein Look. Dein Style. In Düsseldorf."
description="Willkommen bei MDC Hair – Dein Experte für modernen Haarschnitt, Balayage und individuelle Beratung in Grafenberg."
tag="Friseur in Düsseldorf"
buttons={[
{
text: "Jetzt Termin buchen",
href: "https://buchung.treatwell.de/ort/436927/menue/",
},
{
text: "Anrufen",
href: "tel:0211681728",
},
{ text: "Jetzt Termin buchen", href: "https://buchung.treatwell.de/ort/436927/menue/" },
{ text: "Anrufen", href: "tel:0211681728" }
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186519.jpg",
imageAlt: "Moderner Salon MDC Hair",
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186519.jpg", imageAlt: "Moderner Salon MDC Hair"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
imageAlt: "Einladendes Ambiente bei MDC Hair",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg",
imageAlt: "Barber tools on wooden background table",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
imageAlt: "Barber shop tools arrangement",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg",
imageAlt: "Young man getting his beard styled at the barber",
},
imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg", imageAlt: "Einladendes Ambiente bei MDC Hair"
}
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -102,21 +70,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
title: "Balayage & Highlights",
description: "Individuelle Farbtechniken für einen natürlichen, strahlenden Look.",
icon: Sparkles,
},
{
title: "Bart & Herrenpflege",
description: "Präzise Haarschnitte und Bartpflege für moderne Männer.",
icon: Scissors,
},
{
title: "Styling & Beratung",
description: "Ob Hochsteckfrisur oder Locken – wir finden das richtige Styling für dich.",
icon: Star,
},
{ title: "Balayage & Highlights", description: "Individuelle Farbtechniken für einen natürlichen, strahlenden Look.", icon: Sparkles },
{ title: "Bart & Herrenpflege", description: "Präzise Haarschnitte und Bartpflege für moderne Männer.", icon: Scissors },
{ title: "Styling & Beratung", description: "Ob Hochsteckfrisur oder Locken – wir finden das richtige Styling für dich.", icon: Star }
]}
title="Unsere Dienstleistungen"
description="Von klassischem Haarschnitt bis zur modernen Balayage-Technik. Wir sorgen für deinen perfekten Look."
@@ -130,18 +86,9 @@ export default function LandingPage() {
title="Über MDC Hair"
description="MDC Hair in Düsseldorf Grafenberg steht für höchste Qualität, professionelle Beratung und ein Wohlfühlerlebnis. Unser erfahrenes Team nimmt sich Zeit für deine Wünsche, um deinen individuellen Stil zu unterstreichen."
bulletPoints={[
{
title: "Erfahrene Stylisten",
description: "Regelmäßige Weiterbildung in den neuesten Trends.",
},
{
title: "Hochwertige Produkte",
description: "Nur das Beste für dein Haar.",
},
{
title: "Zentrale Lage",
description: "Mitten in Düsseldorf Grafenberg.",
},
{ title: "Erfahrene Stylisten", description: "Regelmäßige Weiterbildung in den neuesten Trends." },
{ title: "Hochwertige Produkte", description: "Nur das Beste für dein Haar." },
{ title: "Zentrale Lage", description: "Mitten in Düsseldorf Grafenberg." }
]}
imageSrc="http://img.b2bpic.net/free-photo/make-up-products_23-2148553409.jpg"
imageAlt="Das MDC Hair Team"
@@ -155,38 +102,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Basis",
price: "ab 15 €",
subtitle: "Damen & Herren Basis",
features: [
"Haarschnitt",
"Waschen",
"Föhnen",
],
},
{
id: "p2",
badge: "Premium",
price: "ab 35 €",
subtitle: "Colorationen & Spezial",
features: [
"Balayage",
"Highlights",
"Farbauffrischung",
],
},
{
id: "p3",
badge: "Pflege",
price: "ab 25 €",
subtitle: "Augenbrauen & Wimpern",
features: [
"Augenbrauen zupfen",
"Wimpernbehandlung",
],
},
{ id: "p1", badge: "Basis", price: "ab 15 €", subtitle: "Damen & Herren Basis", features: ["Haarschnitt", "Waschen", "Föhnen"] },
{ id: "p2", badge: "Premium", price: "ab 35 €", subtitle: "Colorationen & Spezial", features: ["Balayage", "Highlights", "Farbauffrischung"] },
{ id: "p3", badge: "Pflege", price: "ab 25 €", subtitle: "Augenbrauen & Wimpern", features: ["Augenbrauen zupfen", "Wimpernbehandlung"] }
]}
title="Unsere Preise"
description="Transparente Preisgestaltung für unsere Premium-Services."
@@ -199,41 +117,11 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Müller",
handle: "@sarah.m",
testimonial: "Super Beratung und tolles Ergebnis bei meiner Balayage. Ich komme wieder!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg",
},
{
id: "2",
name: "Markus Weber",
handle: "@markus.w",
testimonial: "Der beste Haarschnitt in Düsseldorf. Sehr entspannte Atmosphäre.",
imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg",
},
{
id: "3",
name: "Julia Schneider",
handle: "@julia.sch",
testimonial: "Ich bin begeistert von meinem neuen Look! Sehr professionelles Team.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
},
{
id: "4",
name: "Thomas Wagner",
handle: "@tom.wag",
testimonial: "Schnell, präzise und freundlich. Absolute Empfehlung.",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sport-outfits-posing-confidently_114579-21727.jpg",
},
{
id: "5",
name: "Lisa Schmidt",
handle: "@lisa.s",
testimonial: "Toller Service und sehr sauberer Salon. Hier fühlt man sich wohl.",
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg",
},
{ id: "1", name: "Sarah Müller", handle: "@sarah.m", testimonial: "Super Beratung und tolles Ergebnis bei meiner Balayage. Ich komme wieder!", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg" },
{ id: "2", name: "Markus Weber", handle: "@markus.w", testimonial: "Der beste Haarschnitt in Düsseldorf. Sehr entspannte Atmosphäre.", imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg" },
{ id: "3", name: "Julia Schneider", handle: "@julia.sch", testimonial: "Ich bin begeistert von meinem neuen Look! Sehr professionelles Team.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg" },
{ id: "4", name: "Thomas Wagner", handle: "@tom.wag", testimonial: "Schnell, präzise und freundlich. Absolute Empfehlung.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sport-outfits-posing-confidently_114579-21727.jpg" },
{ id: "5", name: "Lisa Schmidt", handle: "@lisa.s", testimonial: "Toller Service und sehr sauberer Salon. Hier fühlt man sich wohl.", imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg" }
]}
title="Kundenstimmen"
description="Was unsere Kunden über MDC Hair sagen."
@@ -245,21 +133,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Wie kann ich einen Termin buchen?",
content: "Du kannst jederzeit bequem über unseren Treatwell-Link online buchen.",
},
{
id: "f2",
title: "Wo befindet sich der Salon?",
content: "Wir finden dich in der Geibelstraße 71, 40235 Düsseldorf.",
},
{
id: "f3",
title: "Wie sind die Öffnungszeiten?",
content: "Dienstag bis Freitag von 09:30 bis 18:30 Uhr und Samstag von 09:00 bis 15:00 Uhr.",
},
{ id: "f1", title: "Wie kann ich einen Termin buchen?", content: "Du kannst jederzeit bequem über unseren Treatwell-Link online buchen." },
{ id: "f2", title: "Wo befindet sich der Salon?", content: "Wir finden dich in der Geibelstraße 71, 40235 Düsseldorf." },
{ id: "f3", title: "Wie sind die Öffnungszeiten?", content: "Dienstag bis Freitag von 09:30 bis 18:30 Uhr und Samstag von 09:00 bis 15:00 Uhr." }
]}
title="Häufige Fragen"
description="Alles was du vor deinem Besuch wissen musst."
@@ -270,9 +146,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Kontaktiere uns"
description="Besuche uns in Düsseldorf Grafenberg oder ruf uns direkt an."
imageSrc="http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg"