Merge version_1 into main #2
653
src/app/page.tsx
653
src/app/page.tsx
@@ -2,19 +2,19 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Scissors } from "lucide-react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -22,457 +22,210 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Friseursalon17"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Friseursalon17"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Ihr Salon für Style & Beauty in Friedrichshafen"
|
||||
description="Willkommen bei Friseursalon17 & Beautystudio By Celin. Wir bieten typgerechte Beratung, professionelle Hair-Stylings und Beauty-Services in entspannter Atmosphäre. Buchen Sie jetzt Ihren Wunschtermin."
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Anrufen",
|
||||
href: "tel:+4975414878092",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-cash-with-scissors-isolated-blue-wall_141793-106142.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-holding-comb-hair-trimmer-air-looking-down-pretend-doing-haircut-client-isolated-red-background_141793-137002.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-beautiful-senior-woman-portrait_23-2148891712.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-holding-hands-head-isolated-pink-wall_141793-106043.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
]}
|
||||
avatarText="Über 200+ zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Balayage Profis",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Top Bewertungen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Individuelle Beratung",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beauty Experte",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exklusive Pflege",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ihr Salon für Style & Beauty in Friedrichshafen"
|
||||
description="Willkommen bei Friseursalon17 & Beautystudio By Celin. Wir bieten typgerechte Beratung, professionelle Hair-Stylings und Beauty-Services in entspannter Atmosphäre. Buchen Sie jetzt Ihren Wunschtermin."
|
||||
buttons={[
|
||||
{ text: "Termin buchen", href: "#contact" },
|
||||
{ text: "Anrufen", href: "tel:+4975414878092" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-cash-with-scissors-isolated-blue-wall_141793-106142.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-holding-comb-hair-trimmer-air-looking-down-pretend-doing-haircut-client-isolated-red-background_141793-137002.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-beautiful-senior-woman-portrait_23-2148891712.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-holding-hands-head-isolated-pink-wall_141793-106043.jpg", alt: "Happy customer portrait" }
|
||||
]}
|
||||
avatarText="Über 200+ zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Balayage Profis" },
|
||||
{ type: "text", text: "Top Bewertungen" },
|
||||
{ type: "text", text: "Individuelle Beratung" },
|
||||
{ type: "text", text: "Beauty Experte" },
|
||||
{ type: "text", text: "Exklusive Pflege" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Über uns"
|
||||
title="Ihr Style, Ihre Schönheit"
|
||||
description="Wir stehen für modernes Handwerk und Wohlfühlatmosphäre am Bodensee."
|
||||
subdescription="In unserem Salon in der Werastraße 46 kombinieren wir erstklassige Friseurleistungen mit exklusiven Beauty-Treatments für ein ganzheitliches Erlebnis."
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-holding-hair-comb-scissors-with-closed-eyes-smiling-standing-white-wall_141793-64413.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Über uns"
|
||||
title="Ihr Style, Ihre Schönheit"
|
||||
description="Wir stehen für modernes Handwerk und Wohlfühlatmosphäre am Bodensee."
|
||||
subdescription="In unserem Salon in der Werastraße 46 kombinieren wir erstklassige Friseurleistungen mit exklusiven Beauty-Treatments für ein ganzheitliches Erlebnis."
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-holding-hair-comb-scissors-with-closed-eyes-smiling-standing-white-wall_141793-64413.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Unser Serviceangebot"
|
||||
description="Von Balayage bis Braut-Make-up – wir kümmern uns um jeden Aspekt Ihrer Schönheit."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "h1",
|
||||
title: "Hair Stylings",
|
||||
content: "Balayage, Keratin-Behandlungen, Extensions, Glätten und mehr.",
|
||||
},
|
||||
{
|
||||
id: "b1",
|
||||
title: "Beauty Services",
|
||||
content: "Augenbrauen-Design, Microblading, Wimpernlifting.",
|
||||
},
|
||||
{
|
||||
id: "m1",
|
||||
title: "Make-up",
|
||||
content: "Braut-Make-up und typgerechte Make-up-Beratung.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
title="Unser Serviceangebot"
|
||||
description="Von Balayage bis Braut-Make-up – wir kümmern uns um jeden Aspekt Ihrer Schönheit."
|
||||
accordionItems={[
|
||||
{ id: "h1", title: "Hair Stylings", content: "Balayage, Keratin-Behandlungen, Extensions, Glätten und mehr." },
|
||||
{ id: "b1", title: "Beauty Services", content: "Augenbrauen-Design, Microblading, Wimpernlifting." },
|
||||
{ id: "m1", title: "Make-up", content: "Braut-Make-up und typgerechte Make-up-Beratung." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "ab 45€",
|
||||
name: "Haarschnitt & Styling",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Typgerechte Beratung",
|
||||
"Waschen, Schneiden, Föhnen",
|
||||
"Pflege-Finish",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "ab 120€",
|
||||
name: "Balayage & Färben",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Professionelle Färbetechnik",
|
||||
"Glossing",
|
||||
"Inklusive Pflegebehandlung",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "ab 50€",
|
||||
name: "Beauty & Brows",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Microblading",
|
||||
"Wimpernlifting",
|
||||
"Augenbrauen-Design",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Unsere Preise & Dienstleistungen"
|
||||
description="Transparente und faire Leistungen für jeden Look."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Preise & Dienstleistungen"
|
||||
description="Transparente und faire Leistungen für jeden Look."
|
||||
plans={[
|
||||
{
|
||||
id: "p1", price: "ab 45€", name: "Haarschnitt & Styling", buttons: [{ text: "Buchen", href: "#contact" }],
|
||||
features: ["Typgerechte Beratung", "Waschen, Schneiden, Föhnen", "Pflege-Finish"]
|
||||
},
|
||||
{
|
||||
id: "p2", price: "ab 120€", name: "Balayage & Färben", buttons: [{ text: "Buchen", href: "#contact" }],
|
||||
features: ["Professionelle Färbetechnik", "Glossing", "Inklusive Pflegebehandlung"]
|
||||
},
|
||||
{
|
||||
id: "p3", price: "ab 50€", name: "Beauty & Brows", buttons: [{ text: "Buchen", href: "#contact" }],
|
||||
features: ["Microblading", "Wimpernlifting", "Augenbrauen-Design"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9★",
|
||||
title: "Google Bewertung",
|
||||
description: "Bei fast 200 Bewertungen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108856.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Jahre Erfahrung",
|
||||
description: "Fachwissen & Handwerk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-woman-beauty-salon_23-2149102716.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Kundenzufriedenheit",
|
||||
description: "Ihr schönster Moment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-getting-hair-washed-by-hairdresser-salon_633478-691.jpg",
|
||||
},
|
||||
]}
|
||||
title="Vertrauen am Bodensee"
|
||||
description="Die Zahlen hinter unserer Leidenschaft für Schönheit."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Vertrauen am Bodensee"
|
||||
description="Die Zahlen hinter unserer Leidenschaft für Schönheit."
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.9★", title: "Google Bewertung", description: "Bei fast 200 Bewertungen", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108856.jpg" },
|
||||
{ id: "m2", value: "10+", title: "Jahre Erfahrung", description: "Fachwissen & Handwerk", imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-woman-beauty-salon_23-2149102716.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Kundenzufriedenheit", description: "Ihr schönster Moment", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-getting-hair-washed-by-hairdresser-salon_633478-691.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Stylisten",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Celin",
|
||||
subtitle: "Gründerin & Master Stylist",
|
||||
detail: "Expertin für Balayage und Color-Konzepte.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-background_140725-155027.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Anna",
|
||||
subtitle: "Hair & Beauty Artist",
|
||||
detail: "Spezialisiert auf Brautstyling und Extensions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Lena",
|
||||
subtitle: "Junior Stylist",
|
||||
detail: "Ihr Profi für Wimpern und Augenbrauen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-hair-coloring-hairdresser-parlor_23-2147769771.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=2",
|
||||
imageAlt: "smiling professional hairstylist",
|
||||
},
|
||||
]}
|
||||
title="Das Team hinter By Celin"
|
||||
description="Erfahrene Stylisten und Beauty-Experten für Ihren Look."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Das Team hinter By Celin"
|
||||
description="Erfahrene Stylisten und Beauty-Experten für Ihren Look."
|
||||
groups={[
|
||||
{
|
||||
id: "g1", groupTitle: "Stylisten", members: [
|
||||
{ id: "m1", title: "Celin", subtitle: "Gründerin & Master Stylist", detail: "Expertin für Balayage und Color-Konzepte.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-background_140725-155027.jpg" },
|
||||
{ id: "m2", title: "Anna", subtitle: "Hair & Beauty Artist", detail: "Spezialisiert auf Brautstyling und Extensions.", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg" },
|
||||
{ id: "m3", title: "Lena", subtitle: "Junior Stylist", detail: "Ihr Profi für Wimpern und Augenbrauen.", imageSrc: "http://img.b2bpic.net/free-photo/process-hair-coloring-hairdresser-parlor_23-2147769771.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah M.",
|
||||
role: "Kundin",
|
||||
testimonial: "Super Beratung und tolles Ergebnis! Ich komme immer wieder gerne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julia K.",
|
||||
role: "Kundin",
|
||||
testimonial: "Das Brautstyling war einfach traumhaft. Danke, Celin!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-124778.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marina P.",
|
||||
role: "Kundin",
|
||||
testimonial: "Sehr professionell, herzlich und kompetent. Bester Salon in FN.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa H.",
|
||||
role: "Kundin",
|
||||
testimonial: "Toller Service und sehr familiäre Atmosphäre.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
role: "Kundin",
|
||||
testimonial: "Wimpernlifting hält ewig und sieht super natürlich aus.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-romantic-young-asian-woman-smiling-looking-happy-sitting-cozy_1258-124871.jpg",
|
||||
},
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Herzlichen Dank für über 200 positive Bewertungen!"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Herzlichen Dank für über 200 positive Bewertungen!"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah M.", role: "Kundin", testimonial: "Super Beratung und tolles Ergebnis! Ich komme immer wieder gerne.", imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg" },
|
||||
{ id: "t2", name: "Julia K.", role: "Kundin", testimonial: "Das Brautstyling war einfach traumhaft. Danke, Celin!", imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-124778.jpg" },
|
||||
{ id: "t3", name: "Marina P.", role: "Kundin", testimonial: "Sehr professionell, herzlich und kompetent. Bester Salon in FN.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg" },
|
||||
{ id: "t4", name: "Lisa H.", role: "Kundin", testimonial: "Toller Service und sehr familiäre Atmosphäre.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg" },
|
||||
{ id: "t5", name: "Elena R.", role: "Kundin", testimonial: "Wimpernlifting hält ewig und sieht super natürlich aus.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-romantic-young-asian-woman-smiling-looking-happy-sitting-cozy_1258-124871.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"L'Oréal",
|
||||
"Schwarzkopf",
|
||||
"GHD",
|
||||
"Wella",
|
||||
"Olaplex",
|
||||
"Kérastase",
|
||||
"Davines",
|
||||
]}
|
||||
title="Wir verwenden Premium-Produkte"
|
||||
description="Für höchste Qualität und Pflege Ihres Haares."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["L'Oréal", "Schwarzkopf", "GHD", "Wella", "Olaplex", "Kérastase", "Davines"]}
|
||||
title="Wir verwenden Premium-Produkte"
|
||||
description="Für höchste Qualität und Pflege Ihres Haares."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie vereinbare ich einen Termin?",
|
||||
content: "Sie können ganz einfach online über unsere Website oder telefonisch buchen.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ist der Salon barrierefrei?",
|
||||
content: "Ja, der Salon ist rollstuhlgerecht mit barrierefreiem WC ausgestattet.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Habt ihr Parkmöglichkeiten?",
|
||||
content: "Ja, Parkmöglichkeiten stehen für unsere Kunden zur Verfügung.",
|
||||
},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Hier finden Sie Antworten auf alles, was Sie wissen müssen."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
title="Häufige Fragen"
|
||||
description="Hier finden Sie Antworten auf alles, was Sie wissen müssen."
|
||||
faqs={[
|
||||
{ id: "f1", title: "Wie vereinbare ich einen Termin?", content: "Sie können ganz einfach online über unsere Website oder telefonisch buchen." },
|
||||
{ id: "f2", title: "Ist der Salon barrierefrei?", content: "Ja, der Salon ist rollstuhlgerecht mit barrierefreiem WC ausgestattet." },
|
||||
{ id: "f3", title: "Habt ihr Parkmöglichkeiten?", content: "Ja, Parkmöglichkeiten stehen für unsere Kunden zur Verfügung." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Jetzt Buchen"
|
||||
title="Bereit für einen neuen Look?"
|
||||
description="Vereinbaren Sie jetzt unkompliziert Ihren Wunschtermin – wir freuen uns auf Sie!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Online Termin buchen",
|
||||
href: "https://share.google/dIlLtFz8bziFaFoa4",
|
||||
},
|
||||
{
|
||||
text: "Anrufen: 07541 4878092",
|
||||
href: "tel:+4975414878092",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Jetzt Buchen"
|
||||
title="Bereit für einen neuen Look?"
|
||||
description="Vereinbaren Sie jetzt unkompliziert Ihren Wunschtermin – wir freuen uns auf Sie!"
|
||||
buttons={[
|
||||
{ text: "Jetzt Online Termin buchen", href: "https://share.google/dIlLtFz8bziFaFoa4" },
|
||||
{ text: "Anrufen: 07541 4878092", href: "tel:+4975414878092" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Friseursalon17"
|
||||
columns={[
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
{
|
||||
label: "Haarstyling",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Beauty",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Preise",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Werastraße 46",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "07541 4878092",
|
||||
href: "tel:+4975414878092",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/friseursalon17_bycelin",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
{
|
||||
label: "Di-Fr: 9-18 Uhr",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sa: 9-14 Uhr",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mo/So: geschlossen",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Friseursalon17 & Beautystudio By Celin"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Friseursalon17"
|
||||
copyrightText="© 2025 Friseursalon17 & Beautystudio By Celin"
|
||||
columns={[
|
||||
{ title: "Service", items: [{ label: "Haarstyling", href: "#features" }, { label: "Beauty", href: "#features" }, { label: "Preise", href: "#pricing" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Werastraße 46", href: "#" }, { label: "07541 4878092", href: "tel:+4975414878092" }, { label: "Instagram", href: "https://instagram.com/friseursalon17_bycelin" }] },
|
||||
{ title: "Öffnungszeiten", items: [{ label: "Di-Fr: 9-18 Uhr", href: "#" }, { label: "Sa: 9-14 Uhr", href: "#" }, { label: "Mo/So: geschlossen", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user