Merge version_10 into main

Merge version_10 into main

src/app/contact/page.tsx

@@ -26,6 +26,7 @@ export default function ContactPage() {
             navItems={[
               { name: "About", id: "/#about" },
               { name: "Services", id: "/#services" },
+              { name: "Customers", id: "/customers" },
               { name: "Trust", id: "/#trust" },
               { name: "Contact", id: "/contact" },
             ]}

src/app/customers/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+
+export default function CustomersPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/#services" },
+              { name: "Customers", id: "/customers" },
+              { name: "Trust", id: "/#trust" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Still Trucking"
+          />
+        </div>
+
+        <div id="content" data-section="content">
+          <FeatureCardOne
+            title="Our Valued Customers"
+            description="We are proud to partner with industry-leading businesses, providing reliable and efficient freight solutions tailored to their unique logistics requirements."
+            features={[
+              { title: "Retail Industry", description: "High-volume distribution for retail supply chains.", imageSrc: "http://img.b2bpic.net/free-photo/retail-concept-with-paper-bags_23-2148421882.jpg" },
+              { title: "Manufacturing", description: "Just-in-time delivery for manufacturing components.", imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-industry-plant_23-2148906950.jpg" },
+              { title: "Consumer Goods", description: "Reliable transport for packaged consumer goods.", imageSrc: "http://img.b2bpic.net/free-photo/boxes-cardboard-warehouse-logistics_23-2149129598.jpg" },
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Still Trucking Inc"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/#about" }, { label: "Services", href: "/#services" }] },
+              { title: "Resources", items: [{ label: "FAQ", href: "/#faq" }, { label: "Safety", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,9 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -12,6 +9,8 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextAbout from '@/components/sections/about/TextAbout';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 
 export default function LandingPage() {
   return (
@@ -33,6 +32,7 @@ export default function LandingPage() {
       navItems={[
         { name: "About", id: "#about" },
         { name: "Services", id: "#services" },
+        { name: "Customers", id: "/customers" },
         { name: "Trust", id: "#trust" },
         { name: "Contact", id: "/contact" },
       ]}