From ad27512e5c64efb528e731cee9c46d4993393162 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 12:45:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 513 +++++++++++++++--------------------------------
 1 file changed, 161 insertions(+), 352 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 51864f9..c3ffa49 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,370 +17,179 @@ import TextAbout from '@/components/sections/about/TextAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      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: "Home",
-          id: "#home",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Dunlop Container - AMR Tyres"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#home" },
+              { name: "About", id: "#about" },
+              { name: "Products", id: "#products" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="Dunlop Container - AMR Tyres"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroCentered
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Unrivalled Tyre Engineering for Global Logistics"
-      description="Dunlop Container - AMR Tyres delivers world-class tyre solutions designed for heavy-duty performance, durability, and maximum efficiency. Powering the backbone of modern transport."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/supervisor-manager-male-engineer-worker-wears-uniform-working-hand-use-laptop-stock-checking-store-warehouse-shipping-industrial-team-with-safety-helmet-checking-quantity-product-shelf_609648-793.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-mechanic-showing-ok-gesture-with-his-thumb-while-holding-wrench_146671-19719.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32009.jpg",
-          alt: "Customer",
-        },
-      ]}
-      avatarText="Trusted by 500+ Fleet Partners"
-      buttons={[
-        {
-          text: "View Range",
-          href: "#products",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "ISO 9001 Certified",
-        },
-        {
-          type: "text",
-          text: "Heavy-Duty Compound",
-        },
-        {
-          type: "text",
-          text: "24/7 Global Support",
-        },
-        {
-          type: "text",
-          text: "All-Terrain Capability",
-        },
-        {
-          type: "text",
-          text: "Sustainability Focused",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroCentered
+            background={{ variant: "sparkles-gradient" }}
+            title="Unrivalled Tyre Engineering for Global Logistics"
+            description="Dunlop Container - AMR Tyres delivers world-class tyre solutions designed for heavy-duty performance, durability, and maximum efficiency. Powering the backbone of modern transport."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/supervisor-manager-male-engineer-worker-wears-uniform-working-hand-use-laptop-stock-checking-store-warehouse-shipping-industrial-team-with-safety-helmet-checking-quantity-product-shelf_609648-793.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-mechanic-showing-ok-gesture-with-his-thumb-while-holding-wrench_146671-19719.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32009.jpg", alt: "Customer" }
+            ]}
+            avatarText="Trusted by 500+ Fleet Partners"
+            buttons={[{ text: "View Range", href: "#products" }]}
+            marqueeItems={[
+              { type: "text", text: "ISO 9001 Certified" },
+              { type: "text", text: "Heavy-Duty Compound" },
+              { type: "text", text: "24/7 Global Support" },
+              { type: "text", text: "All-Terrain Capability" },
+              { type: "text", text: "Sustainability Focused" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Precision engineered to outlast the competition."
-      buttons={[
-        {
-          text: "Our Heritage",
-          href: "#about",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Precision engineered to outlast the competition."
+            buttons={[{ text: "Our Heritage", href: "#about" }]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Hyper-Road Pro",
-          price: "$450",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31692.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Off-Road Titan",
-          price: "$620",
-          imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483040.jpg",
-        },
-        {
-          id: "p3",
-          name: "Slick Track Racer",
-          price: "$580",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31994.jpg",
-        },
-        {
-          id: "p4",
-          name: "All-Season Guard",
-          price: "$390",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15666.jpg",
-        },
-        {
-          id: "p5",
-          name: "Arctic Winter Elite",
-          price: "$480",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-checking-car-wheel_23-2149236015.jpg",
-        },
-        {
-          id: "p6",
-          name: "Container Heavy-Duty",
-          price: "$850",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-white-people-with-off-road-car-driving-adventure_23-2151476203.jpg",
-        },
-      ]}
-      title="Premium Tyre Selection"
-      description="Our specialized container and road transport tyres."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Hyper-Road Pro", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31692.jpg" },
+              { id: "p2", name: "Off-Road Titan", price: "$620", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483040.jpg" },
+              { id: "p3", name: "Slick Track Racer", price: "$580", imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31994.jpg" },
+              { id: "p4", name: "All-Season Guard", price: "$390", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15666.jpg" },
+              { id: "p5", name: "Arctic Winter Elite", price: "$480", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-checking-car-wheel_23-2149236015.jpg" },
+              { id: "p6", name: "Container Heavy-Duty", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/black-white-people-with-off-road-car-driving-adventure_23-2151476203.jpg" }
+            ]}
+            title="Premium Tyre Selection"
+            description="Our specialized container and road transport tyres."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "1.2M",
-          title: "Tyres Delivered",
-          items: [
-            "Global Logistics",
-            "Heavy Industrial",
-            "Road Transport",
-          ],
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "Client Retention",
-          items: [
-            "High Reliability",
-            "Long-term Support",
-            "Customer Satisfaction",
-          ],
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Fleet Support",
-          items: [
-            "Global Coverage",
-            "Immediate Response",
-            "Technical Experts",
-          ],
-        },
-      ]}
-      title="Proven Performance Results"
-      description="Metrics that drive our industrial growth."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "1.2M", title: "Tyres Delivered", items: ["Global Logistics", "Heavy Industrial", "Road Transport"] },
+              { id: "m2", value: "98%", title: "Client Retention", items: ["High Reliability", "Long-term Support", "Customer Satisfaction"] },
+              { id: "m3", value: "24/7", title: "Fleet Support", items: ["Global Coverage", "Immediate Response", "Technical Experts"] }
+            ]}
+            title="Proven Performance Results"
+            description="Metrics that drive our industrial growth."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Real-time Pressure",
-          description: "Continuous monitoring of tyre health for safety.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-hand-holding-smartphone-use-car-insurance-application-online-after-his-broken-car-insurance-concept_493343-29993.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/mid-section-man-using-digital-tablet-mobile-phone-while-charging-electric-car_107420-94882.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-car-dealership_23-2148332950.jpg",
-          imageAlt: "mobile app tyre pressure monitor",
-        },
-        {
-          title: "Wear Prediction",
-          description: "Predictive maintenance to reduce fleet downtime.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163660.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-hand-car-repair-service-center-blurred-background_493343-30003.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-with-pneumatic-wrench_1170-1218.jpg",
-          imageAlt: "mobile app tyre pressure monitor",
-        },
-        {
-          title: "Logistics Sync",
-          description: "Automatic reporting to fleet management systems.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-mobile-phone-calling-somebody-car-flat-tire-background_1150-6268.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-man-car-looking-his-smartphone_23-2147812022.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31692.jpg?_wi=2",
-          imageAlt: "mobile app tyre pressure monitor",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Smart Tyre Monitoring Technology"
-      description="Integrate real-time data into your logistics chain."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            showStepNumbers={true}
+            title="Smart Tyre Monitoring Technology"
+            description="Integrate real-time data into your logistics chain."
+            features={[
+              {
+                title: "Real-time Pressure",                description: "Continuous monitoring of tyre health for safety.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-hand-holding-smartphone-use-car-insurance-application-online-after-his-broken-car-insurance-concept_493343-29993.jpg", imageAlt: "mobile app tyre pressure monitor" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mid-section-man-using-digital-tablet-mobile-phone-while-charging-electric-car_107420-94882.jpg", imageAlt: "mobile app tyre pressure monitor" }
+              },
+              {
+                title: "Wear Prediction",                description: "Predictive maintenance to reduce fleet downtime.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163660.jpg", imageAlt: "mobile app tyre pressure monitor" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-hand-car-repair-service-center-blurred-background_493343-30003.jpg", imageAlt: "mobile app tyre pressure monitor" }
+              },
+              {
+                title: "Logistics Sync",                description: "Automatic reporting to fleet management systems.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-mobile-phone-calling-somebody-car-flat-tire-background_1150-6268.jpg", imageAlt: "mobile app tyre pressure monitor" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-man-car-looking-his-smartphone_23-2147812022.jpg", imageAlt: "mobile app tyre pressure monitor" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Global Trans",
-        "Logistics X",
-        "Heavy Gear",
-        "RoadMaster",
-        "FastHaul",
-        "ContainerCo",
-        "Elite Transport",
-      ]}
-      title="Industry Partners"
-      description="Driving the global logistics chain together."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Global Trans", "Logistics X", "Heavy Gear", "RoadMaster", "FastHaul", "ContainerCo", "Elite Transport"]}
+            title="Industry Partners"
+            description="Driving the global logistics chain together."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "John Doe",
-          role: "CEO",
-          testimonial: "Exceptional durability in extreme conditions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          role: "Logistics Manager",
-          testimonial: "The best tyre choice for our container fleet.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mike Ross",
-          role: "Lead Engineer",
-          testimonial: "Superior engineering and technical support.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-working-car-parts_1170-1471.jpg",
-        },
-        {
-          id: "t4",
-          name: "Anna Brown",
-          role: "Fleet Owner",
-          testimonial: "Increased efficiency across the board.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-biker-enjoying-night-city-life_158595-3334.jpg",
-        },
-        {
-          id: "t5",
-          name: "Tom White",
-          role: "Driver",
-          testimonial: "Unmatched grip and reliability on long hauls.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489802.jpg",
-        },
-      ]}
-      title="Client Success Stories"
-      description="What industry leaders say about Dunlop Container."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Client Success Stories"
+            description="What industry leaders say about Dunlop Container."
+            testimonials={[
+              { id: "t1", name: "John Doe", role: "CEO", testimonial: "Exceptional durability in extreme conditions.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg" },
+              { id: "t2", name: "Jane Smith", role: "Logistics Manager", testimonial: "The best tyre choice for our container fleet.", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg" },
+              { id: "t3", name: "Mike Ross", role: "Lead Engineer", testimonial: "Superior engineering and technical support.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-working-car-parts_1170-1471.jpg" },
+              { id: "t4", name: "Anna Brown", role: "Fleet Owner", testimonial: "Increased efficiency across the board.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-biker-enjoying-night-city-life_158595-3334.jpg" },
+              { id: "t5", name: "Tom White", role: "Driver", testimonial: "Unmatched grip and reliability on long hauls.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489802.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How long do container tyres last?",
-          content: "Our high-density tyres are engineered for 200,000+ kms under standard conditions.",
-        },
-        {
-          id: "f2",
-          title: "Can you handle bulk orders?",
-          content: "Yes, we scale production for enterprise-level fleet logistics.",
-        },
-        {
-          id: "f3",
-          title: "Do you provide installation service?",
-          content: "We work with a global network of certified installation partners.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            sideTitle="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "How long do container tyres last?", content: "Our high-density tyres are engineered for 200,000+ kms under standard conditions." },
+              { id: "f2", title: "Can you handle bulk orders?", content: "Yes, we scale production for enterprise-level fleet logistics." },
+              { id: "f3", title: "Do you provide installation service?", content: "We work with a global network of certified installation partners." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Contact Us"
-      title="Get in touch for bespoke tyre solutions."
-      description="Our experts are ready to assist with your fleet requirements."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Contact Us"
+            title="Get in touch for bespoke tyre solutions."
+            description="Our experts are ready to assist with your fleet requirements."
+            buttons={[{ text: "Contact Support", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Dunlop Container - AMR Tyres"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Support",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Dunlop Container - AMR Tyres"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Contact Support", href: "#contact" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1