From 074b94f3709651249d7b7729a34f5536753126af Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 16:11:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 310 +++++++----------------------------------------
 1 file changed, 41 insertions(+), 269 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3479dca..df29d20 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,74 +32,31 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Start",
-          id: "hero",
-        },
-        {
-          name: "Usługi",
-          id: "pricing",
-        },
-        {
-          name: "Zespół",
-          id: "team",
-        },
-        {
-          name: "Opinie",
-          id: "testimonials",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
+        { name: "Start", id: "hero" },
+        { name: "Usługi", id: "pricing" },
+        { name: "Zespół", id: "team" },
+        { name: "Opinie", id: "testimonials" },
+        { name: "Kontakt", id: "contact" },
       ]}
       brandName="Barber Chełm"
       button={{
-        text: "Rezerwuj",
-        href: "#contact",
-      }}
+        text: "Rezerwuj",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Barbershop w Chełmie, gdzie wracasz nie tylko po fryzurę"
       description="Profesjonalna ekipa, precyzyjne cięcie i atmosfera bez zbędnego spinania. Sprawdź dlaczego lokalni mieszkańcy wybrali właśnie nas."
       tag="Najlepszy barber w mieście"
       buttons={[
-        {
-          text: "Zadzwoń teraz",
-          href: "tel:785153934",
-        },
-        {
-          text: "Zarezerwuj online",
-          href: "#contact",
-        },
+        { text: "Zadzwoń teraz", href: "tel:785153934" },
+        { text: "Zarezerwuj online", href: "#contact" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg?_wi=1",
-          imageAlt: "Wnętrze barbershopu w Chełmie",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
-          imageAlt: "Stanowisko pracy barbera",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hipster-man-barber-shop-professional-hairdresser-uses-brush-almost-finished-hairstyle_613910-3886.jpg",
-          imageAlt: "Hipster man in a barber shop. Professional hairdresser uses a brush, almost finished hairstyle.",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-master-barber-does-haircut-client-men-s-haircut-barbershop-styling-hair-with-comb_613910-19929.jpg",
-          imageAlt: "A stylish Master barber does a haircut to the client. Men's haircut in a barbershop. Styling hair with a comb.",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg",
-          imageAlt: "Full body portrait of a stylish male who himself shaving while sitting on a barber chair in a hairdressing salon.",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg", imageAlt: "Wnętrze barbershopu w Chełmie" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg", imageAlt: "Stanowisko pracy barbera" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -112,46 +69,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          title: "Świetny klimat",
-          quote: "Świetna, luźna atmosfera — zero spięcia. Polecam każdemu!",
-          name: "Marek P.",
-          role: "Stały klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Profesjonaliści",
-          quote: "Ogromna precyzja i profesjonalizm. Wracam za każdym razem.",
-          name: "Tomasz K.",
-          role: "Klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          title: "Czystość",
-          quote: "Sprzęt zawsze czysty, a obsługa na najwyższym poziomie.",
-          name: "Adam S.",
-          role: "Klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_23-2149122066.jpg",
-        },
-        {
-          id: "4",
-          title: "Super ekipa",
-          quote: "Najlepsza obsługa w Chełmie. Luźno, zabawnie i na temat.",
-          name: "Michał W.",
-          role: "Stały klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg",
-        },
-        {
-          id: "5",
-          title: "Polecam!",
-          quote: "Ekipa do której się wraca. Mega zadowolony z brody.",
-          name: "Piotr R.",
-          role: "Klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-sitting-chair_23-2149220530.jpg",
-        },
+        { id: "1", title: "Świetny klimat", quote: "Świetna, luźna atmosfera — zero spięcia. Polecam każdemu!", name: "Marek P.", role: "Stały klient", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
+        { id: "2", title: "Profesjonaliści", quote: "Ogromna precyzja i profesjonalizm. Wracam za każdym razem.", name: "Tomasz K.", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg" },
+        { id: "3", title: "Czystość", quote: "Sprzęt zawsze czysty, a obsługa na najwyższym poziomie.", name: "Adam S.", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_23-2149122066.jpg" },
+        { id: "4", title: "Super ekipa", quote: "Najlepsza obsługa w Chełmie. Luźno, zabawnie i na temat.", name: "Michał W.", role: "Stały klient", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg" },
+        { id: "5", title: "Polecam!", quote: "Ekipa do której się wraca. Mega zadowolony z brody.", name: "Piotr R.", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-sitting-chair_23-2149220530.jpg" }
       ]}
       title="Co mówią o nas klienci?"
       description="Nasza atmosfera i profesjonalizm to coś, co wyróżnia nas na mapie Chełma."
@@ -164,57 +86,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "strzyzenie",
-          tag: "Popularne",
-          price: "70 zł",
-          period: "45 min",
-          description: "Klasyczne strzyżenie dopasowane do kształtu twarzy.",
-          button: {
-            text: "Rezerwuj",
-            href: "#contact",
-          },
-          featuresTitle: "Obejmuje:",
-          features: [
-            "Konsultacja",
-            "Mycie",
-            "Stylizacja",
-          ],
-        },
-        {
-          id: "broda",
-          tag: "Najlepszy",
-          price: "50 zł",
-          period: "30 min",
-          description: "Profesjonalne modelowanie i pielęgnacja brody.",
-          button: {
-            text: "Rezerwuj",
-            href: "#contact",
-          },
-          featuresTitle: "Obejmuje:",
-          features: [
-            "Strzyżenie brody",
-            "Gorący ręcznik",
-            "Pielęgnacja",
-          ],
-        },
-        {
-          id: "combo",
-          tag: "Zestaw",
-          price: "110 zł",
-          period: "75 min",
-          description: "Pełny pakiet dla Twojej głowy i brody.",
-          button: {
-            text: "Rezerwuj",
-            href: "#contact",
-          },
-          featuresTitle: "Obejmuje:",
-          features: [
-            "Strzyżenie",
-            "Modelowanie brody",
-            "Pielęgnacja",
-          ],
-        },
+        { id: "strzyzenie", tag: "Popularne", price: "70 zł", period: "45 min", description: "Klasyczne strzyżenie dopasowane do kształtu twarzy.", button: { text: "Rezerwuj", href: "#contact" }, featuresTitle: "Obejmuje:", features: ["Konsultacja", "Mycie", "Stylizacja"] },
+        { id: "broda", tag: "Najlepszy", price: "50 zł", period: "30 min", description: "Profesjonalne modelowanie i pielęgnacja brody.", button: { text: "Rezerwuj", href: "#contact" }, featuresTitle: "Obejmuje:", features: ["Strzyżenie brody", "Gorący ręcznik", "Pielęgnacja"] },
+        { id: "combo", tag: "Zestaw", price: "110 zł", period: "75 min", description: "Pełny pakiet dla Twojej głowy i brody.", button: { text: "Rezerwuj", href: "#contact" }, featuresTitle: "Obejmuje:", features: ["Strzyżenie", "Modelowanie brody", "Pielęgnacja"] }
       ]}
       title="Nasze usługi"
       description="Wybierz coś dla siebie i wbijaj na fotel."
@@ -225,11 +99,7 @@ export default function LandingPage() {
       <TextSplitAbout
       useInvertedBackground={true}
       title="O nas – Barber Chełm"
-      description={[
-        "Jesteśmy lokalną ekipą, dla której barbering to pasja, a nie tylko zawód.",
-        "Stawiamy na higienę, wysoką jakość usług i klimat, w którym każdy poczuje się dobrze.",
-        "Wpadnij na Gdańską 9, napij się kawy i zadbaj o swój wygląd wyluzowanej atmosferze.",
-      ]}
+      description={["Jesteśmy lokalną ekipą, dla której barbering to pasja, a nie tylko zawód.", "Stawiamy na higienę, wysoką jakość usług i klimat, w którym każdy poczuje się dobrze.", "Wpadnij na Gdańską 9, napij się kawy i zadbaj o swój wygląd wyluzowanej atmosferze."]}
     />
   </div>
 
@@ -240,27 +110,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "t1",
-          name: "Bartek",
-          role: "Senior Barber",
-          description: "Mistrz fade'a z 5-letnim doświadczeniem.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-furious-blonde-male-barber-uniform-crosses-hands-holding-scissors-comb_141793-31563.jpg",
-        },
-        {
-          id: "t2",
-          name: "Kuba",
-          role: "Barber",
-          description: "Specjalista od brody i klasyki.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mateusz",
-          role: "Barber",
-          description: "Pasjonat detali i nowoczesnych cięć.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-shaving-cream-elderly-client-beauty-salon_23-2148182015.jpg",
-        },
+        { id: "t1", name: "Bartek", role: "Senior Barber", description: "Mistrz fade'a z 5-letnim doświadczeniem.", imageSrc: "http://img.b2bpic.net/free-photo/young-furious-blonde-male-barber-uniform-crosses-hands-holding-scissors-comb_141793-31563.jpg" },
+        { id: "t2", name: "Kuba", role: "Barber", description: "Specjalista od brody i klasyki.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg" },
+        { id: "t3", name: "Mateusz", role: "Barber", description: "Pasjonat detali i nowoczesnych cięć.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-shaving-cream-elderly-client-beauty-salon_23-2148182015.jpg" }
       ]}
       title="Poznaj naszą ekipę"
       description="Najlepsi barberzy w mieście, gotowi by zadbać o Twój styl."
