Switch to version 2: modified src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -31,10 +31,22 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "O firmie", id: "about" },
-        { name: "Usługi", id: "services" },
-        { name: "Oferta", id: "products" },
-        { name: "Kontakt", id: "contact" },
+        {
+          name: "O firmie",
+          id: "about",
+        },
+        {
+          name: "Usługi",
+          id: "services",
+        },
+        {
+          name: "Oferta",
+          id: "products",
+        },
+        {
+          name: "Kontakt",
+          id: "contact",
+        },
       ]}
       brandName="Ubysz Karol"
     />
@@ -44,11 +56,78 @@ export default function LandingPage() {
       <HeroOverlayTestimonial
       title="Surowce wtórne najwyższej jakości – niezawodnie"
       description="Skupujemy i sprzedajemy surowce wtórne dla przemysłu. Certyfikowana jakość, konkurencyjne ceny, szybka dostawa."
-      testimonials={[]}
+      testimonials={[
+        {
+          name: "Jan Kowalski",
+          handle: "@JanKowalski",
+          testimonial: "Profesjonalne podejście i terminowa realizacja dostaw.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-126.jpg?_wi=1",
+          imageAlt: "industrial scrap metal warehouse interior",
+        },
+        {
+          name: "Anna Nowak",
+          handle: "@AnnaNowak",
+          testimonial: "Najwyższa jakość surowców, polecam każdemu.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics_23-2149128336.jpg?_wi=1",
+          imageAlt: "industrial scrap metal warehouse interior",
+        },
+        {
+          name: "Marek Zieliński",
+          handle: "@MarekZ",
+          testimonial: "Konkurencyjne ceny i świetna współpraca.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-inspecting-machines-cold-drink-factory_107420-96509.jpg?_wi=1",
+          imageAlt: "industrial scrap metal warehouse interior",
+        },
+        {
+          name: "Piotr Wójcik",
+          handle: "@PiotrW",
+          testimonial: "Dostawy zawsze na czas, pełen profesjonalizm.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/screws-box_23-2147773417.jpg?_wi=1",
+          imageAlt: "industrial scrap metal warehouse interior",
+        },
+        {
+          name: "Ewa Mazur",
+          handle: "@EwaM",
+          testimonial: "Bardzo solidny partner w branży scrapu.",
+          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/steel-pipes-put-together_1112-903.jpg?_wi=1",
+          imageAlt: "industrial scrap metal warehouse interior",
+        },
+      ]}
       buttons={[
-        { text: "Zapytaj o dostępność", href: "/contact" },
+        {
+          text: "Zapytaj o dostępność",
+          href: "#contact",
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/railroad-tracks_1359-126.jpg?_wi=2"
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
+          alt: "Testimonial person 1",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1602.jpg",
+          alt: "Testimonial person 2",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg",
+          alt: "Testimonial person 3",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
+          alt: "Testimonial person 4",
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886808.jpg",
+          alt: "Testimonial person 5",
+        },
+      ]}
+      avatarText="Zaufali nam liderzy branży"
     />
   </div>
 
@@ -58,9 +137,18 @@ export default function LandingPage() {
       title="O naszym doświadczeniu"
       description="Jesteśmy liderem w skupie i dystrybucji surowców wtórnych, stawiając na rzetelność, ekologię oraz budowanie trwałych relacji z naszymi klientami przemysłowymi."
       metrics={[
-        { value: "15+", title: "Lat na rynku" },
-        { value: "500+", title: "Klientów B2B" },
-        { value: "100%", title: "Certyfikowana jakość" },
+        {
+          value: "15+",
+          title: "Lat na rynku",
+        },
+        {
+          value: "500+",
+          title: "Klientów B2B",
+        },
+        {
+          value: "100%",
+          title: "Certyfikowana jakość",
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics_23-2149128336.jpg?_wi=2"
       mediaAnimation="slide-up"
@@ -75,9 +163,27 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        { title: "Skup złomu", description: "Profesjonalny skup wszelkich metali kolorowych i stalowych.", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580570.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-127.jpg", buttonText: "Dowiedz się więcej" },
-        { title: "Przetwarzanie", description: "Zaawansowane techniki segregacji i przygotowania surowców.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-inspecting-machines-cold-drink-factory_107420-96509.jpg?_wi=2", titleImageSrc: "http://img.b2bpic.net/free-photo/texture-metallic-typesetting-letters_23-2149430841.jpg", buttonText: "Dowiedz się więcej" },
-        { title: "Logistyka", description: "Terminowa dostawa własnym transportem do zakładów klienta.", imageSrc: "http://img.b2bpic.net/free-photo/screws-box_23-2147773417.jpg?_wi=2", titleImageSrc: "http://img.b2bpic.net/free-photo/african-american-shipping-company-loader-carrying-heavy-parcel-downstairs_482257-77661.jpg", buttonText: "Dowiedz się więcej" },
+        {
+          title: "Skup złomu",
+          description: "Profesjonalny skup wszelkich metali kolorowych i stalowych.",
+          imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580570.jpg",
+          titleImageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-127.jpg",
+          buttonText: "Więcej",
+        },
+        {
+          title: "Przetwarzanie",
+          description: "Zaawansowane techniki segregacji i przygotowania surowców.",
+          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-inspecting-machines-cold-drink-factory_107420-96509.jpg?_wi=2",
+          titleImageSrc: "http://img.b2bpic.net/free-photo/texture-metallic-typesetting-letters_23-2149430841.jpg",
+          buttonText: "Więcej",
+        },
+        {
+          title: "Logistyka",
+          description: "Terminowa dostawa własnym transportem do zakładów klienta.",
+          imageSrc: "http://img.b2bpic.net/free-photo/screws-box_23-2147773417.jpg?_wi=2",
+          titleImageSrc: "http://img.b2bpic.net/free-photo/african-american-shipping-company-loader-carrying-heavy-parcel-downstairs_482257-77661.jpg",
+          buttonText: "Więcej",
+        },
       ]}
       title="Nasze usługi"
       description="Zapewniamy kompleksową obsługę skupu, segregacji oraz dostawy surowców wtórnych dla sektora przemysłowego."
@@ -90,9 +196,52 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      products={[]}
+      products={[
+        {
+          id: "p1",
+          name: "Miedź katodowa",
+          price: "Zapytaj o cenę",
+          variant: "Premium",
+          imageSrc: "http://img.b2bpic.net/free-photo/steel-pipes-put-together_1112-903.jpg?_wi=2",
+        },
+        {
+          id: "p2",
+          name: "Aluminium 6061",
+          price: "Zapytaj o cenę",
+          variant: "Industrial",
+          imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-hexagonal-shapes_23-2149871686.jpg",
+        },
+        {
+          id: "p3",
+          name: "Stal konstrukcyjna",
+          price: "Zapytaj o cenę",
+          variant: "Standard",
+          imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-684.jpg",
+        },
+        {
+          id: "p4",
+          name: "Mosiądz wióry",
+          price: "Zapytaj o cenę",
+          variant: "Recycled",
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-beer-factory_23-2150573936.jpg",
+        },
+        {
+          id: "p5",
+          name: "Stal nierdzewna",
+          price: "Zapytaj o cenę",
+          variant: "Grade 304",
+          imageSrc: "http://img.b2bpic.net/free-photo/storehouse_1127-3262.jpg",
+        },
+        {
+          id: "p6",
+          name: "Cynk wysokiej jakości",
+          price: "Zapytaj o cenę",
+          variant: "Industrial",
+          imageSrc: "http://img.b2bpic.net/free-photo/lot-hunting-bullet-cartridges-capsules-hunting-ammunition_181624-37458.jpg",
+        },
+      ]}
       title="Dostępne surowce"
-      description="Sprawdź naszą bieżącą ofertę wysokiej jakości surowców wtórnych."
+      description="Sprawdź naszą bieżącą ofertę wysokiej jakości surowców wtórnych gotowych do wykorzystania w Twojej produkcji."
     />
   </div>
 
@@ -101,7 +250,29 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      metrics={[]}
+      metrics={[
+        {
+          id: "m1",
+          value: "98%",
+          title: "Zadowolenie klientów",
+          description: "Wskaźnik retencji naszych partnerów przemysłowych.",
+          imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg",
+        },
+        {
+          id: "m2",
+          value: "50t",
+          title: "Dzienny przerób",
+          description: "Zdolność operacyjna naszej instalacji recyklingu.",
+          imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2253.jpg",
+        },
+        {
+          id: "m3",
+          value: "12h",
+          title: "Czas reakcji",
+          description: "Gwarantowany czas na odpowiedź przy zapytaniach B2B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-activity-company_1098-1585.jpg",
+        },
+      ]}
       title="Dlaczego my?"
       description="Nasza firma to synonim jakości i zaufania w sektorze recyklingu przemysłowego."
     />
@@ -111,7 +282,63 @@ export default function LandingPage() {
       <TestimonialCardFive
       textboxLayout="split"
       useInvertedBackground={false}
-      testimonials={[]}
+      testimonials={[
+        {
+          id: "1",
+          name: "Janusz Kowalski",
+          date: "2024-05",
+          title: "Dyrektor Zakładu",
+          quote: "Najwyższa rzetelność na rynku scrapu.",
+          tag: "B2B",
+          avatarSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-126.jpg?_wi=3",
+          imageAlt: "professional manager portrait photo",
+        },
+        {
+          id: "2",
+          name: "Marek Nowak",
+          date: "2024-04",
+          title: "Purchasing Manager",
+          quote: "Polecam, surowce zawsze zgodne z opisem.",
+          tag: "Industrial",
+          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics_23-2149128336.jpg?_wi=3",
+          imageAlt: "professional manager portrait photo",
+        },
+        {
+          id: "3",
+          name: "Anna Zielińska",
+          date: "2024-03",
+          title: "Właściciel Firmy",
+          quote: "Szybka dostawa i bardzo elastyczne podejście.",
+          tag: "Partner",
+          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-inspecting-machines-cold-drink-factory_107420-96509.jpg?_wi=3",
+          imageAlt: "professional manager portrait photo",
+        },
+        {
+          id: "4",
+          name: "Tomasz Wójcik",
+          date: "2024-02",
+          title: "Kierownik Produkcji",
+          quote: "Stała jakość to nasz priorytet, a firma spełnia oczekiwania.",
+          tag: "Produkcja",
+          avatarSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/screws-box_23-2147773417.jpg?_wi=3",
+          imageAlt: "professional manager portrait photo",
+        },
+        {
+          id: "5",
+          name: "Ewa Adamczyk",
+          date: "2024-01",
+          title: "Procurement",
+          quote: "Profesjonalizm na każdym etapie współpracy.",
+          tag: "Współpraca",
+          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-manager-ceo-holding-tablet-walking-through-warehouse-storage-area-looking-towards-shelves_342744-1499.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/steel-pipes-put-together_1112-903.jpg?_wi=3",
+          imageAlt: "professional manager portrait photo",
+        },
+      ]}
       title="Opinie partnerów"
       description="Jesteśmy dumni ze współpracy z największymi zakładami w regionie."
     />
@@ -121,7 +348,23 @@ export default function LandingPage() {
       <FaqBase
       textboxLayout="split"
       useInvertedBackground={true}
-      faqs={[]}
+      faqs={[
+        {
+          id: "faq1",
+          title: "Jakie metale skupujecie?",
+          content: "Skupujemy większość metali kolorowych oraz stalowych – szczegółową listę znajdziesz w naszej ofercie.",
+        },
+        {
+          id: "faq2",
+          title: "Czy oferujecie transport?",
+          content: "Tak, zapewniamy własny transport dla zamówień hurtowych.",
+        },
+        {
+          id: "faq3",
+          title: "Jak uzyskać ofertę cenową?",
+          content: "Skorzystaj z formularza kontaktowego lub zadzwoń bezpośrednio.",
+        },
+      ]}
       title="Częste pytania"
       description="Masz pytania? Znajdź odpowiedzi na nurtujące kwestie."
       faqsAnimation="slide-up"
@@ -131,19 +374,64 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      background={{
+        variant: "plain",
+      }}
       tag="Kontakt"
       title="Zapytaj o dostępność surowców"
       description="Skontaktuj się z nami już dziś, aby ustalić warunki dostawy lub sprzedać swój złom przemysłowy."
       buttons={[
-        { text: "Wyślij e-mail", href: "mailto:biuro@ubyszkarol.pl" },
+        {
+          text: "Wyślij zapytanie",
+          href: "mailto:biuro@ubyszkarol.pl",
+        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
-      columns={[]}
+      columns={[
+        {
+          title: "Firma",
+          items: [
+            {
+              label: "O nas",
+              href: "#about",
+            },
+            {
+              label: "Usługi",
+              href: "#services",
+            },
+          ],
+        },
+        {
+          title: "Oferta",
+          items: [
+            {
+              label: "Produkty",
+              href: "#products",
+            },
+            {
+              label: "Współpraca",
+              href: "#contact",
+            },
+          ],
+        },
+        {
+          title: "Legalne",
+          items: [
+            {
+              label: "Polityka Prywatności",
+              href: "#",
+            },
+            {
+              label: "Regulamin",
+              href: "#",
+            },
+          ],
+        },
+      ]}
       logoText="Ubysz Karol"
     />
   </div>