Update src/app/page.tsx
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -29,74 +29,39 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über uns", id: "#about"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Leistungen", id: "#services"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="ARIN Friseur"
|
||||
button={{
|
||||
text: "Termin vereinbaren",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Termin vereinbaren", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Ihr Barber Shop in Gars am Kamp"
|
||||
description="Professionelle Haarschnitte, Styling & Farben – ARIN Friseur bringt modernen Stil in Ihr Leben."
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin vereinbaren",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=1",
|
||||
imageAlt: "Professional Cut",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=1", imageAlt: "Professional Cut"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=1",
|
||||
imageAlt: "Styling Station",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=1", imageAlt: "Styling Station"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313017.jpg?_wi=1",
|
||||
imageAlt: "Salon Aesthetic",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313017.jpg?_wi=1", imageAlt: "Salon Aesthetic"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,20 +71,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Über ARIN Friseur",
|
||||
},
|
||||
type: "text", content: "Über ARIN Friseur"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg",
|
||||
alt: "About ARIN",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg", alt: "About ARIN"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#",
|
||||
},
|
||||
text: "Mehr erfahren", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,56 +89,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Haarschnitt",
|
||||
price: "ab 25€",
|
||||
period: "pro Besuch",
|
||||
features: [
|
||||
"Moderne Styles",
|
||||
"Klassische Schnitte",
|
||||
"Beratung",
|
||||
],
|
||||
id: "p1", title: "Haarschnitt", price: "ab 25€", period: "pro Besuch", features: [
|
||||
"Moderne Styles", "Klassische Schnitte", "Beratung"],
|
||||
button: {
|
||||
text: "Buchen",
|
||||
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",
|
||||
},
|
||||
text: "Buchen", 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"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Styling",
|
||||
price: "ab 15€",
|
||||
period: "pro Session",
|
||||
features: [
|
||||
"Finish & Textur",
|
||||
"Pflegeprodukte",
|
||||
"Trend-Styling",
|
||||
],
|
||||
id: "p2", title: "Styling", price: "ab 15€", period: "pro Session", features: [
|
||||
"Finish & Textur", "Pflegeprodukte", "Trend-Styling"],
|
||||
button: {
|
||||
text: "Buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=2",
|
||||
imageAlt: "barber cutting hair with scissors",
|
||||
},
|
||||
text: "Buchen", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=2", imageAlt: "barber cutting hair with scissors"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Färben",
|
||||
price: "ab 40€",
|
||||
period: "pro Farbe",
|
||||
features: [
|
||||
"Individuelle Beratung",
|
||||
"Qualitätsprodukte",
|
||||
"Lang anhaltend",
|
||||
],
|
||||
id: "p3", title: "Färben", price: "ab 40€", period: "pro Farbe", features: [
|
||||
"Individuelle Beratung", "Qualitätsprodukte", "Lang anhaltend"],
|
||||
button: {
|
||||
text: "Buchen",
|
||||
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",
|
||||
},
|
||||
text: "Buchen", 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"},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Qualität, die überzeugt."
|
||||
@@ -194,59 +119,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ali",
|
||||
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: "t1", name: "Ali", 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",
|
||||
name: "Edo",
|
||||
role: "Kunde",
|
||||
company: "Gars am Kamp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=3",
|
||||
},
|
||||
id: "t2", name: "Edo", role: "Kunde", company: "Gars am Kamp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-hairdresser_52683-116740.jpg?_wi=3"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Max",
|
||||
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: "t3", name: "Max", 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",
|
||||
name: "Lukas",
|
||||
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: "t4", name: "Lukas", 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",
|
||||
name: "Sarah",
|
||||
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",
|
||||
},
|
||||
id: "t5", name: "Sarah", 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={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "5.0", label: "Google Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Kundenzufriedenheit",
|
||||
},
|
||||
value: "100%", label: "Kundenzufriedenheit"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Haarschnitte",
|
||||
},
|
||||
value: "500+", label: "Haarschnitte"},
|
||||
]}
|
||||
title="Was Kunden sagen"
|
||||
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."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ihr Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Telefonnummer",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Telefonnummer", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Nachricht / Terminwunsch",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Nachricht / Terminwunsch", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
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
|
||||
columns={[
|
||||
{
|
||||
title: "Standort",
|
||||
items: [
|
||||
title: "Standort", items: [
|
||||
{
|
||||
label: "Hornerstraße 85, 3571 Gars am Kamp",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
label: "Hornerstraße 85, 3571 Gars am Kamp", href: "https://maps.google.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "0681 81804513",
|
||||
href: "tel:068181804513",
|
||||
},
|
||||
label: "0681 81804513", href: "tel:068181804513"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
title: "Öffnungszeiten", items: [
|
||||
{
|
||||
label: "Mo–Sa: bis 18:00 Uhr",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mo–Sa: bis 18:00 Uhr", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user