Merge version_1 into main #1
182
src/app/page.tsx
182
src/app/page.tsx
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user