Merge version_2 into main

2026-05-09 15:39:03 +00:00
parent c1932a80fb 8de4fbc99d
commit 81296a3929
1 changed files with 101 additions and 329 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,17 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Target, TrendingUp, Truck, Wrench, ShieldCheck, MapPin, Phone } from "lucide-react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';

 export default function LandingPage() {
  return (
@@ -28,337 +29,108 @@ export default function LandingPage() {
        headingFontWeight="semibold"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Oferta",
-          id: "features",
-        },
-        {
-          name: "O nas",
-          id: "about",
-        },
-        {
-          name: "Opinie",
-          id: "testimonials",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="Justom"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "O nas", id: "about" },
+              { name: "Usługi", id: "features" },
+              { name: "Opinie", id: "testimonials" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="JUSTOM"
+          />
+        </div>

-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Twoja Wypożyczalnia Przyczep w Choszczówce Stojeckiej"
-      description="Profesjonalna obsługa, szeroki wybór przyczep i niezawodny sprzęt. Sprawdź, dlaczego klienci wracają do Justom."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
-          alt: "Klient 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-doing-customer-support-job-workplace-handling-clients-complaints_482257-125234.jpg",
-          alt: "Klient 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/waistup-shot-optimistic-supportive-goodlooking-caucasian-female-white-tshirt-cheering_1258-139706.jpg",
-          alt: "Klient 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-man-with-laptop-tourist-sits-near-suitcase-shows-thumb-up-books-holiday-goes-vacation_1258-314218.jpg",
-          alt: "Klient 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-men-looking-inside-truck_23-2149426536.jpg",
-          alt: "Klient 5",
-        },
-      ]}
-      avatarText="Ponad 160 zadowolonych klientów"
-      buttons={[
-        {
-          text: "Zobacz ofertę",
-          href: "#features",
-        },
-        {
-          text: "Zadzwoń teraz",
-          href: "tel:257599235",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Przyczepy lekkie",
-        },
-        {
-          type: "text",
-          text: "Lawety samochodowe",
-        },
-        {
-          type: "text",
-          text: "Transport cargo",
-        },
-        {
-          type: "text",
-          text: "Wynajem krótko i długoterminowy",
-        },
-        {
-          type: "text",
-          text: "Pełne doradztwo",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            title="JUSTOM - Twoje wsparcie w transporcie"
+            description="Profesjonalna wypożyczalnia przyczep, busów i serwis w Choszczówce Stojeckiej. Zaufany partner od 2004 roku."
+            background={{ variant: "gradient-bars" }}
+            avatars={[{ src: "https://img.b2bpic.net/free-photo/man-doing-customer-support-job-workplace-handling-clients-complaints_482257-125234.jpg", alt: "Zespół" }]}
+            buttons={[{ text: "Zobacz ofertę", href: "#features" }, { text: "Kontakt", href: "#contact" }]}
+          />
+        </div>

-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Rzetelność i profesjonalizm od lat"
-      description="W Justom stawiamy na transparentność i świetną atmosferę. Nasi klienci cenią nas za terminowość, fachowe doradztwo oraz elastyczne podejście do wynajmu."
-      imageSrc="http://img.b2bpic.net/free-photo/middle-aged-trucker-front-truck-trailer-with-cars_342744-1283.jpg"
-      imageAlt="Zespół Justom"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            title="Historia zaufania od 2004 roku"
+            description="Od ponad dwóch dekad firma JUSTOM wspiera lokalnych przedsiębiorców i klientów indywidualnych w Choszczówce Stojeckiej. Nasza pasja do transportu i dbałość o sprzęt gwarantują bezpieczeństwo i spokój podczas każdego przewozu."
+            imageSrc="https://img.b2bpic.net/free-photo/middle-aged-trucker-front-truck-trailer-with-cars_342744-1283.jpg"
+            tag="O nas"
+          />
+        </div>

-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Szeroki wybór",
-          tags: [
-            "Przyczepy",
-            "Lawety",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172341.jpg",
-          imageAlt: "Wybór przyczep",
-        },
-        {
-          id: "f2",
-          title: "Elastyczność",
-          tags: [
-            "4h",
-            "Długoterminowo",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172394.jpg",
-          imageAlt: "Wynajem krótkoterminowy",
-        },
-        {
-          id: "f3",
-          title: "Fachowe doradztwo",
-          tags: [
-            "Pomoc",
-            "Eksperci",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-members-brainstrom-together-informal-meeting_273609-28644.jpg",
-          imageAlt: "Doradztwo",
-        },
-      ]}
-      title="Dlaczego Justom?"
-      description="Oferujemy kompleksowe rozwiązania dla każdego transportu."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            title="Nasze usługi"
+            description="Szeroki zakres usług transportowych dopasowany do Twoich potrzeb."
+            textboxLayout="split"
+            animationType="slide-up"
+            features={[
+              { id: "p1", title: "Wypożyczalnia przyczep", tags: ["Lekkie", "Lawety", "Cargo"], imageSrc: "https://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172341.jpg" },
+              { id: "p2", title: "Wynajem busów", tags: ["Transport", "Przeprowadzki"], imageSrc: "https://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172394.jpg" },
+              { id: "p3", title: "Profesjonalny serwis", tags: ["Konserwacja", "Naprawy"], imageSrc: "https://img.b2bpic.net/free-photo/diverse-team-members-brainstrom-together-informal-meeting_273609-28644.jpg" }
+            ]}
+          />
+        </div>

-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "160+",
-          title: "Opinie klientów",
-          items: [
-            "4,7/5 średnia ocen",
-          ],
-        },
-        {
-          id: "m2",
-          value: "5+",
-          title: "Lat doświadczenia",
-          items: [
-            "Wiele udanych transakcji",
-          ],
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Profesjonalizm",
-          items: [
-            "Fachowe wsparcie",
-          ],
-        },
-      ]}
-      title="Liczby mówią za nas"
-      description="Zaufanie klientów budujemy od lat."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            title="Zalety JUSTOM"
+            description="Dlaczego warto nam zaufać?"
+            animationType="slide-up"
+            textboxLayout="default"
+            metrics={[
+              { id: "c1", value: "2004", title: "Doświadczenie", items: ["Działamy nieprzerwanie od 20 lat"] },
+              { id: "c2", value: "100%", title: "Bezpieczeństwo", items: ["Regularny serwis całego sprzętu"] },
+              { id: "c3", value: "Lokalnie", title: "Choszczówka Stojecka", items: ["Dojazd i obsługa w zasięgu ręki"] }
+            ]}
+          />
+        </div>

