Merge version_10 into main

Merge version_10 into main

src/app/contact/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ContactPage() {
+  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="contact" data-section="contact">
+          <ContactCenter
+            tag="Get in touch"
+            title="Contact Our Team"
+            description="Reach out to us for any freight logistics inquiries and service requests."
+            background={{ variant: "plain" }}
+            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/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 (
@@ -31,9 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        { name: "About", id: "/about" },
-        { name: "Services", id: "/services" },
-        { name: "Trust", id: "/trust" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Customers", id: "/customers" },
+        { name: "Trust", id: "#trust" },
         { name: "Contact", id: "/contact" },
       ]}
       brandName="Still Trucking"
@@ -62,6 +62,102 @@ export default function LandingPage() {
         { imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468845.jpg", imageAlt: "Still Trucking Fleet L" },
       ]}
       buttons={[{ text: "Get a Quote", href: "/contact" }]}
+      avatars={[
+        { src: "http://img.b2bpic.net/free-photo/female-trucker-standing-front-parked-trucks-pointing-her-finger-transportation-vehicles_342744-281.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489726.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/truck-driver-occupation_342744-293.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/female-truck-driver-opening-cabin-door-entering-truck-vehicle_342744-286.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541864.jpg", alt: "User 5" },
+      ]}
+      avatarText="Trusted by 500+ satisfied businesses"
+      marqueeItems={[
+        { type: "image", src: "http://img.b2bpic.net/free-vector/abstract-circle-inside-square-logo_1043-92.jpg", alt: "Logo 1" },
+        { type: "image", src: "http://img.b2bpic.net/free-vector/logo-with-blue-arrow-green-arrow_1057-2159.jpg", alt: "Logo 2" },
+        { type: "image", src: "http://img.b2bpic.net/free-vector/abstract-blue-logo-with-circle-middle_1043-241.jpg", alt: "Logo 3" },
+        { type: "image", src: "http://img.b2bpic.net/free-vector/geometrik-logo-colorfuel_125964-423.jpg", alt: "Logo 4" },
+        { type: "image", src: "http://img.b2bpic.net/free-vector/collection-blue-logos_1045-551.jpg", alt: "Logo 5" },
+      ]}
+    />
+  </div>
+
+  <div id="about" data-section="about">
+      <TextAbout
+      useInvertedBackground={false}
+      title="Committed to Excellence in Transportation"
+    />
+  </div>
+
+  <div id="services" data-section="services">
+      <FeatureCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="uniform-all-items-equal"
+      useInvertedBackground={false}
+      features={[
+        { title: "Real-time Tracking", description: "Always know where your cargo is with our advanced digital monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg", imageAlt: "Tracking" },
+        { title: "Safety Guaranteed", description: "Strict compliance with safety standards ensures your freight arrives protected.", imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg", imageAlt: "Safety" },
+        { title: "Optimized Routes", description: "Our team ensures the fastest, most efficient transport paths for every delivery.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827318.jpg", imageAlt: "Routes" },
+      ]}
+      title="Comprehensive Freight Services"
+      description="We specialize in tailored logistics solutions to meet the demands of modern business."
+    />
+  </div>
+
+  <div id="metrics" data-section="metrics">
+      <MetricCardEleven
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      metrics={[
+        { id: "m1", value: "99.8%", title: "On-Time Delivery", description: "Consistency you can rely on.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827261.jpg", imageAlt: "Delivery" },
+        { id: "m2", value: "500+", title: "Trucks in Fleet", description: "Capacity for any job size.", imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg", imageAlt: "Fleet" },
+        { id: "m3", value: "24/7", title: "Support Availability", description: "Here when you need us.", imageSrc: "http://img.b2bpic.net/free-photo/man-truck-with-food-side-view_23-2149426529.jpg", imageAlt: "Support" },
+      ]}
+      title="Proven Performance"
+      description="Numbers that define our reliability in the trucking industry."
+    />
+  </div>
+
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="uniform-all-items-equal"
+      useInvertedBackground={false}
+      testimonials={[
+        { id: "1", name: "Sarah Jenkins", role: "Logistics Manager", company: "RetailCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-he-is-offering-red-toy_1298-210.jpg", imageAlt: "Sarah" },
+        { id: "2", name: "Mark Roberts", role: "Supply Chain Lead", company: "GlobalTrade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-showing-woman-where-sign-receive-order_23-2148455130.jpg", imageAlt: "Mark" },
+        { id: "3", name: "Emily Chen", role: "Operations Director", company: "EcoGoods", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg", imageAlt: "Emily" },
+        { id: "4", name: "David Miller", role: "Buyer", company: "AutoPartsCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-courier-handshaking-with-african-american-woman-while-delivering-her-package_637285-2270.jpg", imageAlt: "David" },
+        { id: "5", name: "Julia Smith", role: "Owner", company: "LocalDist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg", imageAlt: "Julia" },
+      ]}
+      title="Trusted by Industry Leaders"
+      description="See why top companies choose Still Trucking for their logistics."
+    />
+  </div>
+
+  <div id="trust" data-section="trust">
+      <SocialProofOne
+      textboxLayout="default"
+      useInvertedBackground={false}
+      names={[
+        "RetailCorp", "GlobalTrade", "EcoGoods", "AutoPartsCo", "LocalDist", "FreightLink", "SupplyMax"
+      ]}
+      title="Industry Partners"
+      description="Our logistics network extends across key business corridors."
+    />
+  </div>
+
+  <div id="faq" data-section="faq">
+      <FaqSplitText
+      useInvertedBackground={false}
+      faqs={[
+        { id: "f1", title: "What areas do you serve?", content: "We provide regional and national trucking services across North America." },
+        { id: "f2", title: "How do I request a quote?", content: "Simply fill out our contact form or call us to get a tailored logistics proposal." },
+        { id: "f3", title: "Are my goods insured?", content: "All shipments under our care are fully insured to provide peace of mind." },
+      ]}
+      sideTitle="Frequently Asked Questions"
+      faqsAnimation="slide-up"
     />
   </div>
 
@@ -69,8 +165,8 @@ export default function LandingPage() {
       <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: "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: "#" }] },
       ]}
     />

src/app/services/page.tsx

@@ -1,59 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-
-export default function ServicesPage() {
-  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>
-        <NavbarStyleApple
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "About", id: "/about" },
-                { name: "Services", id: "/services" },
-                { name: "Contact", id: "/contact" },
-            ]}
-            brandName="Still Trucking"
-        />
-        <div id="services" data-section="services">
-            <FeatureCardOne
-                animationType="slide-up"
-                textboxLayout="default"
-                gridVariant="uniform-all-items-equal"
-                useInvertedBackground={false}
-                features={[
-                    { title: "Real-time Tracking", description: "Always know where your cargo is with our advanced digital monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-tablet_23-2149035867.jpg", imageAlt: "Tracking" },
-                    { title: "Safety Guaranteed", description: "Strict compliance with safety standards ensures your freight arrives protected.", imageSrc: "http://img.b2bpic.net/free-photo/female-worker-using-tablet-pc-warehouse_107420-96539.jpg", imageAlt: "Safety" },
-                    { title: "Optimized Routes", description: "Our team ensures the fastest, most efficient transport paths for every delivery.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827318.jpg", imageAlt: "Routes" },
-                ]}
-                title="Comprehensive Freight Services"
-                description="We specialize in tailored logistics solutions to meet the demands of modern business."
-            />
-        </div>
-        <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: "#" }] },
-            ]}
-        />
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}