From f482536553ee4efbc906f320517fa81a0742db6b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 15:58:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 403 ++++++++++++++++-------------------------------
 1 file changed, 133 insertions(+), 270 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2c14e82..d7e153e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,287 +20,150 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="SG Group"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="SG Group"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="SG Group, s.r.o."
-      description="Premium transport solutions driven by professionalism, reliability, and precision."
-      buttons={[
-        {
-          text: "Request a Quote",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967305.jpg",
-          imageAlt: "Hero truck",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-by-truck-guy-delivery-uniform-man-with-clipboard_1157-46178.jpg",
-          imageAlt: "Hero truck",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg",
-          imageAlt: "Hero truck",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/drivers-door-white-truck_53876-160498.jpg",
-          imageAlt: "Hero truck",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-climbing-retro-train_23-2147770307.jpg",
-          imageAlt: "Hero truck",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-field-sunset_23-2152009009.jpg",
-          imageAlt: "Hero truck",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "sparkles-gradient" }}
+            title="SG Group, s.r.o."
+            description="Premium transport solutions driven by professionalism, reliability, and precision."
+            buttons={[{ text: "Request a Quote", href: "#contact" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967305.jpg", imageAlt: "Hero truck" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-by-truck-guy-delivery-uniform-man-with-clipboard_1157-46178.jpg", imageAlt: "Hero truck" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg", imageAlt: "Hero truck" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/drivers-door-white-truck_53876-160498.jpg", imageAlt: "Hero truck" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-climbing-retro-train_23-2147770307.jpg", imageAlt: "Hero truck" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-field-sunset_23-2152009009.jpg", imageAlt: "Hero truck" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Professionalism & Precision"
-      description="SG Group, s.r.o. delivers high-end transport services with a strong focus on safety, professionalism, and customer satisfaction. Our modern fleet and experienced drivers ensure every journey is smooth, efficient, and reliable."
-      metrics={[
-        {
-          value: "100+",
-          title: "Clients Served",
-        },
-        {
-          value: "50+",
-          title: "Modern Vehicles",
-        },
-        {
-          value: "24/7",
-          title: "Operations",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/smart-factory-expert-using-digital-device-app-test-automated-systems-closeup_482257-126768.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Professionalism & Precision"
+            description="SG Group, s.r.o. delivers high-end transport services with a strong focus on safety, professionalism, and customer satisfaction. Our modern fleet and experienced drivers ensure every journey is smooth, efficient, and reliable."
+            metrics={[
+              { value: "100+", title: "Clients Served" },
+              { value: "50+", title: "Modern Vehicles" },
+              { value: "24/7", title: "Operations" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/smart-factory-expert-using-digital-device-app-test-automated-systems-closeup_482257-126768.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          label: "Transport",
-          title: "Freight Transport",
-          items: [
-            "Regional delivery",
-            "Long-haul freight",
-            "Express shipping",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Logistics",
-          title: "Logistics Solutions",
-          items: [
-            "Supply chain consulting",
-            "Inventory management",
-            "Route planning",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Drivers",
-          title: "Professional Drivers",
-          items: [
-            "Certified experts",
-            "Safety training",
-            "Client focus",
-          ],
-        },
-      ]}
-      title="Our Specialized Services"
-      description="Comprehensive logistics and transport solutions tailored to meet the unique demands of your industry."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", label: "Transport", title: "Freight Transport", items: ["Regional delivery", "Long-haul freight", "Express shipping"] },
+              { id: "f2", label: "Logistics", title: "Logistics Solutions", items: ["Supply chain consulting", "Inventory management", "Route planning"] },
+              { id: "f3", label: "Drivers", title: "Professional Drivers", items: ["Certified experts", "Safety training", "Client focus"] }
+            ]}
+            title="Our Specialized Services"
+            description="Comprehensive logistics and transport solutions tailored to meet the unique demands of your industry."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "99.8%",
-          title: "On-time Delivery",
-          description: "Reliable timelines.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "5M+",
-          title: "KM Driven",
-          description: "Safe distance covered.",
-          icon: Zap,
-        },
-        {
-          id: "m3",
-          value: "15+",
-          title: "Years Experience",
-          description: "Industry expertise.",
-          icon: Award,
-        },
-      ]}
-      title="Driving Results Daily"
-      description="Our operational excellence is quantified through reliability and consistent growth."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "99.8%", title: "On-time Delivery", description: "Reliable timelines.", icon: CheckCircle },
+              { id: "m2", value: "5M+", title: "KM Driven", description: "Safe distance covered.", icon: Zap },
+              { id: "m3", value: "15+", title: "Years Experience", description: "Industry expertise.", icon: Award }
+            ]}
+            title="Driving Results Daily"
+            description="Our operational excellence is quantified through reliability and consistent growth."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Jirka Prochajda",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg",
-        },
-        {
-          id: "t2",
-          name: "Petr Novák",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-smiling_74855-1517.jpg",
-        },
-        {
-          id: "t3",
-          name: "Anna Svobodová",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Kovář",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-        },
-        {
-          id: "t5",
-          name: "Martin Černý",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-employee-authenticates-customers-deliver-parcels-office_1150-52114.jpg",
-        },
-      ]}
-      cardTitle="Client Success Stories"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Jirka Prochajda", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg" },
+              { id: "t2", name: "Petr Novák", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-smiling_74855-1517.jpg" },
+              { id: "t3", name: "Anna Svobodová", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg" },
+              { id: "t4", name: "David Kovář", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
+              { id: "t5", name: "Martin Černý", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-authenticates-customers-deliver-parcels-office_1150-52114.jpg" }
+            ]}
+            cardTitle="Client Success Stories"
+            cardTag="Testimonials"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Logistix Co",
-        "FreightFlow",
-        "TruckPro",
-        "ShipGlobal",
-        "CargoHub",
-        "TransNet",
-        "SolutionWare",
-      ]}
-      title="Trusted Partners"
-      description="Proudly working with industry leaders in logistics and beyond."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Logistix Co", "FreightFlow", "TruckPro", "ShipGlobal", "CargoHub", "TransNet", "SolutionWare"]}
+            title="Trusted Partners"
+            description="Proudly working with industry leaders in logistics and beyond."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "What areas do you serve?",
-          content: "We provide nationwide and international transport services.",
-        },
-        {
-          id: "q2",
-          title: "How do I request a quote?",
-          content: "Simply fill out our contact form and our team will get back to you promptly.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer logistics management?",
-          content: "Yes, we specialize in comprehensive supply chain and logistics solutions.",
-        },
-      ]}
-      title="Common Questions"
-      description="Answers to your most frequently asked questions about our services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "What areas do you serve?", content: "We provide nationwide and international transport services." },
+              { id: "q2", title: "How do I request a quote?", content: "Simply fill out our contact form and our team will get back to you promptly." },
+              { id: "q3", title: "Do you offer logistics management?", content: "Yes, we specialize in comprehensive supply chain and logistics solutions." }
+            ]}
+            title="Common Questions"
+            description="Answers to your most frequently asked questions about our services."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Ready to Work With Us?"
-      description="Experience transport services that set a new standard. Get in touch with our team today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Ready to Work With Us?"
+            description="Experience transport services that set a new standard. Get in touch with our team today."
+            buttons={[{ text: "Contact Us", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="SG Group, s.r.o."
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="SG Group, s.r.o."
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1