Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
   return (
@@ -29,72 +29,42 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Start",
-          id: "hero",
-        },
+          name: "Start",          id: "hero"},
         {
-          name: "Usługi",
-          id: "services",
-        },
+          name: "Usługi",          id: "services"},
         {
-          name: "Jak pracuję",
-          id: "process",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
+          name: "Jak pracuję",          id: "process"},
       ]}
-      brandName="Ślusarz Warszawa"
+      brandName="Ślusarz Marek"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-static",
-      }}
+        variant: "rotated-rays-static"}}
       title="Autoryzowany serwis i montaż zamków. Warszawa i okolice."
       description="Specjalista od drzwi antywłamaniowych i nowoczesnych systemów (Smart Lock). Pracuję na sprzęcie najwyższej klasy: Gerda, Mottura, Witex, Iseo. | Godziny pracy: Pn-Pt 8:00 - 20:00. 15 lat doświadczenia."
       tag="15 LAT DOŚWIADCZENIA"
       buttons={[
         {
-          text: "Zadzwoń do ślusarza: 795 393 008",
-          href: "tel:795393008",
-        },
+          text: "Zadzwoń do ślusarza: 795 393 008",          href: "tel:795393008"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=1",
-          imageAlt: "Mechanizm zamka",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=1",          imageAlt: "Mechanizm zamka"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=2",
-          imageAlt: "Smart Lock",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=2",          imageAlt: "Smart Lock"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=3",
-          imageAlt: "Drzwi antywłamaniowe",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=3",          imageAlt: "Drzwi antywłamaniowe"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=4",
-          imageAlt: "Wkładka Gerda",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=4",          imageAlt: "Wkładka Gerda"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=5",
-          imageAlt: "Naprawa okucia",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=5",          imageAlt: "Naprawa okucia"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=6",
-          imageAlt: "Precyzyjny montaż",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=6",          imageAlt: "Precyzyjny montaż"},
       ]}
+      titleClassName="text-6xl md:text-7xl font-extrabold"
     />
   </div>
 
@@ -103,14 +73,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "GERDA",
-        "MOTTURA",
-        "WITEX",
-        "ISEO",
-        "LA PORTE",
-        "ASSAB",
-        "WILKA",
-      ]}
+        "GERDA",        "MOTTURA",        "WITEX",        "ISEO",        "LA PORTE",        "ASSAB",        "WILKA"]}
       title="Pracuję na renomowanym sprzęcie"
       description="Zaufanie potwierdzone przez liderów rynku zabezpieczeń."
     />
@@ -123,41 +86,21 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "s1",
-          title: "Montaż zamków",
-          descriptions: [
-            "Wymiana i montaż wkładek w drzwiach metalowych i antywłamaniowych.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=7",
-          imageAlt: "Montaż zamków",
-        },
+          id: "s1",          title: "Montaż zamków",          descriptions: [
+            "Wymiana i montaż wkładek w drzwiach metalowych i antywłamaniowych."],
+          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=7",          imageAlt: "Montaż zamków"},
         {
-          id: "s2",
-          title: "Serwis i naprawa",
-          descriptions: [
-            "Naprawa mechanizmów Gerda, Mottura, zacinające się klamki.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=8",
-          imageAlt: "Serwis zamków",
-        },
+          id: "s2",          title: "Serwis i naprawa",          descriptions: [
+            "Naprawa mechanizmów Gerda, Mottura, zacinające się klamki."],
+          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=8",          imageAlt: "Serwis zamków"},
         {
-          id: "s3",
-          title: "Montaż Smart Lock",
-          descriptions: [
-            "Nowoczesne zamki elektroniczne. Zmień swój dom w Smart Home.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=9",
-          imageAlt: "Smart Lock",
-        },
+          id: "s3",          title: "Montaż Smart Lock",          descriptions: [
+            "Nowoczesne zamki elektroniczne. Zmień swój dom w Smart Home."],
+          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=9",          imageAlt: "Smart Lock"},
         {
-          id: "s4",
-          title: "Drobne usługi",
-          descriptions: [
-            " Montaż wizjerów i precyzyjne dopasowywanie okuć drzwiowych.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=10",
-          imageAlt: "Drobne usługi",
-        },
+          id: "s4",          title: "Drobne usługi",          descriptions: [
+            " Montaż wizjerów i precyzyjne dopasowywanie okuć drzwiowych."],
+          imageSrc: "http://img.b2bpic.net/free-photo/metal-tensor_1127-2280.jpg?_wi=10",          imageAlt: "Drobne usługi"},
       ]}
       title="Główne usługi"
       description="Kompleksowy serwis zamków i zabezpieczeń dla Twojego spokoju."
@@ -170,20 +113,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "Diagnoza",
-          content: "Przez telefon ustalamy problem i markę zamka.",
-        },
+          id: "1",          title: "Diagnoza",          content: "Przez telefon ustalamy problem i markę zamka."},
         {
-          id: "2",
-          title: "Sprzęt",
-          content: "Przyjeżdżam z odpowiednimi wkładkami i narzędziami – nie musisz kupować nic na własną rękę.",
-        },
+          id: "2",          title: "Sprzęt",          content: "Przyjeżdżam z odpowiednimi wkładkami i narzędziami – nie musisz kupować nic na własną rękę."},
         {
-          id: "3",
-          title: "Precyzja",
-          content: "Gwarantuję czysty montaż bez uszkadzania Twoich drzwi.",
-        },
+          id: "3",          title: "Precyzja",          content: "Gwarantuję czysty montaż bez uszkadzania Twoich drzwi."},
       ]}
       title="Jak pracuję?"
       description="Proces naprawy i montażu w trzech prostych krokach."
@@ -191,66 +125,40 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Kontakt lokalny"
-      description="Edwarda Habicha 10, 02-495 Warszawa (Ursus). Obsługuję Ursus, Włochy, Bemowo oraz całą Warszawę."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Imię i nazwisko",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Twój email",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/elevated-view-various-tools-toolbag_23-2147865392.jpg"
-      mediaPosition="right"
-    />
+  <div id="hours" data-section="hours">
+      <TextAbout
+        title="Godziny otwarcia: Pn-Pt 8:00 - 20:00"
+        tag="Dostępność"
+        useInvertedBackground={true}
+        containerClassName="py-20 text-center"
+        titleClassName="text-5xl font-extrabold"
+      />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
         {
-          title: "Menu",
-          items: [
+          title: "Menu",          items: [
             {
-              label: "Start",
-              href: "#hero",
-            },
+              label: "Start",              href: "#hero"},
             {
-              label: "Usługi",
-              href: "#services",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
+              label: "Usługi",              href: "#services"},
           ],
         },
         {
-          title: "Lokalizacja",
-          items: [
+          title: "Lokalizacja",          items: [
             {
-              label: "Ursus, Warszawa",
-              href: "#",
-            },
+              label: "Ursus, Warszawa",              href: "#"},
             {
-              label: "Dojazd w całej Warszawie",
-              href: "#",
-            },
+              label: "Dojazd w całej Warszawie",              href: "#"},
           ],
         },
       ]}
-      logoText="Ślusarz Warszawa"
+      logoText="Ślusarz Marek"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}