Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -30,25 +30,15 @@ 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: "leistungen",
|
||||
},
|
||||
name: "Leistungen", id: "leistungen"},
|
||||
{
|
||||
name: "Rezensionen",
|
||||
id: "rezensionen",
|
||||
},
|
||||
name: "Rezensionen", id: "rezensionen"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
name: "Kontakt", id: "kontakt"},
|
||||
]}
|
||||
brandName="CUT BY NAIM"
|
||||
/>
|
||||
@@ -58,103 +48,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Dein bester Haarschnitt in Ingolstadt"
|
||||
description="Erlebe Präzision, Leidenschaft und individuelle Beratung bei CUT BY NAIM. Dein Look ist unsere Berufung."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Patrick",
|
||||
handle: "Ingolstadt",
|
||||
testimonial: "Ich bin absolut begeistert! Die Beratung war sehr kompetent und individuell auf mich abgestimmt.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1",
|
||||
imageAlt: "modern barber salon interior dark aesthetic",
|
||||
},
|
||||
name: "Patrick", handle: "Ingolstadt", testimonial: "Ich bin absolut begeistert! Die Beratung war sehr kompetent und individuell auf mich abgestimmt.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1", imageAlt: "modern barber salon interior dark aesthetic"},
|
||||
{
|
||||
name: "Alica Nova",
|
||||
handle: "Ingolstadt",
|
||||
testimonial: "Ich hatte einen fantastischen Besuch bei Naim. Mit dem Ergebnis des Haarschnitts bin ich sehr zufrieden.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985717.jpg?_wi=1",
|
||||
imageAlt: "barber working on hair precision focus",
|
||||
},
|
||||
name: "Alica Nova", handle: "Ingolstadt", testimonial: "Ich hatte einen fantastischen Besuch bei Naim. Mit dem Ergebnis des Haarschnitts bin ich sehr zufrieden.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985717.jpg?_wi=1", imageAlt: "barber working on hair precision focus"},
|
||||
{
|
||||
name: "Christine Mehes",
|
||||
handle: "Ingolstadt",
|
||||
testimonial: "Der beste Friseur in Ingolstadt! Er arbeitet sehr genau mit viel Liebe zum Detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg?_wi=1",
|
||||
imageAlt: "portrait of smiling man with stylish haircut",
|
||||
},
|
||||
name: "Christine Mehes", handle: "Ingolstadt", testimonial: "Der beste Friseur in Ingolstadt! Er arbeitet sehr genau mit viel Liebe zum Detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg?_wi=1", imageAlt: "portrait of smiling man with stylish haircut"},
|
||||
{
|
||||
name: "Markus S.",
|
||||
handle: "Ingolstadt",
|
||||
testimonial: "Top Handwerk, entspannte Atmosphäre. Naim versteht sein Fach absolut.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg?_wi=1",
|
||||
imageAlt: "portrait of woman with elegant haircut",
|
||||
},
|
||||
name: "Markus S.", handle: "Ingolstadt", testimonial: "Top Handwerk, entspannte Atmosphäre. Naim versteht sein Fach absolut.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg?_wi=1", imageAlt: "portrait of woman with elegant haircut"},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "Ingolstadt",
|
||||
testimonial: "Perfekter Schnitt und tolle Beratung. Komme definitiv wieder!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=1",
|
||||
imageAlt: "portrait of man with stylish haircut",
|
||||
},
|
||||
name: "Sarah L.", handle: "Ingolstadt", testimonial: "Perfekter Schnitt und tolle Beratung. Komme definitiv wieder!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=1", imageAlt: "portrait of man with stylish haircut"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Termin buchen",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Jetzt Termin buchen", href: "#kontakt"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Präzision",
|
||||
},
|
||||
type: "text", text: "Präzision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stil",
|
||||
},
|
||||
type: "text", text: "Stil"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handwerk",
|
||||
},
|
||||
type: "text", text: "Handwerk"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualität",
|
||||
},
|
||||
type: "text", text: "Qualität"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Leidenschaft",
|
||||
},
|
||||
type: "text", text: "Leidenschaft"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,17 +109,11 @@ export default function LandingPage() {
|
||||
description="Bei uns steht nicht nur der Schnitt im Vordergrund, sondern deine Persönlichkeit. Naim nimmt sich die Zeit, um jeden Haarschnitt zur Kunst zu machen – von klassisch bis ausgefallen."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Individuelle Beratung",
|
||||
description: "Wir nehmen uns Zeit für jeden Wunsch.",
|
||||
},
|
||||
title: "Individuelle Beratung", description: "Wir nehmen uns Zeit für jeden Wunsch."},
|
||||
{
|
||||
title: "Präzision & Detailverliebtheit",
|
||||
description: "Perfektion ist unser Standard.",
|
||||
},
|
||||
title: "Präzision & Detailverliebtheit", description: "Perfektion ist unser Standard."},
|
||||
{
|
||||
title: "Persönliche Atmosphäre",
|
||||
description: "Dein Moment der Entspannung in Ingolstadt.",
|
||||
},
|
||||
title: "Persönliche Atmosphäre", description: "Dein Moment der Entspannung in Ingolstadt."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985717.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -191,57 +127,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "ab 30€",
|
||||
subtitle: "Der perfekte Haarschnitt",
|
||||
features: [
|
||||
"Waschen",
|
||||
"Schneiden",
|
||||
"Styling",
|
||||
"Individuelle Beratung",
|
||||
],
|
||||
id: "p1", badge: "Essential", price: "ab 30€", subtitle: "Der perfekte Haarschnitt", features: [
|
||||
"Waschen", "Schneiden", "Styling", "Individuelle Beratung"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Buchen", href: "#kontakt"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Color",
|
||||
price: "ab 60€",
|
||||
subtitle: "Farbe & Glanz",
|
||||
features: [
|
||||
"Farbe oder Balayage",
|
||||
"Pflegebehandlung",
|
||||
"Styling",
|
||||
"Glossing",
|
||||
],
|
||||
id: "p2", badge: "Color", price: "ab 60€", subtitle: "Farbe & Glanz", features: [
|
||||
"Farbe oder Balayage", "Pflegebehandlung", "Styling", "Glossing"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Buchen", href: "#kontakt"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Premium",
|
||||
price: "Individuell",
|
||||
subtitle: "Komplettpaket",
|
||||
features: [
|
||||
"Ausgefallene Frisuren",
|
||||
"Intensivpflege",
|
||||
"Coloration",
|
||||
"Styling Beratung",
|
||||
],
|
||||
id: "p3", badge: "Premium", price: "Individuell", subtitle: "Komplettpaket", features: [
|
||||
"Ausgefallene Frisuren", "Intensivpflege", "Coloration", "Styling Beratung"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buchen",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Buchen", href: "#kontakt"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -257,45 +163,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Patrick",
|
||||
handle: "Google",
|
||||
testimonial: "Ich bin absolut begeistert! Die Beratung war sehr kompetent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Patrick", handle: "Google", testimonial: "Ich bin absolut begeistert! Die Beratung war sehr kompetent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alica Nova",
|
||||
handle: "Google",
|
||||
testimonial: "Ich hatte einen fantastischen Besuch bei Naim.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Alica Nova", handle: "Google", testimonial: "Ich hatte einen fantastischen Besuch bei Naim.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Christine Mehes",
|
||||
handle: "Google",
|
||||
testimonial: "Der beste Friseur in Ingolstadt! Sehr genau.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Christine Mehes", handle: "Google", testimonial: "Der beste Friseur in Ingolstadt! Sehr genau.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kunde",
|
||||
handle: "Google",
|
||||
testimonial: "Sehr kompetente Beratung und ein erstklassiger Haarschnitt.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg?_wi=3",
|
||||
},
|
||||
id: "4", name: "Kunde", handle: "Google", testimonial: "Sehr kompetente Beratung und ein erstklassiger Haarschnitt.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-white-shirt-sunglasses-isolated-grey-background_613910-9685.jpg?_wi=3"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kunde",
|
||||
handle: "Google",
|
||||
testimonial: "Absolut empfehlenswert für alle, die Wert auf Qualität legen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg?_wi=3",
|
||||
},
|
||||
id: "5", name: "Kunde", handle: "Google", testimonial: "Absolut empfehlenswert für alle, die Wert auf Qualität legen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5911.jpg?_wi=3"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Was Kunden sagen"
|
||||
@@ -309,27 +190,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wo findet man uns?",
|
||||
content: "Milchstraße 19, 85049 Ingolstadt",
|
||||
},
|
||||
id: "f1", title: "Wo findet man uns?", content: "Milchstraße 19, 85049 Ingolstadt"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Öffnungszeiten",
|
||||
content: "Mo–Sa bis 18:00 Uhr",
|
||||
},
|
||||
id: "f2", title: "Öffnungszeiten", content: "Mo–Sa bis 18:00 Uhr"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wie buche ich?",
|
||||
content: "Am besten telefonisch unter +49 841 99352799.",
|
||||
},
|
||||
id: "f3", title: "Wie buche ich?", content: "Am besten telefonisch unter +49 841 99352799."},
|
||||
]}
|
||||
ctaTitle="Bereit für deinen Termin?"
|
||||
ctaDescription="Kontaktiere uns telefonisch oder besuche uns in der Milchstraße 19 in Ingolstadt. Wir freuen uns auf dich."
|
||||
ctaButton={{
|
||||
text: "+49 841 99352799",
|
||||
href: "tel:+4984199352799",
|
||||
}}
|
||||
text: "+49 841 99352799", href: "tel:+4984199352799"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -340,21 +210,15 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Milchstraße 19, 85049 Ingolstadt",
|
||||
href: "#",
|
||||
},
|
||||
label: "Milchstraße 19, 85049 Ingolstadt", href: "#"},
|
||||
{
|
||||
label: "+49 841 99352799",
|
||||
href: "tel:+4984199352799",
|
||||
},
|
||||
label: "+49 841 99352799", href: "tel:+4984199352799"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Mo–Sa bis 18:00 Uhr",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mo–Sa bis 18:00 Uhr", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -364,4 +228,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user