-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="Świetna firma godna polecenia, dużo przyczepek, dobre ceny. Czego chcieć więcej? Absolutna TOPKA, serdecznie polecam."
-      rating={5}
-      author="Mateusz"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/business-partners-meeting-cafe_53876-20918.jpg",
-          alt: "Klient 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
-          alt: "Klient 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-adult-woman-works-her-tablet-sits-with-notebook-kitchen-floor-home-studie_1258-183235.jpg",
-          alt: "Klient 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
-          alt: "Klient 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
-          alt: "Klient 5",
-        },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            testimonial="JUSTOM to firma z wieloletnim doświadczeniem. Zawsze mogę liczyć na ich przyczepy, są zadbane i w pełni sprawne. Polecam każdemu w okolicy!"
+            author="Piotr Kowalski, lokalny przedsiębiorca"
+            rating={5}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+            avatars={[{ src: "https://img.b2bpic.net/free-photo/cheerful-man-with-laptop-tourist-sits-near-suitcase-shows-thumb-up-books-holiday-goes-vacation_1258-314218.jpg", alt: "Piotr" }]}
+          />
+        </div>

-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Czy muszę rezerwować wcześniej?",
-          content: "Jeśli szukasz konkretnego modelu, warto zadzwonić i upewnić się, że będzie dostępny.",
-        },
-        {
-          id: "q2",
-          title: "Czy oferujecie wynajem krótkoterminowy?",
-          content: "Tak, istnieje możliwość wynajęcia przyczepy już od 4 godzin w niższej cenie.",
-        },
-        {
-          id: "q3",
-          title: "Gdzie was znaleźć?",
-          content: "Znajdujemy się pod adresem: Choszczówka Stojecka 56, 05-300 Choszczówka Stojecka.",
-        },
-      ]}
-      title="Często zadawane pytania"
-      description="Pomożemy Ci wynająć idealną przyczepę."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Częste pytania"
+            description="Odpowiedzi na najczęstsze zapytania naszych klientów."
+            textboxLayout="default"
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "q1", title: "Gdzie się znajdujecie?", content: "Siedziba JUSTOM mieści się w Choszczówce Stojeckiej. Zapraszamy do kontaktu telefonicznego w celu ustalenia szczegółów odbioru." },
+              { id: "q2", title: "Czy oferujecie pomoc w transporcie?", content: "Tak, zajmujemy się wynajmem oraz doradztwem w kwestii doboru odpowiedniego sprzętu transportowego." }
+            ]}
+          />
+        </div>