@@ -273,42 +125,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Fade",
-          description: "Idealne przejścia.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/fashionable-bearded-male-violet-sunglasses-dressed-purple-jacket_613910-2957.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg?_wi=2",
-          imageAlt: "fade haircut detail side",
-        },
-        {
-          title: "Broda",
-          description: "Zawsze na ostro.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-beard-golden-sparkles_23-2147990024.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-man-arranging-his-beard-with-shaving-machine_23-2148298347.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=2",
-          imageAlt: "fade haircut detail side",
-        },
-        {
-          title: "Salon",
-          description: "Klimat miejsca.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg?_wi=2",
-          imageAlt: "fade haircut detail side",
-        },
+        { title: "Fade", description: "Idealne przejścia.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/back-view-barber-trimming-hair_23-2148298297.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fashionable-bearded-male-violet-sunglasses-dressed-purple-jacket_613910-2957.jpg" } },
+        { title: "Broda", description: "Zawsze na ostro.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-beard-golden-sparkles_23-2147990024.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-arranging-his-beard-with-shaving-machine_23-2148298347.jpg" } },
+        { title: "Salon", description: "Klimat miejsca.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg" } }
       ]}
       showStepNumbers={false}
       title="Nasze efekty"
@@ -323,27 +142,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "Gdańska 9",
-          title: "Adres",
-          description: "Lokalny punkt w Chełmie",
-          icon: MapPin,
-        },
-        {
-          id: "m2",
-          value: "10:00 - 20:00",
-          title: "Godziny",
-          description: "Poniedziałek - Sobota",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "785 153 934",
-          title: "Telefon",
-          description: "Zadzwoń po termin",
-          icon: Phone,
-        },
+        { id: "m1", value: "Gdańska 9", title: "Adres", description: "Lokalny punkt w Chełmie", icon: MapPin },
+        { id: "m2", value: "10:00 - 20:00", title: "Godziny", description: "Poniedziałek - Sobota", icon: Clock },
+        { id: "m3", value: "785 153 934", title: "Telefon", description: "Zadzwoń po termin", icon: Phone }
       ]}
       title="Gdzie nas znajdziesz?"
       description="Gdańska 9, Chełm – czekamy na Ciebie!"
