From 4b2c858f4618e3621f1321a03a956062cd77822c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 12:10:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 228 ++++++++---------------------------------------
 1 file changed, 36 insertions(+), 192 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c97e265..619d770 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1