Merge version_1 into main #1
145
src/app/page.tsx
145
src/app/page.tsx
@@ -18,27 +18,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Vits Barbery"
|
||||
/>
|
||||
@@ -50,9 +49,7 @@ export default function LandingPage() {
|
||||
description="Dein Friseur des Vertrauens in München. Präzise Schnitte, echte Handwerkskunst und entspannte Atmosphäre."
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin vereinbaren",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Termin vereinbaren", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tattoed-redhead-man-hipster-corrects-his-lush-hair-dressed-brown-shirt-standing-studio-isolated-dark-background_613910-19106.jpg"
|
||||
/>
|
||||
@@ -74,38 +71,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Haarschnitt",
|
||||
author: "Profi",
|
||||
description: "Präzise Haarschnitte nach Maß.",
|
||||
tags: [
|
||||
"Haare",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park_613910-3280.jpg",
|
||||
},
|
||||
id: "f1", title: "Haarschnitt", author: "Profi", description: "Präzise Haarschnitte nach Maß.", tags: [
|
||||
"Haare", "Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park_613910-3280.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Bartpflege",
|
||||
author: "Profi",
|
||||
description: "Stabile Bartkonturen und Pflege.",
|
||||
tags: [
|
||||
"Bart",
|
||||
"Pflege",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-mustache-heavy-beard-blackboard_1379-317.jpg",
|
||||
},
|
||||
id: "f2", title: "Bartpflege", author: "Profi", description: "Stabile Bartkonturen und Pflege.", tags: [
|
||||
"Bart", "Pflege"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-mustache-heavy-beard-blackboard_1379-317.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Styling",
|
||||
author: "Profi",
|
||||
description: "Lass dich wie ein Champion stylen.",
|
||||
tags: [
|
||||
"Styling",
|
||||
"Look",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-pointing-his-temples-with-closed-eyes-relaxing-standing-purple-wall_141793-50576.jpg",
|
||||
},
|
||||
id: "f3", title: "Styling", author: "Profi", description: "Lass dich wie ein Champion stylen.", tags: [
|
||||
"Styling", "Look"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-pointing-his-temples-with-closed-eyes-relaxing-standing-purple-wall_141793-50576.jpg"},
|
||||
]}
|
||||
title="Unsere Services"
|
||||
description="Unser Leistungsspektrum vereint Tradition und Moderne für dein bestes Aussehen."
|
||||
@@ -116,47 +92,23 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Güven Dilara",
|
||||
handle: "@vitsfan",
|
||||
testimonial: "Ich komme jedes Mal hier rein wie ein Sonntag-Liga-Spieler und gehe raus wie Cristiano Ronaldo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg",
|
||||
},
|
||||
id: "t1", name: "Güven Dilara", handle: "@vitsfan", testimonial: "Ich komme jedes Mal hier rein wie ein Sonntag-Liga-Spieler und gehe raus wie Cristiano Ronaldo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "andet krasniqi",
|
||||
handle: "@vitsfan2",
|
||||
testimonial: "Seit einiger Zeit mein Friseur des Vertrauens. Super Beratung und saubere Arbeit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-bearded-male-standing-with-warming-cup-coffee-wearing-glasses-dressed-gray-t-shirt-isolated-dark-textured-background_613910-18385.jpg",
|
||||
},
|
||||
id: "t2", name: "andet krasniqi", handle: "@vitsfan2", testimonial: "Seit einiger Zeit mein Friseur des Vertrauens. Super Beratung und saubere Arbeit.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-bearded-male-standing-with-warming-cup-coffee-wearing-glasses-dressed-gray-t-shirt-isolated-dark-textured-background_613910-18385.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Michal Klain",
|
||||
handle: "@vitsfan3",
|
||||
testimonial: "Schnell einen Termin bekommen und absolut zufrieden mit dem Ergebnis.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-process-barbershop_1163-2025.jpg",
|
||||
},
|
||||
id: "t3", name: "Michal Klain", handle: "@vitsfan3", testimonial: "Schnell einen Termin bekommen und absolut zufrieden mit dem Ergebnis.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-process-barbershop_1163-2025.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Max Mustermann",
|
||||
handle: "@vitsfan4",
|
||||
testimonial: "Einfach top! Sehr empfehlenswert für jeden der einen sauberen Schnitt braucht.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
},
|
||||
id: "t4", name: "Max Mustermann", handle: "@vitsfan4", testimonial: "Einfach top! Sehr empfehlenswert für jeden der einen sauberen Schnitt braucht.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lukas Huber",
|
||||
handle: "@vitsfan5",
|
||||
testimonial: "Entspannte Stimmung und echte Barber-Skills. Immer wieder gerne.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wind-shakes-groom-s-hair-standing-beach-with-waves-splashing-him_8353-7084.jpg",
|
||||
},
|
||||
id: "t5", name: "Lukas Huber", handle: "@vitsfan5", testimonial: "Entspannte Stimmung und echte Barber-Skills. Immer wieder gerne.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wind-shakes-groom-s-hair-standing-beach-with-waves-splashing-him_8353-7084.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Was unsere Kunden sagen"
|
||||
@@ -170,20 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Brauche ich einen Termin?",
|
||||
content: "Wir empfehlen Termine vorab zu vereinbaren, um Wartezeiten zu vermeiden.",
|
||||
},
|
||||
id: "q1", title: "Brauche ich einen Termin?", content: "Wir empfehlen Termine vorab zu vereinbaren, um Wartezeiten zu vermeiden."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Wo findet ihr uns?",
|
||||
content: "Rosenheimer Str. 191, 81671 München.",
|
||||
},
|
||||
id: "q2", title: "Wo findet ihr uns?", content: "Rosenheimer Str. 191, 81671 München."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Was kostet ein Schnitt?",
|
||||
content: "Preisinformationen geben wir gerne persönlich bei einem Besuch.",
|
||||
},
|
||||
id: "q3", title: "Was kostet ein Schnitt?", content: "Preisinformationen geben wir gerne persönlich bei einem Besuch."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -198,23 +141,15 @@ export default function LandingPage() {
|
||||
description="Kontaktiere uns für Terminanfragen oder Fragen zu unseren Services."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Dein Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Dein Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Deine E-Mail",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Deine E-Mail", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/putting-up-barber-shop-sign_23-2151961900.jpg"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Deine Nachricht an uns...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Deine Nachricht an uns...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
@@ -227,9 +162,7 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://www.instagram.com/vits_barbery/",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://www.instagram.com/vits_barbery/", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user