Add src/app/services/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "About", id: "/about" },
-          name: "About",          id: "#about"},
+        { name: "Services", id: "/services" },
-        {
+        { name: "Trust", id: "/trust" },
-          name: "Services",          id: "#services"},
+        { name: "Contact", id: "/contact" },
-        {
-          name: "Trust",          id: "#trust"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       brandName="Still Trucking"
     />
@@ -46,8 +42,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       title="Reliable Freight Solutions for Every Mile"
       description="Still Trucking Inc provides premium, secure, and on-time logistics services across the nation. Trusted by enterprises to keep supply chains moving."
       leftCarouselItems={[
@@ -66,134 +61,7 @@ export default function LandingPage() {
         { imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-products_23-2151541833.jpg", imageAlt: "Still Trucking Fleet K" },
         { 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" }]}
+      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>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Get in touch"
-      title="Ready to get moving?"
-      description="Contact our team today to discuss your freight requirements."
-      imageSrc="http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics_23-2149128334.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
@@ -201,30 +69,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Still Trucking Inc"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
-          title: "Company",          items: [
+        { title: "Resources", items: [{ label: "FAQ", href: "/faq" }, { label: "Safety", href: "#" }] },
-            {
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-              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>

src/app/services/page.tsx

@@ -0,0 +1,59 @@
+"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>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5faff;
-  --card: #f9f9f9;
+  --card: #f1f8ff;
-  --foreground: #000f06e6;
+  --foreground: #001122;
-  --primary-cta: #0a7039;
+  --primary-cta: #15479c;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #f5faff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000f06e6;
+  --secondary-cta-text: #001122;
-  --accent: #e2e2e2;
+  --accent: #a8cce8;
-  --background-accent: #c4c4c4;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);