Merge version_1 into main #1
228
src/app/page.tsx
228
src/app/page.tsx
@@ -31,79 +31,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Warum wir",
|
||||
id: "#why",
|
||||
},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Termin",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Leistungen", id: "services" },
|
||||
{ name: "Warum wir", id: "why" },
|
||||
{ name: "Bewertungen", id: "testimonials" },
|
||||
{ name: "Termin", id: "contact" },
|
||||
]}
|
||||
brandName="Hair-factory One Wil AG"
|
||||
button={{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+41713111313",
|
||||
}}
|
||||
text: "Jetzt anrufen", href: "tel:+41713111313"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ihr Coiffeur direkt am Bahnhof Wil"
|
||||
description="Schnell, unkompliziert & professionell. Ohne Umwege zum perfekten Haarschnitt. Einfach vorbeikommen oder Termin sichern."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+41713111313",
|
||||
},
|
||||
{
|
||||
text: "Route starten",
|
||||
href: "https://maps.google.com/?q=Bahnhofplatz+3+9500+Wil",
|
||||
},
|
||||
{ text: "Jetzt anrufen", href: "tel:+41713111313" },
|
||||
{ text: "Route starten", href: "https://maps.google.com/?q=Bahnhofplatz+3+9500+Wil" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167450.jpg",
|
||||
imageAlt: "Salon Impression 1",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg",
|
||||
imageAlt: "Salon Impression 2",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg",
|
||||
imageAlt: "Salon Impression 3",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg",
|
||||
imageAlt: "Salon Impression 4",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",
|
||||
imageAlt: "Salon Impression 5",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-exotic-pink-leaf-still-life_23-2149292977.jpg",
|
||||
imageAlt: "Salon Impression 6",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167450.jpg", imageAlt: "Salon Impression 1" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205860.jpg", imageAlt: "Salon Impression 2" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg", imageAlt: "Salon Impression 3" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg", imageAlt: "Salon Impression 4" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg", imageAlt: "Salon Impression 5" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-exotic-pink-leaf-still-life_23-2149292977.jpg", imageAlt: "Salon Impression 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,50 +68,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Herrenhaarschnitt",
|
||||
author: "Präzision",
|
||||
description: "Moderner Schnitt, schnell und akkurat.",
|
||||
tags: [
|
||||
"Schnell",
|
||||
"Top",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-hair-brushes-looking-front-with-serious-face-crossing-hands-standing-white-wall_141793-71676.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Damenhaarschnitt",
|
||||
author: "Stilvoll",
|
||||
description: "Individuelle Beratung für Ihren Look.",
|
||||
tags: [
|
||||
"Trend",
|
||||
"Stil",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Kinderhaarschnitt",
|
||||
author: "Geduldig",
|
||||
description: "Ein entspanntes Erlebnis für die Kleinen.",
|
||||
tags: [
|
||||
"Familie",
|
||||
"Freundlich",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-getting-haircut-salon_23-2149870407.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Styling & Finish",
|
||||
author: "Perfektion",
|
||||
description: "Das perfekte Finish für jeden Anlass.",
|
||||
tags: [
|
||||
"Finish",
|
||||
"Stil",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-customer-hair_23-2148257012.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Herrenhaarschnitt", author: "Präzision", description: "Moderner Schnitt, schnell und akkurat.", tags: ["Schnell", "Top"], imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-hair-brushes-looking-front-with-serious-face-crossing-hands-standing-white-wall_141793-71676.jpg" },
|
||||
{ id: "s2", title: "Damenhaarschnitt", author: "Stilvoll", description: "Individuelle Beratung für Ihren Look.", tags: ["Trend", "Stil"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg" },
|
||||
{ id: "s3", title: "Kinderhaarschnitt", author: "Geduldig", description: "Ein entspanntes Erlebnis für die Kleinen.", tags: ["Familie", "Freundlich"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-getting-haircut-salon_23-2149870407.jpg" },
|
||||
{ id: "s4", title: "Styling & Finish", author: "Perfektion", description: "Das perfekte Finish für jeden Anlass.", tags: ["Finish", "Stil"], imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-customer-hair_23-2148257012.jpg" },
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Professioneller Service für die ganze Familie."
|
||||
@@ -171,26 +85,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.4⭐",
|
||||
description: "Bewertung bei 74 Rezensionen",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Schnell",
|
||||
description: "Effizienter Service ohne lange Wartezeit",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Bahnhof",
|
||||
description: "Zentral am Bahnhofplatz Wil",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Team",
|
||||
description: "Ein freundliches, erfahrenes Team",
|
||||
},
|
||||
{ id: "m1", value: "4.4⭐", description: "Bewertung bei 74 Rezensionen" },
|
||||
{ id: "m2", value: "Schnell", description: "Effizienter Service ohne lange Wartezeit" },
|
||||
{ id: "m3", value: "Bahnhof", description: "Zentral am Bahnhofplatz Wil" },
|
||||
{ id: "m4", value: "Team", description: "Ein freundliches, erfahrenes Team" },
|
||||
]}
|
||||
title="Warum Hair-factory?"
|
||||
description="Ihre Zufriedenheit ist unser Antrieb."
|
||||
@@ -199,44 +97,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Müller",
|
||||
role: "Kundin",
|
||||
testimonial: "Sehr schnell, freundlich und gut. Immer wieder gerne!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Markus Weber",
|
||||
role: "Kunde",
|
||||
testimonial: "Atmosphäre war sehr angenehm, super Schnitt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-confident-man-cafeteria_23-2147689260.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julia H.",
|
||||
role: "Kundin",
|
||||
testimonial: "Perfekt auch für Kinder, sehr geduldiges Personal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-happy-young-hopeful-guy-anticipating-something-good-happen-cross-fingers-good-lu_1258-109512.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Thomas G.",
|
||||
role: "Kunde",
|
||||
testimonial: "Zentral gelegen und sehr effizient. Top Preis-Leistung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotions-girl_1157-9008.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena S.",
|
||||
role: "Kundin",
|
||||
testimonial: "Super Beratung und tolles Ergebnis. Ich komme zurück.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Müller", role: "Kundin", testimonial: "Sehr schnell, freundlich und gut. Immer wieder gerne!", imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg" },
|
||||
{ id: "t2", name: "Markus Weber", role: "Kunde", testimonial: "Atmosphäre war sehr angenehm, super Schnitt.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-confident-man-cafeteria_23-2147689260.jpg" },
|
||||
{ id: "t3", name: "Julia H.", role: "Kundin", testimonial: "Perfekt auch für Kinder, sehr geduldiges Personal.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-happy-young-hopeful-guy-anticipating-something-good-happen-cross-fingers-good-lu_1258-109512.jpg" },
|
||||
{ id: "t4", name: "Thomas G.", role: "Kunde", testimonial: "Zentral gelegen und sehr effizient. Top Preis-Leistung.", imageSrc: "http://img.b2bpic.net/free-photo/emotions-girl_1157-9008.jpg" },
|
||||
{ id: "t5", name: "Elena S.", role: "Kundin", testimonial: "Super Beratung und tolles Ergebnis. Ich komme zurück.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg" },
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Erfahrungen, die wir schätzen."
|
||||
@@ -245,30 +114,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wo finden Sie uns?",
|
||||
content: "Direkt am Bahnhofplatz 3, 9500 Wil (SG). Perfekt erreichbar.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Brauche ich einen Termin?",
|
||||
content: "Wir freuen uns über Voranmeldung, sind aber für spontane Besuche offen.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Ist der Salon barrierefrei?",
|
||||
content: "Ja, der Salon ist gut zugänglich für alle unsere Kunden.",
|
||||
},
|
||||
{ id: "f1", title: "Wo finden Sie uns?", content: "Direkt am Bahnhofplatz 3, 9500 Wil (SG). Perfekt erreichbar." },
|
||||
{ id: "f2", title: "Brauche ich einen Termin?", content: "Wir freuen uns über Voranmeldung, sind aber für spontane Besuche offen." },
|
||||
{ id: "f3", title: "Ist der Salon barrierefrei?", content: "Ja, der Salon ist gut zugänglich für alle unsere Kunden." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unpleased-looking-side-slavic-middle-aged-male-barber-uniform-holding-barber-tools-raising-hand-isolated-purple-wall_141793-90047.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Salon-Impressionen"
|
||||
description="Ein Blick in unsere Räumlichkeiten am Bahnhof."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -278,10 +135,7 @@ export default function LandingPage() {
|
||||
title="Besuchen Sie uns direkt am Bahnhof"
|
||||
description="Bahnhofplatz 3, 9500 Wil. Beste Lage für Ihren Besuch."
|
||||
buttons={[
|
||||
{
|
||||
text: "Route planen",
|
||||
href: "https://maps.google.com/?q=Bahnhofplatz+3+9500+Wil",
|
||||
},
|
||||
{ text: "Route planen", href: "https://maps.google.com/?q=Bahnhofplatz+3+9500+Wil" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hairdresser-shop-with-chairs_23-2149220584.jpg"
|
||||
/>
|
||||
@@ -290,9 +144,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Termin sichern"
|
||||
title="Jetzt Termin anfragen"
|
||||
description="Hinterlassen Sie uns Ihre Nachricht oder rufen Sie direkt an."
|
||||
@@ -307,16 +159,8 @@ export default function LandingPage() {
|
||||
logoText="Hair-factory One Wil"
|
||||
copyrightText="© 2025 Hair-factory One Wil AG"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user