Update theme colors

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="LogisticsFlow"
     />
@@ -54,41 +46,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Logistics That Moves Your Business Forward"
       description="Realtime tracking, reliable delivery, and supply chain solutions built for growth. Partner with logistics experts who understand your industry."
       buttons={[
         {
-          text: "Get a Quote Today",
-          href: "#contact",
-        },
+          text: "Get a Quote Today",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt-with-cardboard-boxes-warehouse_23-2152001545.jpg",
-          imageAlt: "Logistics tech hub",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt-with-cardboard-boxes-warehouse_23-2152001545.jpg",          imageAlt: "Logistics tech hub"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg",
-          imageAlt: "Digital cargo tracking",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg",          imageAlt: "Digital cargo tracking"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/trucking-logistics-fleet-management-technology_23-2151989548.jpg",
-          imageAlt: "Smart freight transit",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-company-professional-agent-sitting-desk-office-workspace-while-trying-predict-market-trend-forex-stock-trader-monitoring-live-financial-graphs-order-gain-profits_482257-44541.jpg",
-          imageAlt: "Control center",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-employees-inspecting_482257-75341.jpg",
-          imageAlt: "Last mile delivery",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662921.jpg",
-          imageAlt: "Global connectivity",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/trucking-logistics-fleet-management-technology_23-2151989548.jpg",          imageAlt: "Smart freight transit"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -100,9 +71,7 @@ export default function LandingPage() {
       title="Driven by Efficiency, Committed to Growth."
       buttons={[
         {
-          text: "Our Mission",
-          href: "#services",
-        },
+          text: "Our Mission",          href: "#services"},
       ]}
     />
   </div>
@@ -114,17 +83,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "No hidden shipping fees",
-          "No lack of communication",
-          "No generic logistics plans",
-        ],
+          "No hidden shipping fees",          "No lack of communication",          "No generic logistics plans"],
       }}
       positiveCard={{
         items: [
-          "End-to-end transparency",
-          "Scalable fulfillment solutions",
-          "Industry-leading delivery speed",
-        ],
+          "End-to-end transparency",          "Scalable fulfillment solutions",          "Industry-leading delivery speed"],
       }}
       title="Why Global Partners Trust Us"
       description="We offer a distinct approach to supply chain management that prioritizes your business outcomes."
@@ -139,20 +102,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "99.8%",
-          description: "On-time Delivery Rate",
-        },
+          id: "m1",          value: "99.8%",          description: "On-time Delivery Rate"},
         {
-          id: "m2",
-          value: "250+",
-          description: "Global Hubs",
-        },
+          id: "m2",          value: "250+",          description: "Global Hubs"},
         {
-          id: "m3",
-          value: "5M+",
-          description: "Packages Shipped Annually",
-        },
+          id: "m3",          value: "5M+",          description: "Packages Shipped Annually"},
       ]}
       title="Proven Performance"
       description="Numbers speak for our reliability."
@@ -167,41 +121,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Freight Cargo",
-          price: "Custom Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/shipping-container-being-lifted-by-crane-port_23-2152005474.jpg",
-        },
+          id: "p1",          name: "Freight Cargo",          price: "Custom Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/shipping-container-being-lifted-by-crane-port_23-2152005474.jpg"},
         {
-          id: "p2",
-          name: "Automation Sorting",
-          price: "Integrated",
-          imageSrc: "http://img.b2bpic.net/free-photo/stockroom-manager-working-merchandise-inventory_482257-77590.jpg",
-        },
+          id: "p2",          name: "Automation Sorting",          price: "Integrated",          imageSrc: "http://img.b2bpic.net/free-photo/stockroom-manager-working-merchandise-inventory_482257-77590.jpg"},
         {
-          id: "p3",
-          name: "Tracking Portal",
-          price: "Free Access",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg",
-        },
-        {
-          id: "p4",
-          name: "Supply Analysis",
-          price: "Upon Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
-        },
-        {
-          id: "p5",
-          name: "Branded Packaging",
-          price: "Per Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/boxes-differents-sizes_1101-99.jpg",
-        },
-        {
-          id: "p6",
-          name: "Port Terminal Ops",
-          price: "Strategic",
-          imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-sailing-through-ocean_23-2152005472.jpg",
-        },
+          id: "p3",          name: "Tracking Portal",          price: "Free Access",          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg"},
       ]}
       title="Our Shipping Solutions"
       description="From local freight to international fulfillment, we manage your inventory with precision."
@@ -215,59 +139,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          company: "GlobalTrade Inc.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-tablet_23-2149271749.jpg",
-        },
+          id: "t1",          name: "Sarah Johnson",          role: "CEO",          company: "GlobalTrade Inc.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-tablet_23-2149271749.jpg"},
         {
-          id: "t2",
-          name: "Michael Chen",
-          role: "Supply Chain Lead",
-          company: "InnovateLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-posing-while-holding-laptop_23-2148817115.jpg",
-        },
-        {
-          id: "t3",
-          name: "David Kim",
-          role: "Founder",
-          company: "StartupXYZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-writing-document_1170-1024.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena Rossi",
-          role: "Logistics Director",
-          company: "FashionGo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
-        },
-        {
-          id: "t5",
-          name: "Mark Wilson",
-          role: "Operations Manager",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886879.jpg",
-        },
+          id: "t2",          name: "Michael Chen",          role: "Supply Chain Lead",          company: "InnovateLab",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-posing-while-holding-laptop_23-2148817115.jpg"},
       ]}
       kpiItems={[
         {
-          value: "4.9/5",
-          label: "Client Rating",
-        },
+          value: "4.9/5",          label: "Client Rating"},
         {
-          value: "100%",
-          label: "Compliance",
-        },
+          value: "100%",          label: "Compliance"},
         {
-          value: "24/7",
-          label: "Support Availability",
-        },
+          value: "24/7",          label: "Support Availability"},
       ]}
       title="Trusted by Leaders"
       description="Our commitment to supply chain excellence speaks for itself."
@@ -275,66 +159,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Get Started"
-      title="Optimize Your Shipping Strategy"
-      description="Contact our supply chain experts today for a tailored logistics plan that scales with your growth."
-      imageSrc="http://img.b2bpic.net/free-photo/aerial-view-busy-shipping-port-with-colorful-cargo-containers_23-2152005485.jpg"
-      mediaAnimation="slide-up"
+      <ContactCTA
+      tag="Get Started"
+      title="Optimize Your Logistics"
+      description="Contact us to scale your operations."
+      buttons={[
+          { text: "Contact Sales", href: "#" }
+      ]}
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="LogisticsFlow"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Freight",
-              href: "#",
-            },
-            {
-              label: "Fulfillment",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #1f4035;
-  --foreground: #ffffff;
-  --primary-cta: #ffffff;
-  --primary-cta-text: #051a12;
-  --secondary-cta: #0d2b1f;
-  --secondary-cta-text: #d4f6e8;
-  --accent: #0d5238;
-  --background-accent: #10b981;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #fffffae6;
+  --primary-cta: #fde047;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #fffffae6;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);