Merge version_1 into main #2
254
src/app/page.tsx
254
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Larin Haarstudio"
|
||||
/>
|
||||
@@ -59,59 +49,36 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Willkommen im Larin Haarstudio"
|
||||
description="Ihr Experten-Team für Damen, Herren und Kinder in Bochum. Wir verwandeln Ihr Haar in ein Kunstwerk."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-awrokcss.jpg",
|
||||
alt: "Styling",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-awrokcss.jpg", alt: "Styling"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-qhe6wuwi.jpg",
|
||||
alt: "Fade",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-qhe6wuwi.jpg", alt: "Fade"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-t14oy2nm.jpg",
|
||||
alt: "Detail",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-t14oy2nm.jpg", alt: "Detail"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-bm3pktzc.jpg",
|
||||
alt: "Finish",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-bm3pktzc.jpg", alt: "Finish"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-two-black-ceramical-hair-sinks-standing-beaty-salon_651396-960.jpg",
|
||||
alt: "Professional equipment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-two-black-ceramical-hair-sinks-standing-beaty-salon_651396-960.jpg", alt: "Professional equipment"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Termin buchen", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Meister-Handwerk",
|
||||
},
|
||||
type: "text", text: "Meister-Handwerk"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Individuelle Beratung",
|
||||
},
|
||||
type: "text", text: "Individuelle Beratung"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Moderne Schnitte",
|
||||
},
|
||||
type: "text", text: "Moderne Schnitte"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Farb-Experten",
|
||||
},
|
||||
type: "text", text: "Farb-Experten"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualitäts-Service",
|
||||
},
|
||||
type: "text", text: "Qualitäts-Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,29 +100,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Larin",
|
||||
role: "Creative Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-awrokcss.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Larin", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-awrokcss.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-qhe6wuwi.jpg?_wi=1",
|
||||
},
|
||||
id: "t2", name: "Maria", role: "Senior Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-qhe6wuwi.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ali",
|
||||
role: "Barber Expert",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-t14oy2nm.jpg",
|
||||
},
|
||||
id: "t3", name: "Ali", role: "Barber Expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-t14oy2nm.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sara",
|
||||
role: "Junior Stylist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-bm3pktzc.jpg",
|
||||
},
|
||||
id: "t4", name: "Sara", role: "Junior Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-bm3pktzc.jpg"},
|
||||
]}
|
||||
title="Das Experten-Team"
|
||||
description="Erfahrene Meister ihres Fachs."
|
||||
@@ -164,58 +115,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Damen",
|
||||
price: "ab 19,00 €",
|
||||
subtitle: "Trockenschnitt",
|
||||
buttons: [
|
||||
id: "basic", badge: "Damen", price: "ab 19,00 €", subtitle: "Trockenschnitt", buttons: [
|
||||
{
|
||||
text: "Jetzt buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt buchen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Kurz",
|
||||
"Mittel",
|
||||
"Lang",
|
||||
],
|
||||
"Kurz", "Mittel", "Lang"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Herren",
|
||||
price: "ab 15,00 €",
|
||||
subtitle: "Trockenschnitt",
|
||||
buttons: [
|
||||
id: "pro", badge: "Herren", price: "ab 15,00 €", subtitle: "Trockenschnitt", buttons: [
|
||||
{
|
||||
text: "Jetzt buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt buchen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Maschinenschnitt",
|
||||
"Wäsche",
|
||||
"Bart-Rasur",
|
||||
],
|
||||
"Maschinenschnitt", "Wäsche", "Bart-Rasur"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Kinder",
|
||||
price: "ab 10,00 €",
|
||||
subtitle: "Trockenschnitt",
|
||||
buttons: [
|
||||
id: "premium", badge: "Kinder", price: "ab 10,00 €", subtitle: "Trockenschnitt", buttons: [
|
||||
{
|
||||
text: "Jetzt buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt buchen", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Bis 11 Jahre",
|
||||
"Mädchen bis 12 J.",
|
||||
],
|
||||
"Bis 11 Jahre", "Mädchen bis 12 J."],
|
||||
},
|
||||
]}
|
||||
title="Unsere Preise"
|
||||
@@ -230,29 +156,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Bochum",
|
||||
title: "Standort",
|
||||
items: [
|
||||
"Alte Bahnhofstraße 187",
|
||||
"44892 Bochum",
|
||||
],
|
||||
id: "m1", value: "Bochum", title: "Standort", items: [
|
||||
"Alte Bahnhofstraße 187", "44892 Bochum"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Mo-Fr",
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
"09:00 - 18:30 Uhr",
|
||||
],
|
||||
id: "m2", value: "Mo-Fr", title: "Öffnungszeiten", items: [
|
||||
"09:00 - 18:30 Uhr"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Samstag",
|
||||
title: "Wochenende",
|
||||
items: [
|
||||
"09:00 - 16:00 Uhr",
|
||||
],
|
||||
id: "m3", value: "Samstag", title: "Wochenende", items: [
|
||||
"09:00 - 16:00 Uhr"],
|
||||
},
|
||||
]}
|
||||
title="Besuchen Sie uns"
|
||||
@@ -267,45 +180,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Der beste Schnitt in ganz Bochum!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah K.", handle: "@sarah", testimonial: "Der beste Schnitt in ganz Bochum!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Markus W.",
|
||||
handle: "@markus",
|
||||
testimonial: "Super Team und tolle Atmosphäre.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-hairdresser-salon_329181-1953.jpg",
|
||||
},
|
||||
id: "2", name: "Markus W.", handle: "@markus", testimonial: "Super Team und tolle Atmosphäre.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-hairdresser-salon_329181-1953.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena B.",
|
||||
handle: "@elena",
|
||||
testimonial: "Ich komme immer wieder gerne.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
},
|
||||
id: "3", name: "Elena B.", handle: "@elena", testimonial: "Ich komme immer wieder gerne.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
handle: "@david",
|
||||
testimonial: "Profi-Haarschnitt, sehr empfehlenswert.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg",
|
||||
},
|
||||
id: "4", name: "David M.", handle: "@david", testimonial: "Profi-Haarschnitt, sehr empfehlenswert.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia P.",
|
||||
handle: "@julia",
|
||||
testimonial: "Mein Stammfriseur seit Jahren.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-isolated-yellow-wall-wearing-business-clothing-holding-hot-cup-coffee_496169-617.jpg",
|
||||
},
|
||||
id: "5", name: "Julia P.", handle: "@julia", testimonial: "Mein Stammfriseur seit Jahren.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-isolated-yellow-wall-wearing-business-clothing-holding-hot-cup-coffee_496169-617.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Kundenstimmen"
|
||||
@@ -319,22 +207,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Brauche ich einen Termin?",
|
||||
content: "Ja, wir empfehlen eine Terminvereinbarung.",
|
||||
},
|
||||
id: "f1", title: "Brauche ich einen Termin?", content: "Ja, wir empfehlen eine Terminvereinbarung."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Bieten Sie auch Färbungen an?",
|
||||
content: "Ja, wir bieten diverse Färbetechniken an.",
|
||||
},
|
||||
id: "f2", title: "Bieten Sie auch Färbungen an?", content: "Ja, wir bieten diverse Färbetechniken an."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Was kostet ein Haarschnitt?",
|
||||
content: "Preise starten ab 15,00 Euro.",
|
||||
},
|
||||
id: "f3", title: "Was kostet ein Haarschnitt?", content: "Preise starten ab 15,00 Euro."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-awrokcss.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-awrokcss.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Häufige Fragen"
|
||||
description="Alles was Sie über Ihren Besuch wissen müssen."
|
||||
@@ -346,49 +225,36 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Jetzt Termin vereinbaren"
|
||||
title="Vereinbaren Sie Ihren Termin"
|
||||
description="Rufen Sie uns an oder besuchen Sie uns direkt im Studio."
|
||||
buttons={[
|
||||
{
|
||||
text: "0234 - 58 68 329",
|
||||
href: "tel:+492345868329",
|
||||
},
|
||||
text: "0234 - 58 68 329", href: "tel:+492345868329"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-qhe6wuwi.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVbGkKPPHqO7JhEAb9lixHftVR/uploaded-1776521969483-qhe6wuwi.jpg"
|
||||
logoText="Larin Haarstudio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Startseite", href: "#home"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "0234 - 58 68 329",
|
||||
href: "tel:+492345868329",
|
||||
},
|
||||
label: "0234 - 58 68 329", href: "tel:+492345868329"},
|
||||
{
|
||||
label: "Alte Bahnhofstraße 187",
|
||||
href: "#",
|
||||
},
|
||||
label: "Alte Bahnhofstraße 187", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user