From 1dfa6033cf170adba5b1a1fad29e4aab4de2f517 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 21:20:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 327 ++++++++++-------------------------------------
 1 file changed, 71 insertions(+), 256 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 034f16a..6c26f42 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,16 @@
 
 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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { Award, Truck, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,303 +30,118 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Prigo d.o.o."
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      logoText="Prigo d.o.o. Ub"
-      description="Your trusted partner in logistics and transport services based in Ub, Serbia. Professional, efficient, and reliable solutions for your business needs."
-      buttons={[
-        {
-          text: "Our Services",
-          href: "#services",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+      <HeroSplitDualMedia
+      title="Prigo d.o.o. Ub"
+      description="Professional, efficient, and reliable logistics and transport solutions in Serbia. We keep your business moving."
+      tag="Logistics Partner"
+      background={{ variant: "gradient-bars" }}
+      rating={5}
+      ratingText="Trusted by 500+ clients"
+      mediaItems={[
+          { imageSrc: "http://img.b2bpic.net/free-photo/man-working-warehouse_23-2148923082.jpg", imageAlt: "Logistics" },
+          { imageSrc: "http://img.b2bpic.net/free-photo/logistics-warehouse-with-empty-high-racks_181624-57353.jpg", imageAlt: "Warehouse" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-working-warehouse_23-2148923082.jpg"
-      mediaAnimation="slide-up"
-      imageAlt="logistics warehouse business background"
     />
   </div>
 
   <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "About ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821272.jpg",
-          alt: "Prigo Team",
-        },
-        {
-          type: "text",
-          content: " Our Business",
-        },
+      <MetricSplitMediaAbout
+      title="About Our Business"
+      description="With over 15 years of experience, we provide tailored transport and warehousing solutions."
+      metrics={[
+          { value: "15+", title: "Years Experience" },
+          { value: "500+", title: "Happy Clients" },
+          { value: "10k+", title: "Successes" }
       ]}
+      useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821272.jpg"
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardOne
+      <FeatureCardTwentySeven
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
+      textboxLayout="split"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "Transport Services",
-          description: "Reliable fleet for domestic and international transportation of goods.",
-          imageSrc: "http://img.b2bpic.net/free-vector/logistic-4-flat-icons-square-banner_1284-8012.jpg",
-          imageAlt: "logistics supply chain management icon",
-        },
-        {
-          title: "Warehousing",
-          description: "Safe and organized storage solutions for various industrial goods.",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-man-repairs-truck-man-with-tools_1157-46529.jpg",
-          imageAlt: "trucking fleet maintenance service",
-        },
-        {
-          title: "Logistics Planning",
-          description: "Efficient network planning to optimize your supply chain operations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/logistics-warehouse-with-empty-high-racks_181624-57353.jpg",
-          imageAlt: "logistics inventory control systems",
-        },
-      ]}
       title="Professional Logistics Services"
-      description="We specialize in providing top-tier transport and warehousing solutions tailored to the needs of modern industry."
+      description="Top-tier transport and warehousing tailored for your industry."
+      features={[
+          { id: "1", title: "Transport", descriptions: ["Efficient fleet for all needs."] },
+          { id: "2", title: "Warehousing", descriptions: ["Safe storage solutions."] },
+          { id: "3", title: "Logistics", descriptions: ["Network planning."] }
+      ]}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "Years Experience",
-          value: "15+",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          title: "Satisfied Clients",
-          value: "500+",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          title: "Successful Deliveries",
-          value: "10k+",
-          icon: Truck,
-        },
-      ]}
+      <MetricCardFourteen
       title="Reliability in Numbers"
-      description="Our track record speaks for itself through our commitment to service."
-    />
-  </div>
-
-  <div id="partners" data-section="partners">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Partner A",
-        "Partner B",
-        "Partner C",
-        "Partner D",
-        "Partner E",
+      tag="Our Impact"
+      metrics={[
+          { id: "m1", value: "15+", description: "Years Experience" },
+          { id: "m2", value: "500+", description: "Clients" },
+          { id: "m3", value: "10k+", description: "Deliveries" }
       ]}
-      title="Trusted by Leaders"
-      description="Our logistics network serves diverse partners across the region."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="one-large-left-three-stacked-right"
+      <TestimonialCardTwelve
+      cardTitle="Client Feedback"
+      cardTag="Testimonials"
+      cardAnimation="slide-up"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Marko Ilic",
-          role: "Logistics Manager",
-          company: "TradePro",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
-          imageAlt: "business person portrait professional",
-        },
-        {
-          id: "2",
-          name: "Jelena Petrovic",
-          role: "CEO",
-          company: "Industria",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
-          imageAlt: "business portrait middle aged",
-        },
-        {
-          id: "3",
-          name: "Stefan Nikolic",
-          role: "Operations",
-          company: "SupplyChain X",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
-          imageAlt: "happy client portrait professional",
-        },
-        {
-          id: "4",
-          name: "Ana Jovanovic",
-          role: "Director",
-          company: "Global Trade",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
-          imageAlt: "corporate professional portrait clean",
-        },
-        {
-          id: "5",
-          name: "Milan Stojkovic",
-          role: "Manager",
-          company: "BuildCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
-          imageAlt: "professional executive portrait confident",
-        },
+          { id: "1", name: "Marko Ilic", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" },
+          { id: "2", name: "Jelena Petrovic", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" }
       ]}
-      title="Client Feedback"
-      description="What our clients have to say about working with Prigo d.o.o."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer international shipping?",
-          content: "Yes, we handle international logistics for a wide range of goods.",
-        },
-        {
-          id: "f2",
-          title: "How can I request a quote?",
-          content: "You can reach out via our contact form or call us directly.",
-        },
-        {
-          id: "f3",
-          title: "What areas do you serve?",
-          content: "We primarily serve the Ub region and broader Serbia, with international capabilities.",
-        },
-      ]}
+      <FaqDouble
       title="Frequently Asked Questions"
-      description="Answers to common inquiries regarding our services."
       faqsAnimation="slide-up"
+      textboxLayout="default"
+      faqs={[
+        { id: "f1", title: "Do you offer international shipping?", content: "Yes, we handle international logistics." },
+        { id: "f2", title: "How to request a quote?", content: "Use our contact form." },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
+      <ContactCTA
+      tag="Contact"
       title="Get in Touch"
-      description="Ready to discuss your logistics needs? Reach out to Prigo d.o.o. today."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468861.jpg"
-      imageAlt="Scene with photorealistic logistics operations and proceedings"
+      description="Ready to discuss your logistics needs?"
+      buttons={[{ text: "Submit" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Transport",
-              href: "#services",
-            },
-            {
-              label: "Warehousing",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
+      <FooterLogoEmphasis
       logoText="Prigo d.o.o."
-      copyrightText="© 2025 Prigo d.o.o. Ub"
+      columns={[
+        { items: [{ label: "Services" }, { label: "About" }] },
+        { items: [{ label: "Contact" }, { label: "Privacy" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file