Merge version_3 into main

Merge version_3 into main

src/app/home/page.tsx

@@ -0,0 +1,271 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { Box, Truck, Users } from "lucide-react";
+
+export default function LandingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="none"
+        cardStyle="inset"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleFullscreen
+      navItems={[
+        {
+          name: "Cover",          id: "/"},
+        {
+          name: "About",          id: "#about"},
+        {
+          name: "Rock Types",          id: "#products"},
+        {
+          name: "Services",          id: "#services"},
+        {
+          name: "Testimonials",          id: "#testimonials"},
+        {
+          name: "Contact",          id: "#contact"},
+      ]}
+      brandName="Reece Transportation"
+      button={{
+        text: "Get a Quote",        href: "#contact"}}
+    />
+  </div>
+
+  <div id="hero" data-section="hero">
+      <HeroBillboardGallery
+      background={{
+        variant: "plain"}}
+      title="Delivering Premium Rock Materials With Precision"
+      description="Reece Transportation specializes in hauling and supplying high-quality rock materials for residential, commercial, and industrial projects. Reliable delivery. Professional service. Premium materials."
+      tag="Trusted Transportation & Aggregate Supply"
+      buttons={[
+        {
+          text: "Request A Quote",          href: "#contact"},
+        {
+          text: "View Rock Selection",          href: "#products"},
+      ]}
+      mediaItems={[
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307752.jpg",          imageAlt: "Large semi-truck hauling gravel"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194833.jpg",          imageAlt: "Dump truck unloading gravel at construction site"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13348.jpg",          imageAlt: "Large pile of various rocks and gravel"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/aerial-top-view-straight-paved-highway-road-with-single-car-running-along-seashore_181624-42351.jpg",          imageAlt: "View from inside a truck cab on the road"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541922.jpg",          imageAlt: "Fleet of semi-trucks parked at night"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/man-with-woman-tying-shoelace-by-vehicle-field_107420-9774.jpg",          imageAlt: "Drone view of truck hauling rocks on rural road"},
+      ]}
+      mediaAnimation="opacity"
+    />
+  </div>
+
+  <div id="about" data-section="about">
+      <SplitAbout
+      textboxLayout="default"
+      useInvertedBackground={true}
+      imagePosition="right"
+      title="Built On Reliability, Strength, And Professional Service."
+      description="From construction sites to luxury landscaping projects, Reece Transportation delivers premium aggregate materials with dependable logistics and unmatched customer care.\n\nWhether you need limestone, gravel, decorative rock, or large-scale hauling, our team is committed to providing fast delivery, clean materials, and trusted transportation services."
+      tag="About Reece Transportation"
+      bulletPoints={[
+        {
+          title: "Dependable Logistics",          description: "Ensuring timely and efficient delivery for every project.",          icon: Truck,
+        },
+        {
+          title: "Quality Materials",          description: "Supplying only the highest-grade rock and aggregate products.",          icon: Box,
+        },
+        {
+          title: "Exceptional Service",          description: "Our experienced team provides professional and courteous support from start to finish.",          icon: Users,
+        },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/dry-hill-sunny-day_23-2147770363.jpg"
+      imageAlt="Large pile of gravel and rocks at an outdoor site"
+      mediaBadge={{
+        text: "10+ Years Of Transportation Experience"}}
+      mediaAnimation="opacity"
+    />
+  </div>
+
+  <div id="products" data-section="products">
+      <ProductCardFour
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
+      products={[
+        {
+          id: "limestone",          name: "Limestone",          price: "$25/ton",          variant: "Standard Grade",          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702194.jpg",          imageAlt: "Premium limestone for driveways, foundations, and commercial projects."},
+        {
+          id: "river-rock",          name: "River Rock",          price: "$40/ton",          variant: "Decorative Grade",          imageSrc: "http://img.b2bpic.net/free-photo/hand-washing-sink_1339-6854.jpg",          imageAlt: "Smooth decorative river rock perfect for landscaping and outdoor design."},
+        {
+          id: "crushed-gravel",          name: "Crushed Gravel",          price: "$20/ton",          variant: "Base Material",          imageSrc: "http://img.b2bpic.net/free-photo/stones-floor_1417-1646.jpg",          imageAlt: "Reliable crushed gravel for construction, drainage, and road base."},
+        {
+          id: "granite-rock",          name: "Granite Rock",          price: "$50/ton",          variant: "Premium Grade",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-wall-stone-texture_17005-1945.jpg",          imageAlt: "Durable granite material built for long-lasting strength and premium finishes."},
+        {
+          id: "sand-material",          name: "Utility Sand",          price: "$15/ton",          variant: "Multi-Purpose",          imageSrc: "http://img.b2bpic.net/free-photo/ghost-crab_1339-1634.jpg",          imageAlt: "Fine sand for masonry, infill, and utility projects."},
+        {
+          id: "topsoil-material",          name: "Premium Topsoil",          price: "$30/yard",          variant: "Landscaping Ready",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-concept_23-2148127946.jpg",          imageAlt: "Rich, fertile topsoil for gardens, lawns, and landscaping."},
+      ]}
+      title="Materials For Every Project"
+      description="Browse premium rock materials available for hauling and delivery. Designed for landscaping, construction, drainage, driveways, and large-scale development projects."
+      tag="Premium Rock Selection"
+    />
+  </div>
+
+  <div id="services" data-section="services">
+      <FeatureCardTwentySeven
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      features={[
+        {
+          id: "rock-delivery",          title: "Rock Delivery",          descriptions: [
+            "Fast and dependable rock hauling for construction sites, homes, and commercial projects."],
+          imageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-127.jpg",          imageAlt: "Delivery truck on road"},
+        {
+          id: "bulk-supply",          title: "Bulk Material Supply",          descriptions: [
+            "Large-volume aggregate delivery with consistent quality and professional coordination."],
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-snowy-mountains-with-blue-cloudy-sky-daytime_181624-8226.jpg",          imageAlt: "Large pile of bulk materials"},
+        {
+          id: "custom-transportation",          title: "Custom Transportation",          descriptions: [
+            "Flexible trucking solutions tailored to your project timelines and material needs."],
+          imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operation-dusk_23-2151468840.jpg",          imageAlt: "Trucks parked at a depot"},
+      ]}
+      title="Tailored Transportation Solutions"
+      description="From small deliveries to large-scale industrial projects, our services are designed for efficiency and reliability."
+    />
+  </div>
+
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardSixteen
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      carouselMode="buttons"
+      testimonials={[
+        {
+          id: "1",          name: "Sarah Johnson",          role: "Construction Manager",          company: "Apex Builders",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-happy-senior-manager-greeting-his-employees-factory-warehouse-me-are-shaking-hands_637285-4192.jpg",          imageAlt: "Portrait of Sarah Johnson"},
+        {
+          id: "2",          name: "Michael Chen",          role: "Landscape Architect",          company: "GreenScape Designs",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg",          imageAlt: "Portrait of Michael Chen"},
+        {
+          id: "3",          name: "Emily Rodriguez",          role: "Site Supervisor",          company: "Urban Development Co.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",          imageAlt: "Portrait of Emily Rodriguez"},
+        {
+          id: "4",          name: "David Kim",          role: "Logistics Coordinator",          company: "FreightLine Solutions",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",          imageAlt: "Portrait of David Kim"},
+        {
+          id: "5",          name: "Jessica Lee",          role: "Operations Director",          company: "Mega Infrastructure",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248835.jpg",          imageAlt: "Portrait of Jessica Lee"},
+      ]}
+      kpiItems={[
+        {
+          value: "5-Star Rated",          label: "Across all major platforms"},
+        {
+          value: "100+",          label: "Projects Successfully Completed"},
+        {
+          value: "Client Satisfaction",          label: "Our top priority"},
+      ]}
+      title="What Our Clients Say"
+      description="Hear from satisfied customers who trust Reece Transportation for their most demanding projects."
+    />
+  </div>
+
+  <div id="cta-pricing" data-section="cta-pricing">
+      <PricingCardFive
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      plans={[
+        {
+          id: "call-to-action",          tag: "Immediate Service",          price: "Your Project Starts Here",          period: "",          description: "Speak with our team to discuss your material needs and delivery schedule for efficient planning.",          button: {
+            text: "Call Now",            href: "tel:+18001234567"},
+          featuresTitle: "We Offer",          features: [
+            "Fast Material Delivery",            "Bulk Supply Options",            "Custom Hauling Solutions"],
+        },
+      ]}
+      title="Need Rock Delivered Fast?"
+      description="Contact Reece Transportation today for premium rock materials, dependable trucking services, and custom delivery solutions."
+      tag="Get Started Today"
+      buttons={[
+        {
+          text: "Request Pricing",          href: "#contact"},
+      ]}
+    />
+  </div>
+
+  <div id="contact" data-section="contact">
+      <ContactSplit
+      useInvertedBackground={false}
+      background={{
+        variant: "plain"}}
+      tag="Contact Us"
+      title="Let’s Move Your Project Forward."
+      description="Reach out for quotes, material availability, delivery scheduling, or custom transportation solutions. We're here to help you succeed."
+      mediaPosition="right"
+      buttonText="Submit Inquiry"
+      imageSrc="http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468886.jpg"
+      imageAlt="Large semi-truck on a highway delivering materials at sunset"
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterLogoEmphasis
+      columns={[
+        {
+          items: [
+            {
+              label: "Cover",              href: "/"},
+            {
+              label: "Home",              href: "/home"},
+            {
+              label: "About Us",              href: "#about"},
+          ],
+        },
+        {
+          items: [
+            {
+              label: "Services",              href: "#services"},
+            {
+              label: "Rock Types",              href: "#products"},
+          ],
+        },
+        {
+          items: [
+            {
+              label: "Contact",              href: "#contact"},
+            {
+              label: "Privacy Policy",              href: "#"},
+          ],
+        },
+      ]}
+      logoText="Reece Transportation"
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Manrope } from "next/font/google";
 import { DM_Sans } from "next/font/google";
@@ -59,7 +58,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
         <body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
-          <Tag />
+          
           {children}
           <script
               dangerouslySetInnerHTML={{

src/app/page.tsx

@@ -2,415 +2,83 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Box, Truck, Users } from "lucide-react";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="small"
-        sizing="mediumLargeSizeLargeTitles"
-        background="none"
-        cardStyle="inset"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="none"
+      cardStyle="inset"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Rock Types",
-          id: "#products",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Reece Transportation"
-      button={{
-        text: "Get a Quote",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Main Site",                id: "/home"
+              }
+            ]}
+            brandName=""
+            button={{
+              text: "Get a Quote",              href: "/home#contact"
+            }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Delivering Premium Rock Materials With Precision"
-      description="Reece Transportation specializes in hauling and supplying high-quality rock materials for residential, commercial, and industrial projects. Reliable delivery. Professional service. Premium materials."
-      tag="Trusted Transportation & Aggregate Supply"
-      buttons={[
-        {
-          text: "Request A Quote",
-          href: "#contact",
-        },
-        {
-          text: "View Rock Selection",
-          href: "#products",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307752.jpg",
-          imageAlt: "Large semi-truck hauling gravel",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194833.jpg",
-          imageAlt: "Dump truck unloading gravel at construction site",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13348.jpg",
-          imageAlt: "Large pile of various rocks and gravel",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-top-view-straight-paved-highway-road-with-single-car-running-along-seashore_181624-42351.jpg",
-          imageAlt: "View from inside a truck cab on the road",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/transport-logistics-concept_23-2151541922.jpg",
-          imageAlt: "Fleet of semi-trucks parked at night",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-woman-tying-shoelace-by-vehicle-field_107420-9774.jpg",
-          imageAlt: "Drone view of truck hauling rocks on rural road",
-        },
-      ]}
-      mediaAnimation="opacity"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Reece Transportation"
+            description="Delivering Premium Rock Materials With Precision"
+            buttons={[
+              {
+                text: "Explore Our Services",                href: "/home"
+              },
+              {
+                text: "Get a Quote",                href: "/home#contact"
+              }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EF7eEqiokJvPWQ2PlqgLNVTlKr/uploaded-1779763424586-w5q007ik.webp"
+            imageAlt="Heavy machinery used in construction industry"
+            showDimOverlay={true}
+            showBlur={true}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={true}
-      imagePosition="right"
-      title="Built On Reliability, Strength, And Professional Service."
-      description="From construction sites to luxury landscaping projects, Reece Transportation delivers premium aggregate materials with dependable logistics and unmatched customer care.\n\nWhether you need limestone, gravel, decorative rock, or large-scale hauling, our team is committed to providing fast delivery, clean materials, and trusted transportation services."
-      tag="About Reece Transportation"
-      bulletPoints={[
-        {
-          title: "Dependable Logistics",
-          description: "Ensuring timely and efficient delivery for every project.",
-          icon: Truck,
-        },
-        {
-          title: "Quality Materials",
-          description: "Supplying only the highest-grade rock and aggregate products.",
-          icon: Box,
-        },
-        {
-          title: "Exceptional Service",
-          description: "Our experienced team provides professional and courteous support from start to finish.",
-          icon: Users,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/dry-hill-sunny-day_23-2147770363.jpg"
-      imageAlt="Large pile of gravel and rocks at an outdoor site"
-      mediaBadge={{
-        text: "10+ Years Of Transportation Experience",
-      }}
-      mediaAnimation="opacity"
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "limestone",
-          name: "Limestone",
-          price: "$25/ton",
-          variant: "Standard Grade",
-          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702194.jpg",
-          imageAlt: "Premium limestone for driveways, foundations, and commercial projects.",
-        },
-        {
-          id: "river-rock",
-          name: "River Rock",
-          price: "$40/ton",
-          variant: "Decorative Grade",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-washing-sink_1339-6854.jpg",
-          imageAlt: "Smooth decorative river rock perfect for landscaping and outdoor design.",
-        },
-        {
-          id: "crushed-gravel",
-          name: "Crushed Gravel",
-          price: "$20/ton",
-          variant: "Base Material",
-          imageSrc: "http://img.b2bpic.net/free-photo/stones-floor_1417-1646.jpg",
-          imageAlt: "Reliable crushed gravel for construction, drainage, and road base.",
-        },
-        {
-          id: "granite-rock",
-          name: "Granite Rock",
-          price: "$50/ton",
-          variant: "Premium Grade",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-wall-stone-texture_17005-1945.jpg",
-          imageAlt: "Durable granite material built for long-lasting strength and premium finishes.",
-        },
-        {
-          id: "sand-material",
-          name: "Utility Sand",
-          price: "$15/ton",
-          variant: "Multi-Purpose",
-          imageSrc: "http://img.b2bpic.net/free-photo/ghost-crab_1339-1634.jpg",
-          imageAlt: "Fine sand for masonry, infill, and utility projects.",
-        },
-        {
-          id: "topsoil-material",
-          name: "Premium Topsoil",
-          price: "$30/yard",
-          variant: "Landscaping Ready",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-concept_23-2148127946.jpg",
-          imageAlt: "Rich, fertile topsoil for gardens, lawns, and landscaping.",
-        },
-      ]}
-      title="Materials For Every Project"
-      description="Browse premium rock materials available for hauling and delivery. Designed for landscaping, construction, drainage, driveways, and large-scale development projects."
-      tag="Premium Rock Selection"
-    />
-  </div>
-
-  <div id="services" data-section="services">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "rock-delivery",
-          title: "Rock Delivery",
-          descriptions: [
-            "Fast and dependable rock hauling for construction sites, homes, and commercial projects.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-127.jpg",
-          imageAlt: "Delivery truck on road",
-        },
-        {
-          id: "bulk-supply",
-          title: "Bulk Material Supply",
-          descriptions: [
-            "Large-volume aggregate delivery with consistent quality and professional coordination.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-snowy-mountains-with-blue-cloudy-sky-daytime_181624-8226.jpg",
-          imageAlt: "Large pile of bulk materials",
-        },
-        {
-          id: "custom-transportation",
-          title: "Custom Transportation",
-          descriptions: [
-            "Flexible trucking solutions tailored to your project timelines and material needs.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/truck-logistics-operation-dusk_23-2151468840.jpg",
-          imageAlt: "Trucks parked at a depot",
-        },
-      ]}
-      title="Tailored Transportation Solutions"
-      description="From small deliveries to large-scale industrial projects, our services are designed for efficiency and reliability."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      carouselMode="buttons"
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "Construction Manager",
-          company: "Apex Builders",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-happy-senior-manager-greeting-his-employees-factory-warehouse-me-are-shaking-hands_637285-4192.jpg",
-          imageAlt: "Portrait of Sarah Johnson",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Landscape Architect",
-          company: "GreenScape Designs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-gesturing-thumbs-up-front-potted-plants_23-2147918760.jpg",
-          imageAlt: "Portrait of Michael Chen",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Site Supervisor",
-          company: "Urban Development Co.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
-          imageAlt: "Portrait of Emily Rodriguez",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Logistics Coordinator",
-          company: "FreightLine Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
-          imageAlt: "Portrait of David Kim",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          role: "Operations Director",
-          company: "Mega Infrastructure",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248835.jpg",
-          imageAlt: "Portrait of Jessica Lee",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "5-Star Rated",
-          label: "Across all major platforms",
-        },
-        {
-          value: "100+",
-          label: "Projects Successfully Completed",
-        },
-        {
-          value: "Client Satisfaction",
-          label: "Our top priority",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Hear from satisfied customers who trust Reece Transportation for their most demanding projects."
-    />
-  </div>
-
-  <div id="cta-pricing" data-section="cta-pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "call-to-action",
-          tag: "Immediate Service",
-          price: "Your Project Starts Here",
-          period: "",
-          description: "Speak with our team to discuss your material needs and delivery schedule for efficient planning.",
-          button: {
-            text: "Call Now",
-            href: "tel:+18001234567",
-          },
-          featuresTitle: "We Offer",
-          features: [
-            "Fast Material Delivery",
-            "Bulk Supply Options",
-            "Custom Hauling Solutions",
-          ],
-        },
-      ]}
-      title="Need Rock Delivered Fast?"
-      description="Contact Reece Transportation today for premium rock materials, dependable trucking services, and custom delivery solutions."
-      tag="Get Started Today"
-      buttons={[
-        {
-          text: "Request Pricing",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Let’s Move Your Project Forward."
-      description="Reach out for quotes, material availability, delivery scheduling, or custom transportation solutions. We're here to help you succeed."
-      mediaPosition="right"
-      buttonText="Submit Inquiry"
-      imageSrc="http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468886.jpg"
-      imageAlt="Large semi-truck on a highway delivering materials at sunset"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Rock Types",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Reece Transportation"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  {
+                    label: "Main Site",                    href: "/home"
+                  },
+                  {
+                    label: "Contact",                    href: "/home#contact"
+                  }
+                ]
+              },
+              {
+                items: [
+                  {
+                    label: "Privacy Policy",                    href: "#"
+                  }
+                ]
+              }
+            ]}
+            logoText="Reece Transportation"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --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;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);