-  <div id="blog" data-section="blog">
-      <BlogCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      title="Porady transportowe"
-      description="Zadbaj o swoje bezpieczeństwo na drodze."
-      blogs={[
-        {
-          id: "b1",
-          category: "Porady",
-          title: "Jak bezpiecznie holować?",
-          excerpt: "Podstawowe zasady jazdy z przyczepą.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-people-working_23-2149103418.jpg",
-          authorName: "Ekspert Justom",
-          authorAvatar: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
-          date: "10.05.2024",
-        },
-        {
-          id: "b2",
-          category: "Logistyka",
-          title: "Wybór przyczepy",
-          excerpt: "Jak dobrać lawetę do auta?",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-her-camper-daylight_23-2149066253.jpg",
-          authorName: "Ekspert Justom",
-          authorAvatar: "http://img.b2bpic.net/free-photo/man-speaking-phone-near-woman-with-laptop_23-2147779661.jpg",
-          date: "12.05.2024",
-        },
-        {
-          id: "b3",
-          category: "Eksploatacja",
-          title: "Serwis sprzętu",
-          excerpt: "Dlaczego sprawdzamy hamulce?",
-          imageSrc: "http://img.b2bpic.net/free-photo/traveler-girl-searching-right-direction-map_1150-45016.jpg",
-          authorName: "Ekspert Justom",
-          authorAvatar: "http://img.b2bpic.net/free-photo/waistup-shot-optimistic-supportive-goodlooking-caucasian-female-white-tshirt-cheering_1258-254527.jpg",
-          date: "15.05.2024",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Dane kontaktowe"
+            title="Skontaktuj się z JUSTOM"
+            description="Jesteśmy do Twojej dyspozycji w Choszczówce Stojeckiej. Zadzwoń, aby zarezerwować termin lub uzyskać poradę."
+            buttons={[{ text: "Zadzwoń teraz: 25 759 92 35", href: "tel:+48257599235" }]} 
+            background={{ variant: "radial-gradient" }}
+          />
+        </div>

-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Kontakt"
-      title="Zadzwoń i sprawdź dostępność"
-      description="Jesteśmy otwarci od poniedziałku. Zadzwoń do nas, aby zarezerwować termin."
-      buttons={[
-        {
-          text: "25 759 92 35",
-          href: "tel:257599235",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Justom"
-      columns={[
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Choszczówka Stojecka 56",
-              href: "#",
-            },
-            {
-              label: "tel: 25 759 92 35",
-              href: "tel:257599235",
-            },
-          ],
-        },
-        {
-          title: "Linki",
-          items: [
-            {
-              label: "Oferta",
-              href: "#features",
-            },
-            {
-              label: "Opinie",
-              href: "#testimonials",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Justom. Wszelkie prawa zastrzeżone."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="JUSTOM"
+            columns={[
+              { title: "Oferta", items: [{ label: "Przyczepy", href: "#features" }, { label: "Busy", href: "#features" }, { label: "Serwis", href: "#features" }] },
+              { title: "Kontakt", items: [{ label: "Choszczówka Stojecka", href: "#" }, { label: "25 759 92 35", href: "tel:+48257599235" }] }
+            ]}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );