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 { getVisualEditScript } from "@/utils/visual-edit-script";
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",
subsets: ["latin"],
weight: ["400", "700"],
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export default function RootLayout({
@@ -59,7 +58,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -18,15 +18,15 @@ import { Crown, Droplet, Feather, Heart, Palette, Scissors, Sparkles, Star } fro
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmallSizeLargeTitles"
background="floatingGradient"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
@@ -34,46 +34,26 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Über Uns",
id: "#about",
},
name: "Über Uns", id: "#about"},
{
name: "Leistungen",
id: "#features",
},
name: "Leistungen", id: "#features"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Produkte",
id: "#products",
},
name: "Produkte", id: "#products"},
{
name: "Preise",
id: "#pricing",
},
name: "Preise", id: "#pricing"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Kontakt",
id: "#contact",
},
name: "Kontakt", id: "#contact"},
]}
button={{
text: "Termin Buchen",
href: "#contact",
}}
text: "Termin Buchen", href: "#contact"}}
brandName="Frieseur Elegance"
/>
</div>
@@ -84,39 +64,23 @@ export default function LandingPage() {
description="Meisterwerke für Ihr Haar. Stil, Schönheit & Wohlbefinden in jedem Schnitt."
buttons={[
{
text: "Termin buchen",
href: "#contact",
},
text: "Termin buchen", href: "#contact"},
{
text: "Unsere Leistungen",
href: "#features",
},
text: "Unsere Leistungen", href: "#features"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg",
imageAlt: "Woman getting a fresh haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg", imageAlt: "Woman getting a fresh haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94682.jpg",
imageAlt: "Hair coloring process with balayage",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94682.jpg", 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",
imageAlt: "Man receiving a professional beard trim",
},
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"},
{
imageSrc: "http://img.b2bpic.net/free-photo/wedding-bride-s-hair-tied-up_8353-6092.jpg",
imageAlt: "Elegant bridal updo with flowers",
},
imageSrc: "http://img.b2bpic.net/free-photo/wedding-bride-s-hair-tied-up_8353-6092.jpg", imageAlt: "Elegant bridal updo with flowers"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg",
imageAlt: "Child getting a fun haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg", imageAlt: "Child getting a fun haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg",
imageAlt: "Hair treatment being applied to client",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg", imageAlt: "Hair treatment being applied to client"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -141,34 +105,22 @@ export default function LandingPage() {
features={[
{
icon: Scissors,
title: "Präzisions-Haarschnitte",
description: "Moderne und klassische Schnitte für Damen, Herren und Kinder, perfekt auf Ihren Stil abgestimmt.",
},
title: "Präzisions-Haarschnitte", description: "Moderne und klassische Schnitte für Damen, Herren und Kinder, perfekt auf Ihren Stil abgestimmt."},
{
icon: Palette,
title: "Individuelle Farbkreationen",
description: "Von Balayage über Strähnen bis zur Vollcoloration wir finden Ihren perfekten Farbton.",
},
title: "Individuelle Farbkreationen", description: "Von Balayage über Strähnen bis zur Vollcoloration wir finden Ihren perfekten Farbton."},
{
icon: Sparkles,
title: "Exquisite Stylings",
description: "Ob für den Alltag, besondere Anlässe oder Hochzeiten wir kreieren Ihr Wunsch-Styling.",
},
title: "Exquisite Stylings", description: "Ob für den Alltag, besondere Anlässe oder Hochzeiten wir kreieren Ihr Wunsch-Styling."},
{
icon: Droplet,
title: "Intensive Haarpflege",
description: "Revitalisierende Treatments, Masken und Kopfhautmassagen für gesundes, glänzendes Haar.",
},
title: "Intensive Haarpflege", description: "Revitalisierende Treatments, Masken und Kopfhautmassagen für gesundes, glänzendes Haar."},
{
icon: Heart,
title: "Hochzeitsfrisuren",
description: "Ihr großer Tag verdient eine perfekte Frisur. Wir beraten und stylen Sie für Ihren unvergesslichen Auftritt.",
},
title: "Hochzeitsfrisuren", description: "Ihr großer Tag verdient eine perfekte Frisur. Wir beraten und stylen Sie für Ihren unvergesslichen Auftritt."},
{
icon: Feather,
title: "Professionelle Bartpflege",
description: "Von präzisen Trims bis zur vollständigen Bartrasur Ihr Bart in besten Händen.",
},
title: "Professionelle Bartpflege", description: "Von präzisen Trims bis zur vollständigen Bartrasur Ihr Bart in besten Händen."},
]}
title="Unsere Exklusiven Services"
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}
members={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
title="Unser Kreativ-Team"
description="Lernen Sie die talentierten Hände kennen, die Ihre Haarträume wahr werden lassen."
@@ -216,66 +150,31 @@ export default function LandingPage() {
<TestimonialCardSixteen
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
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: "1", name: "Sarah Johnson", 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",
name: "Michael Chen",
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: "2", name: "Michael Chen", 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",
name: "Emily Rodriguez",
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: "3", name: "Emily Rodriguez", 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",
name: "David Kim",
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: "4", name: "David Kim", 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",
name: "Laura Müller",
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",
},
id: "5", name: "Laura Müller", 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={[
{
value: "98%",
label: "Zufriedene Kunden",
},
value: "98%", label: "Zufriedene Kunden"},
{
value: "15+",
label: "Jahre Erfahrung",
},
value: "15+", label: "Jahre Erfahrung"},
{
value: "1000+",
label: "Happy Hair Days",
},
value: "1000+", label: "Happy Hair Days"},
]}
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."
@@ -290,47 +189,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
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."
@@ -344,61 +213,24 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic-cut",
tag: "Basis",
price: "Ab € 45",
period: "pro Schnitt",
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: "basic-cut", tag: "Basis", price: "Ab € 45", period: "pro Schnitt", 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",
tag: "Beliebt",
tagIcon: Star,
price: "Ab € 95",
period: "pro Service",
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: "color-style", tag: "Beliebt", tagIcon: Star,
price: "Ab € 95", period: "pro Service", 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",
tag: "Exklusiv",
tagIcon: Crown,
price: "Ab € 150",
period: "pro Paket",
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",
],
id: "premium-package", tag: "Exklusiv", tagIcon: Crown,
price: "Ab € 150", period: "pro Paket", 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"
@@ -412,20 +244,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
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.",
},
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."},
{
id: "2",
title: "Welche Zahlungsmethoden werden akzeptiert?",
content: "Wir akzeptieren Barzahlung, EC-Karte und alle gängigen Kreditkarten (Visa, MasterCard).",
},
id: "2", title: "Welche Zahlungsmethoden werden akzeptiert?", content: "Wir akzeptieren Barzahlung, EC-Karte und alle gängigen Kreditkarten (Visa, MasterCard)."},
{
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.",
},
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."},
]}
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."
@@ -440,20 +263,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Bereit für eine Veränderung?"
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!"
buttons={[
{
text: "Online Termin buchen",
href: "#",
},
text: "Online Termin buchen", href: "#"},
{
text: "Rufen Sie uns an",
href: "tel:+49123456789",
},
text: "Rufen Sie uns an", href: "tel:+49123456789"},
]}
/>
</div>
@@ -462,58 +280,35 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Frieseur Elegance",
items: [
title: "Frieseur Elegance", items: [
{
label: "Über Uns",
href: "#about",
},
label: "Über Uns", href: "#about"},
{
label: "Unser Team",
href: "#team",
},
label: "Unser Team", href: "#team"},
{
label: "Karriere",
href: "#",
},
label: "Karriere", href: "#"},
],
},
{
title: "Leistungen",
items: [
title: "Leistungen", items: [
{
label: "Haarschnitte",
href: "#features",
},
label: "Haarschnitte", href: "#features"},
{
label: "Colorationen",
href: "#features",
},
label: "Colorationen", href: "#features"},
{
label: "Stylings",
href: "#features",
},
label: "Stylings", href: "#features"},
{
label: "Pflege & Treatments",
href: "#features",
},
label: "Pflege & Treatments", href: "#features"},
],
},
{
title: "Kontakt",
items: [
title: "Kontakt", items: [
{
label: "Termin vereinbaren",
href: "#contact",
},
label: "Termin vereinbaren", href: "#contact"},
{
label: "Anfahrt",
href: "#",
},
label: "Anfahrt", href: "#"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
]}
@@ -524,4 +319,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

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

View File

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