Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
303
src/app/page.tsx
303
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Scissors, Sparkles, Users } from "lucide-react";
|
||||
import { Scissors, Sparkles, Users, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Prices",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Prices", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Karizma"
|
||||
/>
|
||||
@@ -60,100 +50,57 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Karizma - Dein Salon für Perfektion"
|
||||
description="Erlebe exzellente Haarkunst und entspannende Momente bei Karizma. Unser Team verwandelt deine Wünsche in einen Look, der begeistert."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@anna_s",
|
||||
testimonial: "Wundervoller Service, mein neuer Lieblingsort!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",
|
||||
},
|
||||
name: "Anna S.", handle: "@anna_s", testimonial: "Wundervoller Service, mein neuer Lieblingsort!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@mark_d",
|
||||
testimonial: "Professionell, freundlich und extrem genau.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986288.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@mark_d", testimonial: "Professionell, freundlich und extrem genau.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986288.jpg"},
|
||||
{
|
||||
name: "Julia P.",
|
||||
handle: "@julia_p",
|
||||
testimonial: "Endlich ein Friseur, der versteht was ich will.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
|
||||
},
|
||||
name: "Julia P.", handle: "@julia_p", testimonial: "Endlich ein Friseur, der versteht was ich will.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg"},
|
||||
{
|
||||
name: "Thomas W.",
|
||||
handle: "@thomas_w",
|
||||
testimonial: "Top Beratung und ein tolles Endergebnis.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
|
||||
},
|
||||
name: "Thomas W.", handle: "@thomas_w", testimonial: "Top Beratung und ein tolles Endergebnis.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_k",
|
||||
testimonial: "Der Schnitt sitzt perfekt, sehr zu empfehlen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230940.jpg",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarah_k", testimonial: "Der Schnitt sitzt perfekt, sehr zu empfehlen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230940.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt buchen", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg"
|
||||
imageAlt="Karizma Salon Interieur"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-4036.jpg",
|
||||
alt: "Kundin 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-4036.jpg", alt: "Kundin 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-adorable-young-woman-posing-with-surprised-smile-street-restaurant-tanned-girl-pink-blouse-playing-with-her-light-wavy-hair_197531-9054.jpg",
|
||||
alt: "Kundin 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-adorable-young-woman-posing-with-surprised-smile-street-restaurant-tanned-girl-pink-blouse-playing-with-her-light-wavy-hair_197531-9054.jpg", alt: "Kundin 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg",
|
||||
alt: "Kundin 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg", alt: "Kundin 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg",
|
||||
alt: "Kundin 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg", alt: "Kundin 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
|
||||
alt: "Kundin 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg", alt: "Kundin 5"},
|
||||
]}
|
||||
avatarText="Über 5000 glückliche Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "✂️ Meisterhafte Haarschnitte",
|
||||
},
|
||||
type: "text", text: "✂️ Meisterhafte Haarschnitte"},
|
||||
{
|
||||
type: "text",
|
||||
text: "✨ Premium Coloration",
|
||||
},
|
||||
type: "text", text: "✨ Premium Coloration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "💆 Haarpflege Expertise",
|
||||
},
|
||||
type: "text", text: "💆 Haarpflege Expertise"},
|
||||
{
|
||||
type: "text",
|
||||
text: "🌟 Exklusives Styling",
|
||||
},
|
||||
type: "text", text: "🌟 Exklusives Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "🌿 Vegan Produkte",
|
||||
},
|
||||
type: "text", text: "🌿 Vegan Produkte"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,19 +112,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Jahre Erfahrung",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Jahre Erfahrung", value: "15+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Glückliche Kunden",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Glückliche Kunden", value: "5000+"},
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Top Trends",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Top Trends", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -189,28 +130,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haarschnitt",
|
||||
description: "Moderne und klassische Schnitte für Damen und Herren.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-dryer-client-salon_23-2147737037.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Haarschnitt", description: "Moderne und klassische Schnitte für Damen und Herren.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-dryer-client-salon_23-2147737037.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Coloration",
|
||||
description: "Professionelle Farbergebnisse und Highlights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668434.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Coloration", description: "Professionelle Farbergebnisse und Highlights.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668434.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Styling",
|
||||
description: "Perfektes Finish für besondere Anlässe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-brunette-woman-beauty-salon_176420-4462.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Styling", description: "Perfektes Finish für besondere Anlässe.", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-brunette-woman-beauty-salon_176420-4462.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Pflege",
|
||||
description: "Hochwertige Treatments für gesundes Haar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-talking-cafe_23-2147785301.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Pflege", description: "Hochwertige Treatments für gesundes Haar.", imageSrc: "http://img.b2bpic.net/free-photo/women-talking-cafe_23-2147785301.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
@@ -225,23 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-glasses-copy-space_23-2148493049.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-glasses-copy-space_23-2148493049.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Lukas",
|
||||
role: "Master Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-women-together_23-2151682148.jpg",
|
||||
},
|
||||
id: "t2", name: "Lukas", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-women-together_23-2151682148.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena",
|
||||
role: "Color Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-green-wall_141793-106149.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena", role: "Color Expert", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-green-wall_141793-106149.jpg"},
|
||||
]}
|
||||
title="Dein Expertenteam"
|
||||
description="Wir stehen für Leidenschaft und Präzision."
|
||||
@@ -255,50 +172,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Basic Schnitt",
|
||||
price: "ab 45€",
|
||||
features: [
|
||||
"Beratung",
|
||||
"Waschen",
|
||||
"Schnitt",
|
||||
"Finish",
|
||||
],
|
||||
id: "p1", name: "Basic Schnitt", price: "ab 45€", features: [
|
||||
"Beratung", "Waschen", "Schnitt", "Finish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
},
|
||||
text: "Buchen"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Color Premium",
|
||||
price: "ab 95€",
|
||||
features: [
|
||||
"Beratung",
|
||||
"Farbe",
|
||||
"Kur",
|
||||
"Styling",
|
||||
],
|
||||
id: "p2", name: "Color Premium", price: "ab 95€", features: [
|
||||
"Beratung", "Farbe", "Kur", "Styling"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
},
|
||||
text: "Buchen"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Karizma Paket",
|
||||
price: "ab 140€",
|
||||
features: [
|
||||
"Alles inklusive",
|
||||
"Wellness Haarkur",
|
||||
"Exklusives Styling",
|
||||
],
|
||||
id: "p3", name: "Karizma Paket", price: "ab 140€", features: [
|
||||
"Alles inklusive", "Wellness Haarkur", "Exklusives Styling"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
},
|
||||
text: "Buchen"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -314,59 +208,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah H.",
|
||||
role: "Künstlerin",
|
||||
company: "Berlin",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pensive-woman-touching-her-wavy-hair-outdoor-photo-winsome-caucasian-girl-posing_197531-9083.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah H.", role: "Künstlerin", company: "Berlin", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pensive-woman-touching-her-wavy-hair-outdoor-photo-winsome-caucasian-girl-posing_197531-9083.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jonas T.",
|
||||
role: "Architekt",
|
||||
company: "Köln",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-together_23-2148461457.jpg",
|
||||
},
|
||||
id: "2", name: "Jonas T.", role: "Architekt", company: "Köln", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-together_23-2148461457.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria B.",
|
||||
role: "Designerin",
|
||||
company: "Hamburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-ecstatic-dark-haired-woman-yellow-attire-expressing-happy-emotions-indoor-portrait-charming-african-girl-with-trendy-make-up-touching-her-curly-hair_197531-25290.jpg",
|
||||
},
|
||||
id: "3", name: "Maria B.", role: "Designerin", company: "Hamburg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-ecstatic-dark-haired-woman-yellow-attire-expressing-happy-emotions-indoor-portrait-charming-african-girl-with-trendy-make-up-touching-her-curly-hair_197531-25290.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom L.",
|
||||
role: "Lehrer",
|
||||
company: "München",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
|
||||
},
|
||||
id: "4", name: "Tom L.", role: "Lehrer", company: "München", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
role: "Studentin",
|
||||
company: "Frankfurt",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-stylish-cute-young-woman-with-long-brunette-hair-smiling-camera-hairdresser-salon_197531-3686.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa M.", role: "Studentin", company: "Frankfurt", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-stylish-cute-young-woman-with-long-brunette-hair-smiling-camera-hairdresser-salon_197531-3686.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9", label: "Google Rating"},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Lächeln",
|
||||
},
|
||||
value: "1000+", label: "Lächeln"},
|
||||
{
|
||||
value: "15",
|
||||
label: "Jahre Expertise",
|
||||
},
|
||||
value: "15", label: "Jahre Expertise"},
|
||||
]}
|
||||
title="Stimmen unserer Kunden"
|
||||
description="Erfahrungen, die wir teilen."
|
||||
@@ -378,20 +241,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Brauche ich einen Termin?",
|
||||
content: "Ja, bitte buche vorab online oder telefonisch.",
|
||||
},
|
||||
id: "f1", title: "Brauche ich einen Termin?", content: "Ja, bitte buche vorab online oder telefonisch."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Gibt es Parkplätze?",
|
||||
content: "Ja, direkt vor der Tür sind Kundenparkplätze.",
|
||||
},
|
||||
id: "f2", title: "Gibt es Parkplätze?", content: "Ja, direkt vor der Tür sind Kundenparkplätze."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Produkte?",
|
||||
content: "Wir verkaufen hochwertige Pflegeprodukte exklusiv vor Ort.",
|
||||
},
|
||||
id: "f3", title: "Produkte?", content: "Wir verkaufen hochwertige Pflegeprodukte exklusiv vor Ort."},
|
||||
]}
|
||||
sideTitle="Häufige Fragen"
|
||||
sideDescription="Alles, was du vor deinem Besuch wissen musst."
|
||||
@@ -403,14 +257,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Bereit für deinen neuen Style? Kontaktiere uns für einen Termin."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Online Termin buchen",
|
||||
href: "https://karizma.salon/termin",
|
||||
},
|
||||
text: "Jetzt Online Termin buchen", href: "https://karizma.salon/termin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -421,37 +272,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über uns", href: "#about"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Leistungen", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Preise",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Preise", href: "#pricing"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user