Merge version_1 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Start", id: "#hero"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Leistungen", id: "#services"},
|
||||
{
|
||||
name: "Über Uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über Uns", id: "#about"},
|
||||
{
|
||||
name: "Ergebnisse",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Ergebnisse", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Chili Cosmetics"
|
||||
/>
|
||||
@@ -55,65 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Schönheit, die bleibt – sichtbar, spürbar, echt."
|
||||
description="Professionelle Laser- und Kosmetikbehandlungen in entspannter Wohlfühlatmosphäre."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-brunette-girl-white-hoodie-closing-her-eyes-laughs-covering-face-with-hand-indoors_197531-33296.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-brunette-girl-white-hoodie-closing-her-eyes-laughs-covering-face-with-hand-indoors_197531-33296.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-skincare-routine_23-2151308583.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-skincare-routine_23-2151308583.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
avatarText="Über 1000 zufriedene Kundinnen"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Termin buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt Termin buchen", href: "#contact"},
|
||||
{
|
||||
text: "Preise ansehen",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Preise ansehen", href: "#pricing"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Modernste Laser-Technik",
|
||||
},
|
||||
type: "text", text: "Modernste Laser-Technik"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Individuelle Hautpflege",
|
||||
},
|
||||
type: "text", text: "Individuelle Hautpflege"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zertifizierte Expertise",
|
||||
},
|
||||
type: "text", text: "Zertifizierte Expertise"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Entspannte Auszeit",
|
||||
},
|
||||
type: "text", text: "Entspannte Auszeit"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sichtbare Ergebnisse",
|
||||
},
|
||||
type: "text", text: "Sichtbare Ergebnisse"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,40 +92,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Laser Haarentfernung",
|
||||
description: "Langanhaltend glatte Haut mit modernster Lasertechnologie. Sanft, effektiv und sicher für jeden Hauttyp.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-shaving-leg_23-2150256989.jpg",
|
||||
},
|
||||
title: "Laser Haarentfernung", description: "Langanhaltend glatte Haut mit modernster Lasertechnologie. Sanft, effektiv und sicher für jeden Hauttyp.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-shaving-leg_23-2150256989.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-client_23-2149273922.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg",
|
||||
imageAlt: "laser hair removal professional treatment close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-client_23-2149273922.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Hydrafacial & Anti-Aging",
|
||||
description: "Tiefenreinigung und Pflege für einen strahlenden Glow. Deine Haut verdient nur das Beste.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-after-bath-towel_1187-5176.jpg",
|
||||
},
|
||||
title: "Hydrafacial & Anti-Aging", description: "Tiefenreinigung und Pflege für einen strahlenden Glow. Deine Haut verdient nur das Beste.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-after-bath-towel_1187-5176.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-lies-salon-cosmetology-table-with-white-mask-her-face_343596-4296.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/she-can-make-nails-better-than-salon-cropped-shot-young-blonde-woman-nightwear-sitting-with-friend-home-painting-fingernails-discussing-latest-news-gossips-having-girly-talk_176420-16910.jpg",
|
||||
imageAlt: "laser hair removal professional treatment close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-lies-salon-cosmetology-table-with-white-mask-her-face_343596-4296.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Fußpflege & Pediküre",
|
||||
description: "Ein entspannendes Erlebnis für deine Füße, das sich wie ein kleiner Urlaub anfühlt.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-face-treatment_23-2148878939.jpg?_wi=1",
|
||||
},
|
||||
title: "Fußpflege & Pediküre", description: "Ein entspannendes Erlebnis für deine Füße, das sich wie ein kleiner Urlaub anfühlt.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-face-treatment_23-2148878939.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-pedicure-treatment-spa-salon-beauty-concept_176420-11642.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-candles-table-living-room_169016-5157.jpg?_wi=1",
|
||||
imageAlt: "laser hair removal professional treatment close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-pedicure-treatment-spa-salon-beauty-concept_176420-11642.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -174,22 +123,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Individuelle Beratung",
|
||||
value: "✓",
|
||||
icon: CheckCircle,
|
||||
id: "1", title: "Individuelle Beratung", value: "✓", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Modernste Technik",
|
||||
value: "✓",
|
||||
icon: Sparkles,
|
||||
id: "2", title: "Modernste Technik", value: "✓", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Herzlicher Service",
|
||||
value: "✓",
|
||||
icon: Heart,
|
||||
id: "3", title: "Herzlicher Service", value: "✓", icon: Heart,
|
||||
},
|
||||
]}
|
||||
title="Warum Chili Cosmetics?"
|
||||
@@ -202,7 +142,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Mehr als nur Kosmetik – wir kümmern uns um dich."
|
||||
description="Sonia bringt jahrelange Erfahrung und eine tiefe Leidenschaft für ästhetische Behandlungen mit. Bei Chili Cosmetics erlebst du eine familiäre Atmosphäre, in der du dich vom ersten Moment an sicher und wohlfühlst."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-beauty-clinic-face-treatment_23-2148878939.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-beauty-clinic-face-treatment_23-2148878939.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -211,7 +151,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Deine Auszeit vom Alltag"
|
||||
description="Bei uns geht es nicht nur um Ergebnisse – sondern darum, dass du dich fallen lassen kannst. Komm an, genieße eine Tasse Tee und lass den Stress hinter dir."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-candles-table-living-room_169016-5157.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-candles-table-living-room_169016-5157.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -223,45 +163,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah M.",
|
||||
role: "Kundin",
|
||||
company: "Hamburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah M.", role: "Kundin", company: "Hamburg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julia P.",
|
||||
role: "Kundin",
|
||||
company: "Berlin",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74015.jpg",
|
||||
},
|
||||
id: "2", name: "Julia P.", role: "Kundin", company: "Berlin", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74015.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna K.",
|
||||
role: "Kundin",
|
||||
company: "München",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tender-relaxed-woman-enjoying-cup-coffee-sitting-rattan-armchair_197531-22782.jpg",
|
||||
},
|
||||
id: "3", name: "Anna K.", role: "Kundin", company: "München", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tender-relaxed-woman-enjoying-cup-coffee-sitting-rattan-armchair_197531-22782.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lena S.",
|
||||
role: "Kundin",
|
||||
company: "Köln",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-beautiful-young-woman-after-bath-with-towel-her-head-isolated-white-background-ski_1258-138050.jpg",
|
||||
},
|
||||
id: "4", name: "Lena S.", role: "Kundin", company: "Köln", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-beautiful-young-woman-after-bath-with-towel-her-head-isolated-white-background-ski_1258-138050.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sabine L.",
|
||||
role: "Kundin",
|
||||
company: "Stuttgart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg",
|
||||
},
|
||||
id: "5", name: "Sabine L.", role: "Kundin", company: "Stuttgart", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg"},
|
||||
]}
|
||||
title="Kundinnen, die uns vertrauen"
|
||||
description="Über 1000 glückliche Gesichter. Deine Schönheit ist unsere Mission."
|
||||
@@ -274,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Tut Laser weh?",
|
||||
content: "Die meisten unserer Kundinnen empfinden die Behandlung als sehr angenehm. Dank modernster Kühltechnologie ist sie nahezu schmerzfrei.",
|
||||
},
|
||||
id: "1", title: "Tut Laser weh?", content: "Die meisten unserer Kundinnen empfinden die Behandlung als sehr angenehm. Dank modernster Kühltechnologie ist sie nahezu schmerzfrei."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wie viele Sitzungen brauche ich?",
|
||||
content: "Je nach Haar- und Hauttyp empfehlen wir zwischen 6 und 10 Sitzungen für ein perfektes, langanhaltendes Ergebnis.",
|
||||
},
|
||||
id: "2", title: "Wie viele Sitzungen brauche ich?", content: "Je nach Haar- und Hauttyp empfehlen wir zwischen 6 und 10 Sitzungen für ein perfektes, langanhaltendes Ergebnis."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Ist es für alle Hauttypen geeignet?",
|
||||
content: "Ja, unsere Technologie ist sicher und effektiv für eine Vielzahl von Haut- und Haartypen.",
|
||||
},
|
||||
id: "3", title: "Ist es für alle Hauttypen geeignet?", content: "Ja, unsere Technologie ist sicher und effektiv für eine Vielzahl von Haut- und Haartypen."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was du vor deinem Termin wissen musst."
|
||||
@@ -302,24 +208,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "Beratung",
|
||||
subtitle: "Persönlich & Individuell",
|
||||
features: [
|
||||
"Kostenlose Analyse",
|
||||
"Individueller Behandlungsplan",
|
||||
"Sonderpreise für Pakete",
|
||||
],
|
||||
id: "p1", badge: "Popular", price: "Beratung", subtitle: "Persönlich & Individuell", features: [
|
||||
"Kostenlose Analyse", "Individueller Behandlungsplan", "Sonderpreise für Pakete"],
|
||||
},
|
||||
]}
|
||||
title="Bereit für deine Veränderung?"
|
||||
description="Buche jetzt deinen Termin bei Chili Cosmetics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Termin online buchen",
|
||||
href: "https://booking.chili-cosmetics.de",
|
||||
},
|
||||
text: "Jetzt Termin online buchen", href: "https://booking.chili-cosmetics.de"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -330,29 +227,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "mailto:hallo@chili-cosmetics.de",
|
||||
},
|
||||
label: "Kontakt", href: "mailto:hallo@chili-cosmetics.de"},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Mo-Fr: 09:00 - 19:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mo-Fr: 09:00 - 19:00", href: "#"},
|
||||
{
|
||||
label: "Sa: 10:00 - 15:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sa: 10:00 - 15:00", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user