Merge version_2 into main #1
167
src/app/page.tsx
167
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Startseite", id: "hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
name: "Leistungen", id: "features"},
|
||||
{
|
||||
name: "Kundenstimmen",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Kundenstimmen", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Luxury Salon Frankfurt"
|
||||
/>
|
||||
@@ -58,71 +48,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Exzellenz und Luxus in Frankfurt"
|
||||
description="Erleben Sie Beauty auf höchstem Niveau. Ihr exklusiver Rückzugsort in der Schleifergasse 1."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.5/5",
|
||||
label: "Google Bewertung",
|
||||
},
|
||||
value: "4.5/5", label: "Google Bewertung"},
|
||||
{
|
||||
value: "190+",
|
||||
label: "Zufriedene Kunden",
|
||||
},
|
||||
value: "190+", label: "Zufriedene Kunden"},
|
||||
{
|
||||
value: "Seit 2015",
|
||||
label: "Erfahrung",
|
||||
},
|
||||
value: "Seit 2015", label: "Erfahrung"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/comb-brush-soap-cosmetic-jars-dark-background-space-text_185193-161817.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unfocused-hall_1203-1090.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/unfocused-hall_1203-1090.jpg", alt: "Client profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-coffee-shop-with-white-chairs_1203-963.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-coffee-shop-with-white-chairs_1203-963.jpg", alt: "Client profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-room-with-wooden-table_1203-564.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-room-with-wooden-table_1203-564.jpg", alt: "Client profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg", alt: "Client profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/comb-brush-soap-cosmetic-jars-dark-background-space-text_185193-161817.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/comb-brush-soap-cosmetic-jars-dark-background-space-text_185193-161817.jpg", alt: "Client profile 5"},
|
||||
]}
|
||||
avatarText="Über 200 zufriedene Stammkunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Haarpflege",
|
||||
},
|
||||
type: "text", text: "Premium Haarpflege"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exklusive Coloration",
|
||||
},
|
||||
type: "text", text: "Exklusive Coloration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Braut-Styling",
|
||||
},
|
||||
type: "text", text: "Braut-Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Spa-Momente",
|
||||
},
|
||||
type: "text", text: "Spa-Momente"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Individuelle Beratung",
|
||||
},
|
||||
type: "text", text: "Individuelle Beratung"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,13 +97,9 @@ export default function LandingPage() {
|
||||
description="Wir vereinen handwerkliches Können mit einem exklusiven Ambiente. Unser Ziel ist es, Ihre individuelle Schönheit zu betonen."
|
||||
metrics={[
|
||||
{
|
||||
value: "Qualität",
|
||||
title: "Höchste Standards",
|
||||
},
|
||||
value: "Qualität", title: "Höchste Standards"},
|
||||
{
|
||||
value: "Service",
|
||||
title: "Individuelle Beratung",
|
||||
},
|
||||
value: "Service", title: "Individuelle Beratung"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -153,20 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haarschnitt & Styling",
|
||||
description: "Individuelle Schnitte und Trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-applying-facial-mask-mirror_23-2148784321.jpg",
|
||||
},
|
||||
title: "Haarschnitt & Styling", description: "Individuelle Schnitte und Trends.", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-applying-facial-mask-mirror_23-2148784321.jpg"},
|
||||
{
|
||||
title: "Farbe & Glanz",
|
||||
description: "Langanhaltende, brillante Farben.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-charming-girl-with-curly-hairstyle-smiling-with-happy-emotions-waiting-christmas_291650-732.jpg",
|
||||
},
|
||||
title: "Farbe & Glanz", description: "Langanhaltende, brillante Farben.", imageSrc: "http://img.b2bpic.net/free-photo/happy-charming-girl-with-curly-hairstyle-smiling-with-happy-emotions-waiting-christmas_291650-732.jpg"},
|
||||
{
|
||||
title: "Pflege-Treatments",
|
||||
description: "Tiefenwirksame Pflege für Ihr Haar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",
|
||||
},
|
||||
title: "Pflege-Treatments", description: "Tiefenwirksame Pflege für Ihr Haar.", imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg"},
|
||||
]}
|
||||
title="Unsere Dienstleistungen"
|
||||
description="Ein breites Spektrum an exklusiven Behandlungen für Sie."
|
||||
@@ -180,20 +130,11 @@ export default function LandingPage() {
|
||||
tag="Transparenz"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "190+",
|
||||
description: "Google Rezensionen",
|
||||
},
|
||||
id: "1", value: "190+", description: "Google Rezensionen"},
|
||||
{
|
||||
id: "2",
|
||||
value: "4.5",
|
||||
description: "Sterne Bewertung",
|
||||
},
|
||||
id: "2", value: "4.5", description: "Sterne Bewertung"},
|
||||
{
|
||||
id: "3",
|
||||
value: "6",
|
||||
description: "Tage geöffnet pro Woche",
|
||||
},
|
||||
id: "3", value: "6", description: "Tage geöffnet pro Woche"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -206,25 +147,15 @@ export default function LandingPage() {
|
||||
author="Julia M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl-s-eyes_23-2148210736.jpg",
|
||||
alt: "Julia M",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-woman-making-up-girl-s-eyes_23-2148210736.jpg", alt: "Julia M"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/copy-space-smiley-business-woman-with-glasses_23-2148317348.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/copy-space-smiley-business-woman-with-glasses_23-2148317348.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.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 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -237,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Wie sind die Öffnungszeiten?",
|
||||
content: "Di–Fr 10–19 Uhr, Sa 9–17 Uhr. Mo+So geschlossen.",
|
||||
},
|
||||
id: "q1", title: "Wie sind die Öffnungszeiten?", content: "Di–Fr 10–19 Uhr, Sa 9–17 Uhr. Mo+So geschlossen."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wo befindet sich der Salon?",
|
||||
content: "Schleifergasse 1, 65929 Frankfurt am Main.",
|
||||
},
|
||||
id: "q2", title: "Wo befindet sich der Salon?", content: "Schleifergasse 1, 65929 Frankfurt am Main."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Kann man online buchen?",
|
||||
content: "Rufen Sie uns gerne für einen Termin an: +49 69 95640662.",
|
||||
},
|
||||
id: "q3", title: "Kann man online buchen?", content: "Gerne können Sie Ihren Termin bequem online vereinbaren: [Jetzt buchen](https://salon-frankfurt.booking.de). Alternativ erreichen Sie uns telefonisch unter +49 69 95640662."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-8654.jpg"
|
||||
title="Häufige Fragen"
|
||||
@@ -263,8 +185,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Wir freuen uns darauf, Sie bald begrüßen zu dürfen."
|
||||
tag="Kontaktanfrage"
|
||||
@@ -276,21 +197,15 @@ export default function LandingPage() {
|
||||
logoText="Luxury Salon Frankfurt"
|
||||
columns={[
|
||||
{
|
||||
title: "Adresse",
|
||||
items: [
|
||||
title: "Adresse", items: [
|
||||
{
|
||||
label: "Schleifergasse 1, Frankfurt",
|
||||
href: "#",
|
||||
},
|
||||
label: "Schleifergasse 1, Frankfurt", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "+49 69 95640662",
|
||||
href: "tel:+496995640662",
|
||||
},
|
||||
label: "+49 69 95640662", href: "tel:+496995640662"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -299,4 +214,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user