5 Commits

Author SHA1 Message Date
efa7b25d27 Update src/app/page.tsx 2026-06-12 13:35:09 +00:00
b41704abe5 Update src/app/styles/variables.css 2026-06-12 13:34:21 +00:00
0323a548ad Update src/app/styles/base.css 2026-06-12 13:34:21 +00:00
9e38ae9061 Update src/app/page.tsx 2026-06-12 13:34:20 +00:00
72ff2d14a4 Update src/app/layout.tsx 2026-06-12 13:34:20 +00:00
4 changed files with 101 additions and 307 deletions

View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Libre_Baskerville } from "next/font/google"; import { Libre_Baskerville } from "next/font/google";
import { DM_Sans } from "next/font/google";
@@ -41,14 +42,12 @@ export const metadata: Metadata = {
}, },
}; };
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville", const dmSans = DM_Sans({
subsets: ["latin"], variable: "--font-dm-sans", subsets: ["latin"],
weight: ["400", "700"],
}); });
const inter = Inter({ const inter = Inter({
variable: "--font-inter", variable: "--font-inter", subsets: ["latin"],
subsets: ["latin"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -59,7 +58,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}> <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -18,15 +18,15 @@ import { Crown, Droplet, Feather, Heart, Palette, Scissors, Sparkles, Star } fro
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-shift" defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="compact" contentWidth="compact"
sizing="largeSmallSizeLargeTitles" sizing="largeSmallSizeLargeTitles"
background="floatingGradient" background="floatingGradient"
cardStyle="gradient-radial" cardStyle="soft-shadow"
primaryButtonStyle="flat" primaryButtonStyle="shadow"
secondaryButtonStyle="layered" secondaryButtonStyle="glass"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
@@ -34,46 +34,26 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "Über Uns", name: "Über Uns", id: "#about"},
id: "#about",
},
{ {
name: "Leistungen", name: "Leistungen", id: "#features"},
id: "#features",
},
{ {
name: "Team", name: "Team", id: "#team"},
id: "#team",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Produkte", name: "Produkte", id: "#products"},
id: "#products",
},
{ {
name: "Preise", name: "Preise", id: "#pricing"},
id: "#pricing",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Kontakt", name: "Kontakt", id: "#contact"},
id: "#contact",
},
]} ]}
button={{ button={{
text: "Termin Buchen", text: "Termin Buchen", href: "#contact"}}
href: "#contact",
}}
brandName="Frieseur Elegance" brandName="Frieseur Elegance"
/> />
</div> </div>
@@ -84,39 +64,23 @@ export default function LandingPage() {
description="Meisterwerke für Ihr Haar. Stil, Schönheit & Wohlbefinden in jedem Schnitt." description="Meisterwerke für Ihr Haar. Stil, Schönheit & Wohlbefinden in jedem Schnitt."
buttons={[ buttons={[
{ {
text: "Termin buchen", text: "Termin buchen", href: "#contact"},
href: "#contact",
},
{ {
text: "Unsere Leistungen", text: "Unsere Leistungen", href: "#features"},
href: "#features",
},
]} ]}
slides={[ slides={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg", imageAlt: "Woman getting a fresh haircut"},
imageAlt: "Woman getting a fresh haircut",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94682.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94682.jpg", imageAlt: "Hair coloring process with balayage"},
imageAlt: "Hair coloring process with balayage",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", imageAlt: "Man receiving a professional beard trim"},
imageAlt: "Man receiving a professional beard trim",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/wedding-bride-s-hair-tied-up_8353-6092.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wedding-bride-s-hair-tied-up_8353-6092.jpg", imageAlt: "Elegant bridal updo with flowers"},
imageAlt: "Elegant bridal updo with flowers",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg", imageAlt: "Child getting a fun haircut"},
imageAlt: "Child getting a fun haircut",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg", imageAlt: "Hair treatment being applied to client"},
imageAlt: "Hair treatment being applied to client",
},
]} ]}
autoplayDelay={4000} autoplayDelay={4000}
showDimOverlay={true} showDimOverlay={true}
@@ -141,34 +105,22 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Scissors, icon: Scissors,
title: "Präzisions-Haarschnitte", title: "Präzisions-Haarschnitte", description: "Moderne und klassische Schnitte für Damen, Herren und Kinder, perfekt auf Ihren Stil abgestimmt."},
description: "Moderne und klassische Schnitte für Damen, Herren und Kinder, perfekt auf Ihren Stil abgestimmt.",
},
{ {
icon: Palette, icon: Palette,
title: "Individuelle Farbkreationen", title: "Individuelle Farbkreationen", description: "Von Balayage über Strähnen bis zur Vollcoloration wir finden Ihren perfekten Farbton."},
description: "Von Balayage über Strähnen bis zur Vollcoloration wir finden Ihren perfekten Farbton.",
},
{ {
icon: Sparkles, icon: Sparkles,
title: "Exquisite Stylings", title: "Exquisite Stylings", description: "Ob für den Alltag, besondere Anlässe oder Hochzeiten wir kreieren Ihr Wunsch-Styling."},
description: "Ob für den Alltag, besondere Anlässe oder Hochzeiten wir kreieren Ihr Wunsch-Styling.",
},
{ {
icon: Droplet, icon: Droplet,
title: "Intensive Haarpflege", title: "Intensive Haarpflege", description: "Revitalisierende Treatments, Masken und Kopfhautmassagen für gesundes, glänzendes Haar."},
description: "Revitalisierende Treatments, Masken und Kopfhautmassagen für gesundes, glänzendes Haar.",
},
{ {
icon: Heart, icon: Heart,
title: "Hochzeitsfrisuren", title: "Hochzeitsfrisuren", description: "Ihr großer Tag verdient eine perfekte Frisur. Wir beraten und stylen Sie für Ihren unvergesslichen Auftritt."},
description: "Ihr großer Tag verdient eine perfekte Frisur. Wir beraten und stylen Sie für Ihren unvergesslichen Auftritt.",
},
{ {
icon: Feather, icon: Feather,
title: "Professionelle Bartpflege", title: "Professionelle Bartpflege", description: "Von präzisen Trims bis zur vollständigen Bartrasur Ihr Bart in besten Händen."},
description: "Von präzisen Trims bis zur vollständigen Bartrasur Ihr Bart in besten Händen.",
},
]} ]}
title="Unsere Exklusiven Services" title="Unsere Exklusiven Services"
description="Entdecken Sie unser vielfältiges Angebot, das speziell auf Ihre Bedürfnisse zugeschnitten ist." description="Entdecken Sie unser vielfältiges Angebot, das speziell auf Ihre Bedürfnisse zugeschnitten ist."
@@ -183,29 +135,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
members={[ members={[
{ {
id: "1", id: "1", name: "Anna Schmidt", role: "Creative Director", description: "Mit über 15 Jahren Erfahrung ist Anna eine Meisterin ihres Fachs und spezialisiert auf innovative Farbtechniken.", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-isolated-green-background_141793-119384.jpg", imageAlt: "Portrait of Anna Schmidt, Creative Director"},
name: "Anna Schmidt",
role: "Creative Director",
description: "Mit über 15 Jahren Erfahrung ist Anna eine Meisterin ihres Fachs und spezialisiert auf innovative Farbtechniken.",
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-isolated-green-background_141793-119384.jpg",
imageAlt: "Portrait of Anna Schmidt, Creative Director",
},
{ {
id: "2", id: "2", name: "Max Müller", role: "Master Barber & Stylist", description: "Max ist unser Experte für Herrenhaarschnitte und Bartpflege, bekannt für seine präzisen und stilvollen Ergebnisse.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg", imageAlt: "Portrait of Max Müller, Master Barber & Stylist"},
name: "Max Müller",
role: "Master Barber & Stylist",
description: "Max ist unser Experte für Herrenhaarschnitte und Bartpflege, bekannt für seine präzisen und stilvollen Ergebnisse.",
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg",
imageAlt: "Portrait of Max Müller, Master Barber & Stylist",
},
{ {
id: "3", id: "3", name: "Sophie Weber", role: "Senior Stylistin", description: "Sophie liebt es, individuelle Stylings für besondere Anlässe zu kreieren und unsere Kunden zum Strahlen zu bringen.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-teacher_23-2148635327.jpg", imageAlt: "Portrait of Sophie Weber, Senior Stylistin"},
name: "Sophie Weber",
role: "Senior Stylistin",
description: "Sophie liebt es, individuelle Stylings für besondere Anlässe zu kreieren und unsere Kunden zum Strahlen zu bringen.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-teacher_23-2148635327.jpg",
imageAlt: "Portrait of Sophie Weber, Senior Stylistin",
},
]} ]}
title="Unser Kreativ-Team" title="Unser Kreativ-Team"
description="Lernen Sie die talentierten Hände kennen, die Ihre Haarträume wahr werden lassen." description="Lernen Sie die talentierten Hände kennen, die Ihre Haarträume wahr werden lassen."
@@ -216,66 +150,31 @@ export default function LandingPage() {
<TestimonialCardSixteen <TestimonialCardSixteen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", role: "Kundin", company: "Stammkundin seit 3 Jahren", rating: 5,
name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-30906.jpg", imageAlt: "Sarah Johnson, happy customer"},
role: "Kundin",
company: "Stammkundin seit 3 Jahren",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-30906.jpg",
imageAlt: "Sarah Johnson, happy customer",
},
{ {
id: "2", id: "2", name: "Michael Chen", role: "Kunde", company: "Besuch seit 1 Jahr", rating: 5,
name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing_158538-15012.jpg", imageAlt: "Michael Chen, satisfied customer"},
role: "Kunde",
company: "Besuch seit 1 Jahr",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing_158538-15012.jpg",
imageAlt: "Michael Chen, satisfied customer",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", role: "Kundin", company: "Erster Besuch begeistert", rating: 5,
name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup-gray_158538-11769.jpg", imageAlt: "Emily Rodriguez, happy customer"},
role: "Kundin",
company: "Erster Besuch begeistert",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup-gray_158538-11769.jpg",
imageAlt: "Emily Rodriguez, happy customer",
},
{ {
id: "4", id: "4", name: "David Kim", role: "Kunde", company: "Regelmäßiger Bartpflege-Kunde", rating: 5,
name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexual-blond-female-with-curly-hair-grey-background_613910-15089.jpg", imageAlt: "David Kim, satisfied customer"},
role: "Kunde",
company: "Regelmäßiger Bartpflege-Kunde",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexual-blond-female-with-curly-hair-grey-background_613910-15089.jpg",
imageAlt: "David Kim, satisfied customer",
},
{ {
id: "5", id: "5", name: "Laura Müller", role: "Kundin", company: "Hochzeitsfrisur-Kundin", rating: 5,
name: "Laura Müller", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg", imageAlt: "Laura Müller, happy customer"},
role: "Kundin",
company: "Hochzeitsfrisur-Kundin",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
imageAlt: "Laura Müller, happy customer",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "98%", value: "98%", label: "Zufriedene Kunden"},
label: "Zufriedene Kunden",
},
{ {
value: "15+", value: "15+", label: "Jahre Erfahrung"},
label: "Jahre Erfahrung",
},
{ {
value: "1000+", value: "1000+", label: "Happy Hair Days"},
label: "Happy Hair Days",
},
]} ]}
title="Was Unsere Kunden Sagen" title="Was Unsere Kunden Sagen"
description="Ihre Zufriedenheit ist unser größtes Kompliment. Lesen Sie, was unsere geschätzten Kunden über ihre Erfahrungen bei Frieseur Elegance berichten." description="Ihre Zufriedenheit ist unser größtes Kompliment. Lesen Sie, was unsere geschätzten Kunden über ihre Erfahrungen bei Frieseur Elegance berichten."
@@ -290,47 +189,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", name: "Volumen Shampoo", price: "€ 24.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plastic-bottles-pink-background_23-2149449755.jpg", imageAlt: "Volumizing Shampoo Bottle"},
name: "Volumen Shampoo",
price: "€ 24.99",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plastic-bottles-pink-background_23-2149449755.jpg",
imageAlt: "Volumizing Shampoo Bottle",
},
{ {
id: "2", id: "2", name: "Feuchtigkeits-Conditioner", price: "€ 26.50", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230919.jpg", imageAlt: "Moisturizing Conditioner Bottle"},
name: "Feuchtigkeits-Conditioner",
price: "€ 26.50",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230919.jpg",
imageAlt: "Moisturizing Conditioner Bottle",
},
{ {
id: "3", id: "3", name: "Hitzeschutz-Spray", price: "€ 22.00", imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-their-drag-outfit_23-2149490836.jpg", imageAlt: "Heat Protection Hair Spray"},
name: "Hitzeschutz-Spray",
price: "€ 22.00",
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-their-drag-outfit_23-2149490836.jpg",
imageAlt: "Heat Protection Hair Spray",
},
{ {
id: "4", id: "4", name: "Glanz-Haarserum", price: "€ 29.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-dry-shampoo-home_23-2150706331.jpg", imageAlt: "Shine Hair Serum Bottle"},
name: "Glanz-Haarserum",
price: "€ 29.99",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-using-dry-shampoo-home_23-2150706331.jpg",
imageAlt: "Shine Hair Serum Bottle",
},
{ {
id: "5", id: "5", name: "Repair Haarmaske", price: "€ 35.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dyed-hair_23-2148547444.jpg", imageAlt: "Repairing Hair Mask Jar"},
name: "Repair Haarmaske",
price: "€ 35.00",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dyed-hair_23-2148547444.jpg",
imageAlt: "Repairing Hair Mask Jar",
},
{ {
id: "6", id: "6", name: "Formgebendes Mousse", price: "€ 19.75", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo-home_23-2150651871.jpg", imageAlt: "Styling Hair Mousse Bottle"},
name: "Formgebendes Mousse",
price: "€ 19.75",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo-home_23-2150651871.jpg",
imageAlt: "Styling Hair Mousse Bottle",
},
]} ]}
title="Premium Haarpflege für Zuhause" title="Premium Haarpflege für Zuhause"
description="Verlängern Sie die Salonqualität mit unseren ausgewählten Pflegeprodukten, die speziell auf Ihr Haar abgestimmt sind." description="Verlängern Sie die Salonqualität mit unseren ausgewählten Pflegeprodukten, die speziell auf Ihr Haar abgestimmt sind."
@@ -344,61 +213,24 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "basic-cut", id: "basic-cut", tag: "Basis", price: "Ab € 45", period: "pro Schnitt", description: "Professioneller Haarschnitt inkl. Waschen & Föhnen.", button: {
tag: "Basis", text: "Termin vereinbaren", href: "#contact"},
price: "Ab € 45", featuresTitle: "Inklusive:", features: [
period: "pro Schnitt", "Beratung", "Haarwäsche mit Premiumprodukten", "Haarschnitt nach Wunsch", "Föhnen & leichtes Styling"],
description: "Professioneller Haarschnitt inkl. Waschen & Föhnen.",
button: {
text: "Termin vereinbaren",
href: "#contact",
},
featuresTitle: "Inklusive:",
features: [
"Beratung",
"Haarwäsche mit Premiumprodukten",
"Haarschnitt nach Wunsch",
"Föhnen & leichtes Styling",
],
}, },
{ {
id: "color-style", id: "color-style", tag: "Beliebt", tagIcon: Star,
tag: "Beliebt", price: "Ab € 95", period: "pro Service", description: "Umfassende Farb- und Styling-Behandlung.", button: {
tagIcon: Star, text: "Jetzt buchen", href: "#contact"},
price: "Ab € 95", featuresTitle: "Inklusive:", features: [
period: "pro Service", "Typberatung", "Individuelle Farbkreation (Balayage, Strähnen, Vollfarbe)", "Intensive Pflegekur", "Professionelles Styling"],
description: "Umfassende Farb- und Styling-Behandlung.",
button: {
text: "Jetzt buchen",
href: "#contact",
},
featuresTitle: "Inklusive:",
features: [
"Typberatung",
"Individuelle Farbkreation (Balayage, Strähnen, Vollfarbe)",
"Intensive Pflegekur",
"Professionelles Styling",
],
}, },
{ {
id: "premium-package", id: "premium-package", tag: "Exklusiv", tagIcon: Crown,
tag: "Exklusiv", price: "Ab € 150", period: "pro Paket", description: "Das Rundum-Sorglos-Paket für ein luxuriöses Haargefühl.", button: {
tagIcon: Crown, text: "Details anfragen", href: "#contact"},
price: "Ab € 150", featuresTitle: "Inklusive:", features: [
period: "pro Paket", "Ausführliche Stilberatung", "Haarschnitt & Farbbehandlung", "Individuelle Tiefenpflege", "Kopfhautmassage & Styling", "Goodie-Bag mit Reisegrößen"],
description: "Das Rundum-Sorglos-Paket für ein luxuriöses Haargefühl.",
button: {
text: "Details anfragen",
href: "#contact",
},
featuresTitle: "Inklusive:",
features: [
"Ausführliche Stilberatung",
"Haarschnitt & Farbbehandlung",
"Individuelle Tiefenpflege",
"Kopfhautmassage & Styling",
"Goodie-Bag mit Reisegrößen",
],
}, },
]} ]}
title="Unsere Preisliste" title="Unsere Preisliste"
@@ -412,20 +244,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "Wie kann ich einen Termin buchen?", content: "Sie können ganz bequem online über unsere Website einen Termin buchen oder uns telefonisch erreichen."},
title: "Wie kann ich einen Termin buchen?",
content: "Sie können ganz bequem online über unsere Website einen Termin buchen oder uns telefonisch erreichen.",
},
{ {
id: "2", id: "2", title: "Welche Zahlungsmethoden werden akzeptiert?", content: "Wir akzeptieren Barzahlung, EC-Karte und alle gängigen Kreditkarten (Visa, MasterCard)."},
title: "Welche Zahlungsmethoden werden akzeptiert?",
content: "Wir akzeptieren Barzahlung, EC-Karte und alle gängigen Kreditkarten (Visa, MasterCard).",
},
{ {
id: "3", id: "3", title: "Kann ich meinen Termin verschieben oder stornieren?", content: "Terminänderungen oder Stornierungen sind bis 24 Stunden vor dem Termin kostenfrei möglich. Bitte kontaktieren Sie uns dafür telefonisch."},
title: "Kann ich meinen Termin verschieben oder stornieren?",
content: "Terminänderungen oder Stornierungen sind bis 24 Stunden vor dem Termin kostenfrei möglich. Bitte kontaktieren Sie uns dafür telefonisch.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9054.jpg" imageSrc="http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-applying-by-professional-make-up-master-beauty-club-concept_627829-9054.jpg"
imageAlt="Hairdresser explaining hair color options to a client during a consultation." imageAlt="Hairdresser explaining hair color options to a client during a consultation."
@@ -440,20 +263,15 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
tag="Bereit für eine Veränderung?" tag="Bereit für eine Veränderung?"
title="Buchen Sie Jetzt Ihren Termin" title="Buchen Sie Jetzt Ihren Termin"
description="Wir freuen uns darauf, Sie in unserem Salon begrüßen zu dürfen und Ihre Haarträume zu verwirklichen. Kontaktieren Sie uns noch heute!" description="Wir freuen uns darauf, Sie in unserem Salon begrüßen zu dürfen und Ihre Haarträume zu verwirklichen. Kontaktieren Sie uns noch heute!"
buttons={[ buttons={[
{ {
text: "Online Termin buchen", text: "Online Termin buchen", href: "#"},
href: "#",
},
{ {
text: "Rufen Sie uns an", text: "Rufen Sie uns an", href: "tel:+49123456789"},
href: "tel:+49123456789",
},
]} ]}
/> />
</div> </div>
@@ -462,58 +280,35 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Frieseur Elegance", title: "Frieseur Elegance", items: [
items: [
{ {
label: "Über Uns", label: "Über Uns", href: "#about"},
href: "#about",
},
{ {
label: "Unser Team", label: "Unser Team", href: "#team"},
href: "#team",
},
{ {
label: "Karriere", label: "Karriere", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Leistungen", title: "Leistungen", items: [
items: [
{ {
label: "Haarschnitte", label: "Haarschnitte", href: "#features"},
href: "#features",
},
{ {
label: "Colorationen", label: "Colorationen", href: "#features"},
href: "#features",
},
{ {
label: "Stylings", label: "Stylings", href: "#features"},
href: "#features",
},
{ {
label: "Pflege & Treatments", label: "Pflege & Treatments", href: "#features"},
href: "#features",
},
], ],
}, },
{ {
title: "Kontakt", title: "Kontakt", items: [
items: [
{ {
label: "Termin vereinbaren", label: "Termin vereinbaren", href: "#contact"},
href: "#contact",
},
{ {
label: "Anfahrt", label: "Anfahrt", href: "#"},
href: "#",
},
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
], ],
}, },
]} ]}
@@ -524,4 +319,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-libre-baskerville), serif; font-family: var(--font-dm-sans), sans-serif;
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f7f6f7; --background: #f5f4f0;
--card: #ffffff; --card: #ffffff;
--foreground: #1b0c25; --foreground: #1a1a1a;
--primary-cta: #1b0c25; --primary-cta: #2c2c2c;
--primary-cta-text: #f7f6f7; --primary-cta-text: #f5f4f0;
--secondary-cta: #ffffff; --secondary-cta: #f5f4f0;
--secondary-cta-text: #1b0c25; --secondary-cta-text: #1a1a1a;
--accent: #ff93e4; --accent: #8a8a8a;
--background-accent: #e8a8c3; --background-accent: #e8e6e1;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);