Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
name: "Leistungen", id: "features"},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Preise", id: "pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Model Friseur"
|
||||
/>
|
||||
@@ -58,36 +48,25 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Dein Style. Dein Barber."
|
||||
description="Erlebe erstklassigen Haarschnitt und Bartpflege in entspannter, moderner Atmosphäre. Dein neuer Look wartet."
|
||||
kpis={[
|
||||
{
|
||||
value: "250+",
|
||||
label: "Google Rezensionen",
|
||||
},
|
||||
value: "250+", label: "Google Rezensionen"},
|
||||
{
|
||||
value: "4.4",
|
||||
label: "Sterne Bewertung",
|
||||
},
|
||||
value: "4.4", label: "Sterne Bewertung"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Zufriedenheitsgarantie",
|
||||
},
|
||||
value: "100%", label: "Zufriedenheitsgarantie"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
text: "Jetzt anrufen", href: "tel:+49123456789"},
|
||||
{
|
||||
text: "Termin buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Termin buchen", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -99,49 +78,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haarschnitte & Styling",
|
||||
description: "Individuelle Schnitte, die deine Persönlichkeit perfekt unterstreichen.",
|
||||
icon: Scissors,
|
||||
title: "Haarschnitte & Styling", description: "Individuelle Schnitte, die deine Persönlichkeit perfekt unterstreichen.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg?_wi=2",
|
||||
imageAlt: "barber shop interior modern professional",
|
||||
},
|
||||
{
|
||||
title: "Barber & Bartpflege",
|
||||
description: "Präzises Konturenschneiden und klassische Nassrasur für den modernen Mann.",
|
||||
icon: Sparkles,
|
||||
title: "Barber & Bartpflege", description: "Präzises Konturenschneiden und klassische Nassrasur für den modernen Mann.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg?_wi=3",
|
||||
imageAlt: "haircutting tools set professional",
|
||||
},
|
||||
{
|
||||
title: "Farbe & Glossing",
|
||||
description: "Moderne Farbtechniken für lebendigen Glanz und gesunden Look.",
|
||||
icon: Palette,
|
||||
title: "Farbe & Glossing", description: "Moderne Farbtechniken für lebendigen Glanz und gesunden Look.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668442.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668442.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668442.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668442.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg?_wi=3",
|
||||
imageAlt: "beard styling grooming professional",
|
||||
},
|
||||
]}
|
||||
title="Unsere Dienstleistungen"
|
||||
@@ -156,53 +117,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "herren",
|
||||
name: "Herren Haarschnitt",
|
||||
price: "ab 25€",
|
||||
features: [
|
||||
"Beratung",
|
||||
"Waschen",
|
||||
"Schnitt",
|
||||
"Styling",
|
||||
],
|
||||
id: "herren", name: "Herren Haarschnitt", price: "ab 25€", features: [
|
||||
"Beratung", "Waschen", "Schnitt", "Styling"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Buchen", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "damen",
|
||||
name: "Damen Haarschnitt",
|
||||
price: "ab 45€",
|
||||
features: [
|
||||
"Beratung",
|
||||
"Waschen",
|
||||
"Schnitt",
|
||||
"Föhnen",
|
||||
],
|
||||
id: "damen", name: "Damen Haarschnitt", price: "ab 45€", features: [
|
||||
"Beratung", "Waschen", "Schnitt", "Föhnen"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Buchen", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "barber",
|
||||
name: "Barber Service",
|
||||
price: "ab 20€",
|
||||
features: [
|
||||
"Konturen",
|
||||
"Rasur",
|
||||
"Bartpflege",
|
||||
],
|
||||
id: "barber", name: "Barber Service", price: "ab 20€", features: [
|
||||
"Konturen", "Rasur", "Bartpflege"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Buchen", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -219,29 +154,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marco",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-looks-camera-isolated-green-space-with-copy-space_141793-60051.jpg",
|
||||
},
|
||||
id: "1", name: "Marco", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-looks-camera-isolated-green-space-with-copy-space_141793-60051.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/young-adult-bearded-man-with-razor_1194-639665.jpg",
|
||||
},
|
||||
id: "2", name: "Elena", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-psd/young-adult-bearded-man-with-razor_1194-639665.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tom",
|
||||
role: "Junior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg",
|
||||
},
|
||||
id: "3", name: "Tom", role: "Junior Barber", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah",
|
||||
role: "Farbexpertin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-blond-male-dressed-waistcoat_613910-11225.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah", role: "Farbexpertin", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-blond-male-dressed-waistcoat_613910-11225.jpg"},
|
||||
]}
|
||||
title="Unser Expertenteam"
|
||||
description="Erfahrene Stylisten, die ihr Handwerk lieben."
|
||||
@@ -255,59 +174,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julia M.",
|
||||
role: "Kundin",
|
||||
company: "Stammkundin",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg",
|
||||
},
|
||||
id: "1", name: "Julia M.", role: "Kundin", company: "Stammkundin", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Claudia B.",
|
||||
role: "Kundin",
|
||||
company: "Seit 2 Jahren",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-shopping-bag-concept_23-2148674177.jpg",
|
||||
},
|
||||
id: "2", name: "Claudia B.", role: "Kundin", company: "Seit 2 Jahren", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-shopping-bag-concept_23-2148674177.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Markus S.",
|
||||
role: "Kunde",
|
||||
company: "Barber-Fan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-his-smartphone_1153-411.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Markus S.", role: "Kunde", company: "Barber-Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-his-smartphone_1153-411.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa R.",
|
||||
role: "Kundin",
|
||||
company: "Neukundin",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-spotlight_23-2149304646.jpg",
|
||||
},
|
||||
id: "4", name: "Lisa R.", role: "Kundin", company: "Neukundin", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-spotlight_23-2149304646.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom K.",
|
||||
role: "Kunde",
|
||||
company: "Regelmäßiger Gast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-his-smartphone_1153-411.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Tom K.", role: "Kunde", company: "Regelmäßiger Gast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-his-smartphone_1153-411.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.4",
|
||||
label: "Bewertung",
|
||||
},
|
||||
value: "4.4", label: "Bewertung"},
|
||||
{
|
||||
value: "250+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
value: "250+", label: "Google Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Weiterempfehlung",
|
||||
},
|
||||
value: "100%", label: "Weiterempfehlung"},
|
||||
]}
|
||||
title="Was Kunden sagen"
|
||||
description="Zufriedenheit ist unser höchster Anspruch."
|
||||
@@ -318,20 +206,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Besuch uns"
|
||||
title="Bereit für deinen neuen Style?"
|
||||
description="Komm vorbei oder ruf uns an – Spontanbesuche sind oft möglich!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
text: "Jetzt anrufen", href: "tel:+49123456789"},
|
||||
{
|
||||
text: "WhatsApp Nachricht",
|
||||
href: "https://wa.me/49123456789",
|
||||
},
|
||||
text: "WhatsApp Nachricht", href: "https://wa.me/49123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -341,50 +224,31 @@ export default function LandingPage() {
|
||||
logoText="Model Friseur"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Hauptstraße 1, Augsburg",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hauptstraße 1, Augsburg", href: "#"},
|
||||
{
|
||||
label: "Tel: 0123 456789",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
label: "Tel: 0123 456789", href: "tel:+49123456789"},
|
||||
{
|
||||
label: "info@modelfriseur.de",
|
||||
href: "mailto:info@modelfriseur.de",
|
||||
},
|
||||
label: "info@modelfriseur.de", href: "mailto:info@modelfriseur.de"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
title: "Öffnungszeiten", items: [
|
||||
{
|
||||
label: "Mo-Fr: 09:00 - 19:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mo-Fr: 09:00 - 19:00", href: "#"},
|
||||
{
|
||||
label: "Sa: 09:00 - 16:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sa: 09:00 - 16:00", href: "#"},
|
||||
{
|
||||
label: "So: Geschlossen",
|
||||
href: "#",
|
||||
},
|
||||
label: "So: Geschlossen", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user