3 Commits

Author SHA1 Message Date
9518d5cd2d Merge version_2 into main
Merge version_2 into main
2026-04-08 14:49:33 +00:00
b96226187a Update src/app/page.tsx 2026-04-08 14:49:29 +00:00
e75b3a0c62 Merge version_1 into main
Merge version_1 into main
2026-04-08 14:42:11 +00:00

View File

@@ -29,74 +29,39 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "Über uns", name: "Über uns", id: "#about"},
id: "#about",
},
{ {
name: "Leistungen", name: "Leistungen", id: "#services"},
id: "#services",
},
{ {
name: "Kontakt", name: "Kontakt", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="ARIN Friseur" brandName="ARIN Friseur"
button={{ button={{
text: "Termin vereinbaren", text: "Termin vereinbaren", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{
variant: "rotated-rays-static", variant: "rotated-rays-static"}}
}}
title="Ihr Barber Shop in Gars am Kamp" title="Ihr Barber Shop in Gars am Kamp"
description="Professionelle Haarschnitte, Styling & Farben ARIN Friseur bringt modernen Stil in Ihr Leben." description="Professionelle Haarschnitte, Styling & Farben ARIN Friseur bringt modernen Stil in Ihr Leben."
buttons={[
{
text: "Termin vereinbaren",
href: "#contact",
},
]}
carouselItems={[ carouselItems={[
{ {
id: "1", id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=1", imageAlt: "Barber Shop Interior"},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=1",
imageAlt: "Barber Shop Interior",
},
{ {
id: "2", id: "2", imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=1", imageAlt: "Professional Cut"},
imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=1",
imageAlt: "Professional Cut",
},
{ {
id: "3", id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=1", imageAlt: "Styling Station"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=1",
imageAlt: "Styling Station",
},
{ {
id: "4", id: "4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=1", imageAlt: "Barber Tools"},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=1",
imageAlt: "Barber Tools",
},
{ {
id: "5", id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313017.jpg?_wi=1", imageAlt: "Salon Aesthetic"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313017.jpg?_wi=1",
imageAlt: "Salon Aesthetic",
},
{ {
id: "6", id: "6", imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-young-man-talking-phone-close-up-portrait-outdoors_1321-23.jpg?_wi=1", imageAlt: "Grooming"},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-young-man-talking-phone-close-up-portrait-outdoors_1321-23.jpg?_wi=1",
imageAlt: "Grooming",
},
]} ]}
/> />
</div> </div>
@@ -106,20 +71,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[
{ {
type: "text", type: "text", content: "Über ARIN Friseur"},
content: "Über ARIN Friseur",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg", alt: "About ARIN"},
src: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg",
alt: "About ARIN",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Mehr erfahren", text: "Mehr erfahren", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -131,56 +89,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "p1", id: "p1", title: "Haarschnitt", price: "ab 25€", period: "pro Besuch", features: [
title: "Haarschnitt", "Moderne Styles", "Klassische Schnitte", "Beratung"],
price: "ab 25€",
period: "pro Besuch",
features: [
"Moderne Styles",
"Klassische Schnitte",
"Beratung",
],
button: { button: {
text: "Buchen", text: "Buchen", href: "#contact"},
href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=2", imageAlt: "barber shop interior modern dark"},
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=2",
imageAlt: "barber shop interior modern dark",
},
{ {
id: "p2", id: "p2", title: "Styling", price: "ab 15€", period: "pro Session", features: [
title: "Styling", "Finish & Textur", "Pflegeprodukte", "Trend-Styling"],
price: "ab 15€",
period: "pro Session",
features: [
"Finish & Textur",
"Pflegeprodukte",
"Trend-Styling",
],
button: { button: {
text: "Buchen", text: "Buchen", href: "#contact"},
href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=2", imageAlt: "barber cutting hair with scissors"},
},
imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=2",
imageAlt: "barber cutting hair with scissors",
},
{ {
id: "p3", id: "p3", title: "Färben", price: "ab 40€", period: "pro Farbe", features: [
title: "Färben", "Individuelle Beratung", "Qualitätsprodukte", "Lang anhaltend"],
price: "ab 40€",
period: "pro Farbe",
features: [
"Individuelle Beratung",
"Qualitätsprodukte",
"Lang anhaltend",
],
button: { button: {
text: "Buchen", text: "Buchen", href: "#contact"},
href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=2", imageAlt: "barber shop mirror and tools"},
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=2",
imageAlt: "barber shop mirror and tools",
},
]} ]}
title="Unsere Leistungen" title="Unsere Leistungen"
description="Qualität, die überzeugt." description="Qualität, die überzeugt."
@@ -194,59 +119,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Ali", role: "Kunde", company: "Gars am Kamp", rating: 5,
name: "Ali", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=3"},
role: "Kunde",
company: "Gars am Kamp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=3",
},
{ {
id: "t2", id: "t2", name: "Edo", role: "Kunde", company: "Gars am Kamp", rating: 5,
name: "Edo", imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=3"},
role: "Kunde",
company: "Gars am Kamp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=3",
},
{ {
id: "t3", id: "t3", name: "Max", role: "Stammkunde", company: "Gars am Kamp", rating: 5,
name: "Max", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=3"},
role: "Stammkunde",
company: "Gars am Kamp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=3",
},
{ {
id: "t4", id: "t4", name: "Lukas", role: "Kunde", company: "Gars am Kamp", rating: 5,
name: "Lukas", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=2"},
role: "Kunde",
company: "Gars am Kamp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=2",
},
{ {
id: "t5", id: "t5", name: "Sarah", role: "Kundin", company: "Gars am Kamp", rating: 5,
name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313017.jpg?_wi=2"},
role: "Kundin",
company: "Gars am Kamp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313017.jpg?_wi=2",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "5.0", value: "5.0", label: "Google Rating"},
label: "Google Rating",
},
{ {
value: "100%", value: "100%", label: "Kundenzufriedenheit"},
label: "Kundenzufriedenheit",
},
{ {
value: "500+", value: "500+", label: "Haarschnitte"},
label: "Haarschnitte",
},
]} ]}
title="Was Kunden sagen" title="Was Kunden sagen"
description="5,0 Sterne Ihre Zufriedenheit ist unser Ziel." description="5,0 Sterne Ihre Zufriedenheit ist unser Ziel."
@@ -260,22 +154,14 @@ export default function LandingPage() {
description="Hornerstraße 85, 3571 Gars am Kamp. Telefon: 0681 81804513." description="Hornerstraße 85, 3571 Gars am Kamp. Telefon: 0681 81804513."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Ihr Name", required: true,
type: "text",
placeholder: "Ihr Name",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Telefonnummer", required: true,
type: "tel",
placeholder: "Telefonnummer",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Nachricht / Terminwunsch", rows: 4,
placeholder: "Nachricht / Terminwunsch",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/handsome-tattooed-young-man-talking-phone-close-up-portrait-outdoors_1321-23.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/handsome-tattooed-young-man-talking-phone-close-up-portrait-outdoors_1321-23.jpg?_wi=2"
@@ -286,30 +172,21 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Standort", title: "Standort", items: [
items: [
{ {
label: "Hornerstraße 85, 3571 Gars am Kamp", label: "Hornerstraße 85, 3571 Gars am Kamp", href: "https://maps.google.com"},
href: "https://maps.google.com",
},
], ],
}, },
{ {
title: "Kontakt", title: "Kontakt", items: [
items: [
{ {
label: "0681 81804513", label: "0681 81804513", href: "tel:068181804513"},
href: "tel:068181804513",
},
], ],
}, },
{ {
title: "Öffnungszeiten", title: "Öffnungszeiten", items: [
items: [
{ {
label: "MoSa: bis 18:00 Uhr", label: "MoSa: bis 18:00 Uhr", href: "#"},
href: "#",
},
], ],
}, },
]} ]}