@@ -353,19 +154,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Wbij na fotel i poczuj klimat Chełma – zarezerwuj wizytę już teraz!"
       buttons={[
-        {
-          text: "Zadzwoń",
-          href: "tel:785153934",
-        },
-        {
-          text: "Rezerwuj online",
-          href: "#",
-        },
+        { text: "Zadzwoń", href: "tel:785153934" },
+        { text: "Rezerwuj online", href: "#" },
       ]}
     />
   </div>
@@ -374,42 +167,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Kontakt",
-          items: [
-            {
-              label: "785 153 934",
-              href: "tel:785153934",
-            },
-            {
-              label: "Gdańska 9, Chełm",
-              href: "#",
-            },
+          title: "Kontakt",          items: [
+            { label: "785 153 934", href: "tel:785153934" },
+            { label: "Gdańska 9, Chełm", href: "#" },
           ],
         },
         {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
+          title: "Social",          items: [
+            { label: "Instagram", href: "#" },
+            { label: "Facebook", href: "#" },
           ],
         },
         {
-          title: "Wizyty",
-          items: [
-            {
-              label: "Rezerwacje",
-              href: "#contact",
-            },
-            {
-              label: "Regulamin",
-              href: "#",
-            },
+          title: "Wizyty",          items: [
+            { label: "Rezerwacje", href: "#contact" },
+            { label: "Regulamin", href: "#" },
           ],
         },
       ]}
-- 
2.49.1