Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -48,7 +48,7 @@ export default function AboutPage() {
             { title: "Local Expertise", description: "Deep understanding of Texas regulations, routes, and business requirements", icon: CheckCircle },
             { title: "Personal Service", description: "Direct access to owners and decision-makers who care about your success", icon: Award }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498435.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498435.jpg?_wi=3"
           imageAlt="Family business team in Texas"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -71,7 +71,7 @@ export default function AboutPage() {
             { title: "Proven Results", description: "Decades of successful projects completed on time and within budget", icon: TrendingUp },
             { title: "24/7 Availability", description: "Round-the-clock support and communication when you need it most", icon: Phone }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg?_wi=2"
           imageAlt="Professional trucking operations at sunset"
           mediaAnimation="slide-up"
           imagePosition="left"
@@ -91,7 +91,7 @@ export default function AboutPage() {
             { title: "Reliability", description: "When we say we'll be there, we'll be there. Your success depends on our reliability.", icon: TrendingUp },
             { title: "Integrity", description: "Honest communication, fair pricing, and ethical business practices in everything we do", icon: Award }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7543.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7543.jpg?_wi=1"
           imageAlt="Professional customer service and communication"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -108,8 +108,7 @@ export default function AboutPage() {
           logoText="Trucking & Construction Texas"
           columns={[
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "Home", href: "/" },
                 { label: "About", href: "/about" },
                 { label: "Services", href: "/services" },
@@ -117,8 +116,7 @@ export default function AboutPage() {
               ]
             },
             {
-              title: "Services",
-              items: [
+              title: "Services",              items: [
                 { label: "Heavy Hauling", href: "/services" },
                 { label: "Freight Transport", href: "/services" },
                 { label: "Equipment Transport", href: "/services" },
@@ -126,8 +124,7 @@ export default function AboutPage() {
               ]
             },
             {
-              title: "Support",
-              items: [
+              title: "Support",              items: [
                 { label: "Contact Us", href: "/contact" },
                 { label: "Request Quote", href: "/contact" },
                 { label: "FAQ", href: "#" },
@@ -135,8 +132,7 @@ export default function AboutPage() {
               ]
             },
             {
-              title: "Connect",
-              items: [
+              title: "Connect",              items: [
                 { label: "Facebook", href: "https://facebook.com" },
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Instagram", href: "https://instagram.com" },
@@ -149,4 +145,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/blog/page.tsx

@@ -29,12 +29,12 @@ export default function BlogPage() {
                         brandName="Trucking & Construction Texas"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Services", id: "services" },
-                            { name: "About", id: "about" },
-                            { name: "Reviews", id: "reviews" },
-                            { name: "Contact", id: "contact" }
+                            { name: "Services", id: "/services" },
+                            { name: "About", id: "/about" },
+                            { name: "Reviews", id: "/reviews" },
+                            { name: "Contact", id: "/contact" }
                         ]}
-                        button={{ text: "Request Quote", href: "contact" }}
+                        button={{ text: "Request Quote", href: "/contact" }}
                     />
                 </div>
 
@@ -71,10 +71,10 @@ export default function BlogPage() {
                             },
                             {
                                 title: "Services",                                items: [
-                                    { label: "Heavy Hauling", href: "/services#heavy-hauling" },
-                                    { label: "Freight Transport", href: "/services#freight" },
-                                    { label: "Equipment Transport", href: "/services#equipment" },
-                                    { label: "Construction Services", href: "/services#construction" }
+                                    { label: "Heavy Hauling", href: "/services" },
+                                    { label: "Freight Transport", href: "/services" },
+                                    { label: "Equipment Transport", href: "/services" },
+                                    { label: "Construction Services", href: "/services" }
                                 ]
                             },
                             {
@@ -100,4 +100,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/contact/page.tsx

@@ -50,7 +50,7 @@ export default function ContactPage() {
             { title: "Texas Based", description: "Local expertise with deep knowledge of Texas routes and regulations", icon: MapPin },
             { title: "24/7 Support", description: "Emergency services and round-the-clock communication when you need it", icon: Clock }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7543.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7543.jpg?_wi=3"
           imageAlt="Professional customer service consultation"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -68,18 +68,10 @@ export default function ContactPage() {
           useInvertedBackground={true}
           features={[
             {
-              id: "1",
-              title: "Phone Consultation",
-              description: "Call us directly to discuss your project requirements, timeline, and get immediate answers to your questions.",
-              tag: "Immediate Response",
-              buttons: [{ text: "Call (555) 123-4567", href: "tel:+15551234567" }]
+              id: "1",              title: "Phone Consultation",              description: "Call us directly to discuss your project requirements, timeline, and get immediate answers to your questions.",              tag: "Immediate Response",              buttons: [{ text: "Call (555) 123-4567", href: "tel:+15551234567" }]
             },
             {
-              id: "2",
-              title: "Email Request",
-              description: "Send us detailed project information via email and receive a comprehensive written quote within 24 hours.",
-              tag: "Detailed Quotes",
-              buttons: [{ text: "Email Us", href: "mailto:info@truckingandconstruction.com" }]
+              id: "2",              title: "Email Request",              description: "Send us detailed project information via email and receive a comprehensive written quote within 24 hours.",              tag: "Detailed Quotes",              buttons: [{ text: "Email Us", href: "mailto:info@truckingandconstruction.com" }]
             }
           ]}
           animationType="slide-up"
@@ -100,7 +92,7 @@ export default function ContactPage() {
             { title: "Regional Service", description: "Extended coverage to Louisiana, Oklahoma, Arkansas, and New Mexico for your multi-state projects", icon: MapPin },
             { title: "Interstate Transport", description: "Long-haul capabilities for coast-to-coast transportation when your project demands it", icon: MapPin }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg?_wi=3"
           imageAlt="Trucking operations across Texas highways"
           mediaAnimation="slide-up"
           imagePosition="left"
@@ -117,8 +109,7 @@ export default function ContactPage() {
           logoText="Trucking & Construction Texas"
           columns={[
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "Home", href: "/" },
                 { label: "About", href: "/about" },
                 { label: "Services", href: "/services" },
@@ -126,8 +117,7 @@ export default function ContactPage() {
               ]
             },
             {
-              title: "Services",
-              items: [
+              title: "Services",              items: [
                 { label: "Heavy Hauling", href: "/services" },
                 { label: "Freight Transport", href: "/services" },
                 { label: "Equipment Transport", href: "/services" },
@@ -135,8 +125,7 @@ export default function ContactPage() {
               ]
             },
             {
-              title: "Support",
-              items: [
+              title: "Support",              items: [
                 { label: "Contact Us", href: "/contact" },
                 { label: "Request Quote", href: "/contact" },
                 { label: "FAQ", href: "#" },
@@ -144,8 +133,7 @@ export default function ContactPage() {
               ]
             },
             {
-              title: "Connect",
-              items: [
+              title: "Connect",              items: [
                 { label: "Facebook", href: "https://facebook.com" },
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Instagram", href: "https://instagram.com" },
@@ -158,4 +146,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -5,36 +5,24 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const publicSans = Public_Sans({
-  variable: "--font-public-sans",
-  subsets: ["latin"],
+  variable: "--font-public-sans",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Professional Trucking & Construction Services Texas | Reliable Hauling",
-  description: "Family-owned trucking and construction company in Texas. Heavy hauling, freight transport, equipment services. Fully insured, professional drivers. Request a quote today.",
-  keywords: ["trucking company Texas", "heavy hauling", "freight transport", "construction services", "equipment transport", "Texas trucking"],
+  title: "Professional Trucking & Construction Services Texas | Reliable Hauling",  description: "Family-owned trucking and construction company in Texas. Heavy hauling, freight transport, equipment services. Fully insured, professional drivers. Request a quote today.",  keywords: ["trucking company Texas", "heavy hauling", "freight transport", "construction services", "equipment transport", "Texas trucking"],
   metadataBase: new URL("https://truckingandconstructiontexas.com"),
   alternates: {
     canonical: "https://truckingandconstructiontexas.com"
   },
   openGraph: {
-    title: "Trucking and Construction Company of Texas",
-    description: "Professional trucking, hauling, and construction services you can count on.",
-    url: "https://truckingandconstructiontexas.com",
-    siteName: "Trucking and Construction Company of Texas",
-    type: "website",
-    images: [
+    title: "Trucking and Construction Company of Texas",    description: "Professional trucking, hauling, and construction services you can count on.",    url: "https://truckingandconstructiontexas.com",    siteName: "Trucking and Construction Company of Texas",    type: "website",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg",
-        alt: "Semi truck on Texas highway"
+        url: "https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg",        alt: "Semi truck on Texas highway"
       }
     ]
   },
   twitter: {
-    card: "summary_large_image",
-    title: "Trucking and Construction Company of Texas",
-    description: "Professional trucking, hauling, and construction services you can count on.",
-    images: ["https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg"]
+    card: "summary_large_image",    title: "Trucking and Construction Company of Texas",    description: "Professional trucking, hauling, and construction services you can count on.",    images: ["https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg"]
   },
   robots: {
     index: true,
@@ -102,7 +90,9 @@ export default function RootLayout({
     '  background-color: #4d96ff05 !important;' +
     '}' +
     'img.webild-hover,' +
-    'img.webild-selected {' +
+    'img.webild-selected,' +
+    'video.webild-hover,' +
+    'video.webild-selected {' +
     '  outline-offset: 2px !important;' +
     '}' +
     '.webild-element-type-label {' +
@@ -174,6 +164,10 @@ export default function RootLayout({
     return 'Image';
   }
 
+  if (tagName === 'video') {
+    return 'Video';
+  }
+
   const backgroundImage = computedStyle.backgroundImage;
   if (backgroundImage && backgroundImage !== 'none') {
     const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
@@ -256,6 +250,38 @@ export default function RootLayout({
     return url;
   };
 
+  const getMediaTypeFromUrl = (url) => {
+    const videoExts = ['.mp4', '.webm', '.ogg', '.mov', '.avi', '.mkv', '.m4v', '.wmv'];
+    const imageExts = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp', '.ico', '.tiff', '.avif'];
+    try {
+      const pathname = new URL(url).pathname.toLowerCase();
+      if (videoExts.some(function(ext) { return pathname.endsWith(ext); })) return 'video';
+      if (imageExts.some(function(ext) { return pathname.endsWith(ext); })) return 'image';
+    } catch(e) {}
+    return 'unknown';
+  };
+
+  const swapMediaElement = (oldEl, newTag, newSrc) => {
+    const newEl = document.createElement(newTag);
+    Array.from(oldEl.attributes).forEach(function(attr) {
+      if (attr.name !== 'src' && attr.name !== 'alt' && attr.name !== 'srcset' && attr.name !== 'autoplay' && attr.name !== 'loop' && attr.name !== 'muted' && attr.name !== 'playsinline') {
+        try { newEl.setAttribute(attr.name, attr.value); } catch(e) {}
+      }
+    });
+    newEl.style.cssText = oldEl.style.cssText;
+    if (newTag === 'video') {
+      newEl.setAttribute('autoplay', '');
+      newEl.setAttribute('loop', '');
+      newEl.setAttribute('muted', '');
+      newEl.setAttribute('playsinline', '');
+    }
+    newEl.src = newSrc;
+    if (oldEl.parentNode) {
+      oldEl.parentNode.replaceChild(newEl, oldEl);
+    }
+    return newEl;
+  };
+
   const getElementInfo = (element, assignId = false) => {
     const rect = element.getBoundingClientRect();
     const tagName = element.tagName.toLowerCase();
@@ -298,7 +324,18 @@ export default function RootLayout({
         isBackground: false
       };
     }
-    
+
+    if (tagName === 'video') {
+      const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
+      const resolvedSrc = extractOriginalUrl(rawSrc);
+      info.imageData = {
+        src: resolvedSrc,
+        alt: element.getAttribute('aria-label') || undefined,
+        isBackground: false,
+        isVideo: true
+      };
+    }
+
     const computedStyle = window.getComputedStyle(element);
     const backgroundImage = computedStyle.backgroundImage;
     if (backgroundImage && backgroundImage !== 'none') {
@@ -346,7 +383,8 @@ export default function RootLayout({
     const tagName = element.tagName?.toLowerCase();
     if (invalidElements.includes(tagName)) return false;
     const isImage = tagName === 'img';
-    if (isImage) return true;
+    const isVideo = tagName === 'video';
+    if (isImage || isVideo) return true;
     const hasInnerHTML = element.innerHTML && element.innerHTML.trim().length > 0;
     const hasTextContent = element.textContent && element.textContent.trim().length > 0;
     const hasChildren = element.children && element.children.length > 0;
@@ -386,7 +424,7 @@ export default function RootLayout({
         node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
       );
 
-      const hasImages = element.tagName === 'IMG' || computedStyle.backgroundImage !== 'none' || element.querySelector('img');
+      const hasImages = element.tagName === 'IMG' || element.tagName === 'VIDEO' || computedStyle.backgroundImage !== 'none' || element.querySelector('img') || element.querySelector('video');
       const isInteractive = ['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName);
       const hasFewChildren = element.children.length <= 3;
       const area = rect.width * rect.height;
@@ -1067,11 +1105,22 @@ export default function RootLayout({
                   updateButtonText(element, change.oldValue);
                 }
               } else if (change.type === 'replaceImage') {
-                const isBackground = element.tagName.toLowerCase() !== 'img';
+                const revertTag = element.tagName.toLowerCase();
+                const isBackground = revertTag !== 'img' && revertTag !== 'video';
                 if (isBackground) {
                   element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
                 } else {
-                  element.src = change.oldValue;
+                  const oldMediaType = getMediaTypeFromUrl(change.oldValue);
+                  if (revertTag === 'video' && oldMediaType === 'image') {
+                    swapMediaElement(element, 'img', change.oldValue);
+                  } else if (revertTag === 'img' && oldMediaType === 'video') {
+                    swapMediaElement(element, 'video', change.oldValue);
+                  } else if (revertTag === 'video') {
+                    element.src = change.oldValue;
+                    element.load();
+                  } else {
+                    element.src = change.oldValue;
+                  }
                 }
               }
             } catch (err) {
@@ -1171,7 +1220,7 @@ export default function RootLayout({
     if (!isActive) return;
 
     if (e.data.type === 'webild-replace-image') {
-      const { selector, newSrc, isBackground } = e.data.data;
+      const { selector, newSrc, isBackground, allowMediaTypeSwap } = e.data.data;
       let element = null;
 
       try {
@@ -1202,7 +1251,32 @@ export default function RootLayout({
           replaced = true;
         } else if (element.tagName.toLowerCase() === 'img') {
           oldValue = element.src;
-          element.src = newSrc;
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          if (newMediaType === 'video' && allowMediaTypeSwap) {
+            const swapped = swapMediaElement(element, 'video', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
+            element = swapped;
+          } else {
+            element.src = newSrc;
+          }
+          replaced = true;
+        } else if (element.tagName.toLowerCase() === 'video') {
+          oldValue = element.src || element.currentSrc || '';
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          const sources = element.querySelectorAll('source');
+          if (newMediaType === 'image' && allowMediaTypeSwap) {
+            const swapped = swapMediaElement(element, 'img', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
+            element = swapped;
+          } else {
+            if (sources.length > 0) {
+              sources.forEach(function(source) { source.src = newSrc; });
+              element.load();
+            } else {
+              element.src = newSrc;
+              element.load();
+            }
+          }
           replaced = true;
         } else {
           const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
@@ -1340,4 +1414,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -46,7 +46,7 @@ export default function HomePage() {
           description="Professional trucking and construction services delivering reliability, safety, and precision on every job. Family-owned and trusted by businesses across Texas."
           tag="Trusted Since Day One"
           tagIcon={Shield}
-          imageSrc="https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/truck-logistics-operations-dusk_23-2151468803.jpg?_wi=1"
           imageAlt="Semi truck on Texas highway at sunset"
           textPosition="bottom-left"
           showBlur={true}
@@ -74,7 +74,7 @@ export default function HomePage() {
             { title: "Proven Track Record", description: "Years of successful hauls and construction projects completed on time", icon: TrendingUp },
             { title: "24/7 Support", description: "Responsive communication and scheduling that works with your timeline", icon: Phone }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498435.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498435.jpg?_wi=1"
           imageAlt="Professional trucking and construction team"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -91,52 +91,22 @@ export default function HomePage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "1",
-              title: "Heavy Hauling",
-              description: "Safe and secure transportation of oversized and heavy equipment across Texas and beyond.",
-              tag: "Heavy Hauling",
-              imageSrc: "https://img.b2bpic.net/free-photo/trucks-minibuses-located-inside-ferryboat-greece_1268-15825.jpg",
-              imageAlt: "Heavy hauling truck with industrial equipment"
+              id: "1",              title: "Heavy Hauling",              description: "Safe and secure transportation of oversized and heavy equipment across Texas and beyond.",              tag: "Heavy Hauling",              imageSrc: "https://img.b2bpic.net/free-photo/trucks-minibuses-located-inside-ferryboat-greece_1268-15825.jpg?_wi=1",              imageAlt: "Heavy hauling truck with industrial equipment"
             },
             {
-              id: "2",
-              title: "Freight Transport",
-              description: "Reliable regional and long-distance freight services for businesses of all sizes.",
-              tag: "Freight Transport",
-              imageSrc: "https://img.b2bpic.net/free-photo/cars-commuting-early-morning-toronto_181624-15823.jpg",
-              imageAlt: "Freight transport truck on highway"
+              id: "2",              title: "Freight Transport",              description: "Reliable regional and long-distance freight services for businesses of all sizes.",              tag: "Freight Transport",              imageSrc: "https://img.b2bpic.net/free-photo/cars-commuting-early-morning-toronto_181624-15823.jpg?_wi=1",              imageAlt: "Freight transport truck on highway"
             },
             {
-              id: "3",
-              title: "Equipment Transport",
-              description: "Specialized handling and transport of construction equipment, machinery, and industrial assets.",
-              tag: "Equipment Transport",
-              imageSrc: "https://img.b2bpic.net/free-photo/railroad-tracks_1359-127.jpg",
-              imageAlt: "Equipment transport loading excavator"
+              id: "3",              title: "Equipment Transport",              description: "Specialized handling and transport of construction equipment, machinery, and industrial assets.",              tag: "Equipment Transport",              imageSrc: "https://img.b2bpic.net/free-photo/railroad-tracks_1359-127.jpg?_wi=1",              imageAlt: "Equipment transport loading excavator"
             },
             {
-              id: "4",
-              title: "Construction Services",
-              description: "Full-service construction support including site prep, hauling, and equipment coordination.",
-              tag: "Construction Services",
-              imageSrc: "https://img.b2bpic.net/free-photo/middle-trailer-cargo-logistics-pattern_53876-30355.jpg",
-              imageAlt: "Construction site with heavy equipment"
+              id: "4",              title: "Construction Services",              description: "Full-service construction support including site prep, hauling, and equipment coordination.",              tag: "Construction Services",              imageSrc: "https://img.b2bpic.net/free-photo/middle-trailer-cargo-logistics-pattern_53876-30355.jpg?_wi=1",              imageAlt: "Construction site with heavy equipment"
             },
             {
-              id: "5",
-              title: "Job Site Logistics",
-              description: "Comprehensive logistics management to keep your construction projects running smoothly and on schedule.",
-              tag: "Job Site Logistics",
-              imageSrc: "https://img.b2bpic.net/free-photo/warehouse-workers-moving-boxes_23-2151994430.jpg",
-              imageAlt: "Job site logistics and supply coordination"
+              id: "5",              title: "Job Site Logistics",              description: "Comprehensive logistics management to keep your construction projects running smoothly and on schedule.",              tag: "Job Site Logistics",              imageSrc: "https://img.b2bpic.net/free-photo/warehouse-workers-moving-boxes_23-2151994430.jpg",              imageAlt: "Job site logistics and supply coordination"
             },
             {
-              id: "6",
-              title: "Long-Distance & Regional Transport",
-              description: "Efficient transportation solutions for regional and interstate hauling with experienced drivers.",
-              tag: "Regional Transport",
-              imageSrc: "https://img.b2bpic.net/free-photo/gray-road-sunset_395237-164.jpg",
-              imageAlt: "Semi truck on interstate highway"
+              id: "6",              title: "Long-Distance & Regional Transport",              description: "Efficient transportation solutions for regional and interstate hauling with experienced drivers.",              tag: "Regional Transport",              imageSrc: "https://img.b2bpic.net/free-photo/gray-road-sunset_395237-164.jpg",              imageAlt: "Semi truck on interstate highway"
             }
           ]}
           animationType="slide-up"
@@ -154,36 +124,16 @@ export default function HomePage() {
           useInvertedBackground={true}
           testimonials={[
             {
-              id: "1",
-              name: "Brittnee Gent",
-              role: "Business Owner",
-              testimonial: "A very well structured company! Owners are compassionate, down to earth, outgoing, everyday people. Facility is top notch & orderly, trucks are always well maintained & clean, drivers are passionate, professional & always presentable. No whining. No excuses.",
-              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",
-              imageAlt: "Brittnee Gent"
+              id: "1",              name: "Brittnee Gent",              role: "Business Owner",              testimonial: "A very well structured company! Owners are compassionate, down to earth, outgoing, everyday people. Facility is top notch & orderly, trucks are always well maintained & clean, drivers are passionate, professional & always presentable. No whining. No excuses.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",              imageAlt: "Brittnee Gent"
             },
             {
-              id: "2",
-              name: "Montgomery Trucking",
-              role: "Partner Company",
-              testimonial: "Nick and the family are great people. I enjoyed working with them. I won't ever find another company like them. Great people.",
-              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
-              imageAlt: "Montgomery Trucking representative"
+              id: "2",              name: "Montgomery Trucking",              role: "Partner Company",              testimonial: "Nick and the family are great people. I enjoyed working with them. I won't ever find another company like them. Great people.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg?_wi=1",              imageAlt: "Montgomery Trucking representative"
             },
             {
-              id: "3",
-              name: "Carmen Holdridge",
-              role: "Project Manager",
-              testimonial: "Highly recommended. Their professionalism and commitment to getting the job done right is exactly what we need for our operations.",
-              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
-              imageAlt: "Carmen Holdridge"
+              id: "3",              name: "Carmen Holdridge",              role: "Project Manager",              testimonial: "Highly recommended. Their professionalism and commitment to getting the job done right is exactly what we need for our operations.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=1",              imageAlt: "Carmen Holdridge"
             },
             {
-              id: "4",
-              name: "James Cooper",
-              role: "Construction Foreman",
-              testimonial: "Best hauling company I've worked with in 20 years. Reliable, professional, and they always show up when they say they will. That's rare in this business.",
-              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
-              imageAlt: "James Cooper"
+              id: "4",              name: "James Cooper",              role: "Construction Foreman",              testimonial: "Best hauling company I've worked with in 20 years. Reliable, professional, and they always show up when they say they will. That's rare in this business.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg?_wi=1",              imageAlt: "James Cooper"
             }
           ]}
           animationType="slide-up"
@@ -201,18 +151,10 @@ export default function HomePage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "1",
-              title: "Request a Quote Today",
-              description: "Tell us about your project and get a professional estimate within 24 hours. No obligation, no pressure.",
-              tag: "Fast & Easy",
-              buttons: [{ text: "Get Your Quote", href: "/contact" }]
+              id: "1",              title: "Request a Quote Today",              description: "Tell us about your project and get a professional estimate within 24 hours. No obligation, no pressure.",              tag: "Fast & Easy",              buttons: [{ text: "Get Your Quote", href: "/contact" }]
             },
             {
-              id: "2",
-              title: "Call Our Team Directly",
-              description: "Speak with a member of our experienced team to discuss your specific needs and timeline.",
-              tag: "Quick Response",
-              buttons: [{ text: "Call Now", href: "/contact" }]
+              id: "2",              title: "Call Our Team Directly",              description: "Speak with a member of our experienced team to discuss your specific needs and timeline.",              tag: "Quick Response",              buttons: [{ text: "Call Now", href: "/contact" }]
             }
           ]}
           animationType="slide-up"
@@ -226,8 +168,7 @@ export default function HomePage() {
           logoText="Trucking & Construction Texas"
           columns={[
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "Home", href: "/" },
                 { label: "About", href: "/about" },
                 { label: "Services", href: "/services" },
@@ -235,8 +176,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Services",
-              items: [
+              title: "Services",              items: [
                 { label: "Heavy Hauling", href: "/services" },
                 { label: "Freight Transport", href: "/services" },
                 { label: "Equipment Transport", href: "/services" },
@@ -244,8 +184,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Support",
-              items: [
+              title: "Support",              items: [
                 { label: "Contact Us", href: "/contact" },
                 { label: "Request Quote", href: "/contact" },
                 { label: "FAQ", href: "#" },
@@ -253,8 +192,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Connect",
-              items: [
+              title: "Connect",              items: [
                 { label: "Facebook", href: "https://facebook.com" },
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Instagram", href: "https://instagram.com" },
@@ -267,4 +205,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/reviews/page.tsx

@@ -46,52 +46,22 @@ export default function ReviewsPage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",
-              name: "Brittnee Gent",
-              role: "Business Owner",
-              testimonial: "A very well structured company! Owners are compassionate, down to earth, outgoing, everyday people. Facility is top notch & orderly, trucks are always well maintained & clean, drivers are passionate, professional & always presentable. No whining. No excuses.",
-              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",
-              imageAlt: "Brittnee Gent"
+              id: "1",              name: "Brittnee Gent",              role: "Business Owner",              testimonial: "A very well structured company! Owners are compassionate, down to earth, outgoing, everyday people. Facility is top notch & orderly, trucks are always well maintained & clean, drivers are passionate, professional & always presentable. No whining. No excuses.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2",              imageAlt: "Brittnee Gent"
             },
             {
-              id: "2",
-              name: "Montgomery Trucking",
-              role: "Partner Company",
-              testimonial: "Nick and the family are great people. I enjoyed working with them. I won't ever find another company like them. Great people.",
-              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
-              imageAlt: "Montgomery Trucking representative"
+              id: "2",              name: "Montgomery Trucking",              role: "Partner Company",              testimonial: "Nick and the family are great people. I enjoyed working with them. I won't ever find another company like them. Great people.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg?_wi=2",              imageAlt: "Montgomery Trucking representative"
             },
             {
-              id: "3",
-              name: "Carmen Holdridge",
-              role: "Project Manager",
-              testimonial: "Highly recommended. Their professionalism and commitment to getting the job done right is exactly what we need for our operations.",
-              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
-              imageAlt: "Carmen Holdridge"
+              id: "3",              name: "Carmen Holdridge",              role: "Project Manager",              testimonial: "Highly recommended. Their professionalism and commitment to getting the job done right is exactly what we need for our operations.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=2",              imageAlt: "Carmen Holdridge"
             },
             {
-              id: "4",
-              name: "James Cooper",
-              role: "Construction Foreman",
-              testimonial: "Best hauling company I've worked with in 20 years. Reliable, professional, and they always show up when they say they will. That's rare in this business.",
-              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
-              imageAlt: "James Cooper"
+              id: "4",              name: "James Cooper",              role: "Construction Foreman",              testimonial: "Best hauling company I've worked with in 20 years. Reliable, professional, and they always show up when they say they will. That's rare in this business.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg?_wi=2",              imageAlt: "James Cooper"
             },
             {
-              id: "5",
-              name: "Sarah Mitchell",
-              role: "Operations Director",
-              testimonial: "Outstanding service from start to finish. They handled our complex equipment transport with professionalism and care. Will definitely use them again.",
-              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",
-              imageAlt: "Sarah Mitchell"
+              id: "5",              name: "Sarah Mitchell",              role: "Operations Director",              testimonial: "Outstanding service from start to finish. They handled our complex equipment transport with professionalism and care. Will definitely use them again.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=3",              imageAlt: "Sarah Mitchell"
             },
             {
-              id: "6",
-              name: "David Rodriguez",
-              role: "Site Supervisor",
-              testimonial: "These folks understand construction timelines and the importance of being where you need to be when you need to be there. Dependable and professional.",
-              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
-              imageAlt: "David Rodriguez"
+              id: "6",              name: "David Rodriguez",              role: "Site Supervisor",              testimonial: "These folks understand construction timelines and the importance of being where you need to be when you need to be there. Dependable and professional.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg?_wi=3",              imageAlt: "David Rodriguez"
             }
           ]}
           animationType="slide-up"
@@ -112,7 +82,7 @@ export default function ReviewsPage() {
             { title: "Trusted Relationships", description: "Personal attention and direct communication with owners who care about your success", icon: Award },
             { title: "Proven Results", description: "Track record of on-time delivery and problem-free project completion", icon: TrendingUp }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498435.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498435.jpg?_wi=4"
           imageAlt="Professional team representing client success"
           mediaAnimation="slide-up"
           imagePosition="left"
@@ -133,7 +103,7 @@ export default function ReviewsPage() {
             { title: "Detailed Quote", description: "Transparent pricing with no hidden fees or surprise costs", icon: Award },
             { title: "Professional Service", description: "The same quality service our existing clients have come to depend on", icon: TrendingUp }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7543.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7543.jpg?_wi=2"
           imageAlt="Professional customer service consultation"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -150,8 +120,7 @@ export default function ReviewsPage() {
           logoText="Trucking & Construction Texas"
           columns={[
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "Home", href: "/" },
                 { label: "About", href: "/about" },
                 { label: "Services", href: "/services" },
@@ -159,8 +128,7 @@ export default function ReviewsPage() {
               ]
             },
             {
-              title: "Services",
-              items: [
+              title: "Services",              items: [
                 { label: "Heavy Hauling", href: "/services" },
                 { label: "Freight Transport", href: "/services" },
                 { label: "Equipment Transport", href: "/services" },
@@ -168,8 +136,7 @@ export default function ReviewsPage() {
               ]
             },
             {
-              title: "Support",
-              items: [
+              title: "Support",              items: [
                 { label: "Contact Us", href: "/contact" },
                 { label: "Request Quote", href: "/contact" },
                 { label: "FAQ", href: "#" },
@@ -177,8 +144,7 @@ export default function ReviewsPage() {
               ]
             },
             {
-              title: "Connect",
-              items: [
+              title: "Connect",              items: [
                 { label: "Facebook", href: "https://facebook.com" },
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Instagram", href: "https://instagram.com" },
@@ -191,4 +157,4 @@ export default function ReviewsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -46,40 +46,16 @@ export default function ServicesPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "1",
-              title: "Heavy Hauling",
-              description: "Safe and secure transportation of oversized and heavy equipment across Texas and beyond. Our specialized fleet and experienced operators ensure your valuable assets arrive safely and on time.",
-              tag: "Heavy Hauling",
-              imageSrc: "https://img.b2bpic.net/free-photo/trucks-minibuses-located-inside-ferryboat-greece_1268-15825.jpg",
-              imageAlt: "Heavy hauling truck with industrial equipment",
-              buttons: [{ text: "Get Quote", href: "/contact" }]
+              id: "1",              title: "Heavy Hauling",              description: "Safe and secure transportation of oversized and heavy equipment across Texas and beyond. Our specialized fleet and experienced operators ensure your valuable assets arrive safely and on time.",              tag: "Heavy Hauling",              imageSrc: "https://img.b2bpic.net/free-photo/trucks-minibuses-located-inside-ferryboat-greece_1268-15825.jpg?_wi=2",              imageAlt: "Heavy hauling truck with industrial equipment",              buttons: [{ text: "Get Quote", href: "/contact" }]
             },
             {
-              id: "2",
-              title: "Freight Transport",
-              description: "Reliable regional and long-distance freight services for businesses of all sizes. We provide efficient solutions for your shipping needs with competitive rates and exceptional service.",
-              tag: "Freight Transport",
-              imageSrc: "https://img.b2bpic.net/free-photo/cars-commuting-early-morning-toronto_181624-15823.jpg",
-              imageAlt: "Freight transport truck on highway",
-              buttons: [{ text: "Learn More", href: "/contact" }]
+              id: "2",              title: "Freight Transport",              description: "Reliable regional and long-distance freight services for businesses of all sizes. We provide efficient solutions for your shipping needs with competitive rates and exceptional service.",              tag: "Freight Transport",              imageSrc: "https://img.b2bpic.net/free-photo/cars-commuting-early-morning-toronto_181624-15823.jpg?_wi=2",              imageAlt: "Freight transport truck on highway",              buttons: [{ text: "Learn More", href: "/contact" }]
             },
             {
-              id: "3",
-              title: "Equipment Transport",
-              description: "Specialized handling and transport of construction equipment, machinery, and industrial assets. Our team understands the unique requirements of heavy machinery transport.",
-              tag: "Equipment Transport",
-              imageSrc: "https://img.b2bpic.net/free-photo/railroad-tracks_1359-127.jpg",
-              imageAlt: "Equipment transport loading excavator",
-              buttons: [{ text: "Schedule Service", href: "/contact" }]
+              id: "3",              title: "Equipment Transport",              description: "Specialized handling and transport of construction equipment, machinery, and industrial assets. Our team understands the unique requirements of heavy machinery transport.",              tag: "Equipment Transport",              imageSrc: "https://img.b2bpic.net/free-photo/railroad-tracks_1359-127.jpg?_wi=2",              imageAlt: "Equipment transport loading excavator",              buttons: [{ text: "Schedule Service", href: "/contact" }]
             },
             {
-              id: "4",
-              title: "Construction Services",
-              description: "Full-service construction support including site prep, hauling, and equipment coordination. We work seamlessly with your construction timeline and requirements.",
-              tag: "Construction Services",
-              imageSrc: "https://img.b2bpic.net/free-photo/middle-trailer-cargo-logistics-pattern_53876-30355.jpg",
-              imageAlt: "Construction site with heavy equipment",
-              buttons: [{ text: "Discuss Project", href: "/contact" }]
+              id: "4",              title: "Construction Services",              description: "Full-service construction support including site prep, hauling, and equipment coordination. We work seamlessly with your construction timeline and requirements.",              tag: "Construction Services",              imageSrc: "https://img.b2bpic.net/free-photo/middle-trailer-cargo-logistics-pattern_53876-30355.jpg?_wi=2",              imageAlt: "Construction site with heavy equipment",              buttons: [{ text: "Discuss Project", href: "/contact" }]
             }
           ]}
           animationType="slide-up"
@@ -100,7 +76,7 @@ export default function ServicesPage() {
             { title: "Safety First", description: "Comprehensive safety protocols and fully insured operations for complete peace of mind.", icon: TrendingUp },
             { title: "24/7 Communication", description: "Real-time updates and responsive communication throughout your project.", icon: Phone }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498435.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498435.jpg?_wi=2"
           imageAlt="Professional service team"
           mediaAnimation="slide-up"
           imagePosition="left"
@@ -118,18 +94,10 @@ export default function ServicesPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "1",
-              title: "Free Project Consultation",
-              description: "Speak with our experts to plan your project and get professional recommendations tailored to your needs.",
-              tag: "Free Consultation",
-              buttons: [{ text: "Schedule Call", href: "/contact" }]
+              id: "1",              title: "Free Project Consultation",              description: "Speak with our experts to plan your project and get professional recommendations tailored to your needs.",              tag: "Free Consultation",              buttons: [{ text: "Schedule Call", href: "/contact" }]
             },
             {
-              id: "2",
-              title: "Custom Quote Request",
-              description: "Get a detailed, no-obligation quote for your specific transportation or construction project requirements.",
-              tag: "Custom Quote",
-              buttons: [{ text: "Request Quote", href: "/contact" }]
+              id: "2",              title: "Custom Quote Request",              description: "Get a detailed, no-obligation quote for your specific transportation or construction project requirements.",              tag: "Custom Quote",              buttons: [{ text: "Request Quote", href: "/contact" }]
             }
           ]}
           animationType="slide-up"
@@ -143,8 +111,7 @@ export default function ServicesPage() {
           logoText="Trucking & Construction Texas"
           columns={[
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "Home", href: "/" },
                 { label: "About", href: "/about" },
                 { label: "Services", href: "/services" },
@@ -152,8 +119,7 @@ export default function ServicesPage() {
               ]
             },
             {
-              title: "Services",
-              items: [
+              title: "Services",              items: [
                 { label: "Heavy Hauling", href: "/services" },
                 { label: "Freight Transport", href: "/services" },
                 { label: "Equipment Transport", href: "/services" },
@@ -161,8 +127,7 @@ export default function ServicesPage() {
               ]
             },
             {
-              title: "Support",
-              items: [
+              title: "Support",              items: [
                 { label: "Contact Us", href: "/contact" },
                 { label: "Request Quote", href: "/contact" },
                 { label: "FAQ", href: "#" },
@@ -170,8 +135,7 @@ export default function ServicesPage() {
               ]
             },
             {
-              title: "Connect",
-              items: [
+              title: "Connect",              items: [
                 { label: "Facebook", href: "https://facebook.com" },
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Instagram", href: "https://instagram.com" },
@@ -184,4 +148,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -86,10 +86,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                             brandName="Trucking & Construction Texas"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Services", id: "services" },
-                                { name: "About", id: "about" },
-                                { name: "Reviews", id: "reviews" },
-                                { name: "Contact", id: "contact" },
+                                { name: "Services", id: "/services" },
+                                { name: "About", id: "/about" },
+                                { name: "Reviews", id: "/reviews" },
+                                { name: "Contact", id: "/contact" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -112,10 +112,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 },
                                 {
                                     title: "Services",                                    items: [
-                                        { label: "Heavy Hauling", href: "/services#heavy-hauling" },
-                                        { label: "Freight Transport", href: "/services#freight" },
-                                        { label: "Equipment Transport", href: "/services#equipment" },
-                                        { label: "Construction Services", href: "/services#construction" }
+                                        { label: "Heavy Hauling", href: "/services" },
+                                        { label: "Freight Transport", href: "/services" },
+                                        { label: "Equipment Transport", href: "/services" },
+                                        { label: "Construction Services", href: "/services" }
                                     ]
                                 },
                                 {
@@ -163,10 +163,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                             brandName="Trucking & Construction Texas"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Services", id: "services" },
-                                { name: "About", id: "about" },
-                                { name: "Reviews", id: "reviews" },
-                                { name: "Contact", id: "contact" },
+                                { name: "Services", id: "/services" },
+                                { name: "About", id: "/about" },
+                                { name: "Reviews", id: "/reviews" },
+                                { name: "Contact", id: "/contact" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -197,10 +197,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 },
                                 {
                                     title: "Services",                                    items: [
-                                        { label: "Heavy Hauling", href: "/services#heavy-hauling" },
-                                        { label: "Freight Transport", href: "/services#freight" },
-                                        { label: "Equipment Transport", href: "/services#equipment" },
-                                        { label: "Construction Services", href: "/services#construction" }
+                                        { label: "Heavy Hauling", href: "/services" },
+                                        { label: "Freight Transport", href: "/services" },
+                                        { label: "Equipment Transport", href: "/services" },
+                                        { label: "Construction Services", href: "/services" }
                                     ]
                                 },
                                 {
@@ -247,10 +247,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                         brandName="Trucking & Construction Texas"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Services", id: "services" },
-                            { name: "About", id: "about" },
-                            { name: "Reviews", id: "reviews" },
-                            { name: "Contact", id: "contact" },
+                            { name: "Services", id: "/services" },
+                            { name: "About", id: "/about" },
+                            { name: "Reviews", id: "/reviews" },
+                            { name: "Contact", id: "/contact" },
                             { name: "Shop", id: "/shop" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -306,10 +306,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                             },
                             {
                                 title: "Services",                                items: [
-                                    { label: "Heavy Hauling", href: "/services#heavy-hauling" },
-                                    { label: "Freight Transport", href: "/services#freight" },
-                                    { label: "Equipment Transport", href: "/services#equipment" },
-                                    { label: "Construction Services", href: "/services#construction" }
+                                    { label: "Heavy Hauling", href: "/services" },
+                                    { label: "Freight Transport", href: "/services" },
+                                    { label: "Equipment Transport", href: "/services" },
+                                    { label: "Construction Services", href: "/services" }
                                 ]
                             },
                             {
@@ -335,4 +335,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -39,10 +39,10 @@ export default function ShopPage() {
                             brandName="Trucking & Construction Texas"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Services", id: "services" },
-                                { name: "About", id: "about" },
-                                { name: "Reviews", id: "reviews" },
-                                { name: "Contact", id: "contact" },
+                                { name: "Services", id: "/services" },
+                                { name: "About", id: "/about" },
+                                { name: "Reviews", id: "/reviews" },
+                                { name: "Contact", id: "/contact" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -65,10 +65,10 @@ export default function ShopPage() {
                                 },
                                 {
                                     title: "Services",                                    items: [
-                                        { label: "Heavy Hauling", href: "/services#heavy-hauling" },
-                                        { label: "Freight Transport", href: "/services#freight" },
-                                        { label: "Equipment Transport", href: "/services#equipment" },
-                                        { label: "Construction Services", href: "/services#construction" }
+                                        { label: "Heavy Hauling", href: "/services" },
+                                        { label: "Freight Transport", href: "/services" },
+                                        { label: "Equipment Transport", href: "/services" },
+                                        { label: "Construction Services", href: "/services" }
                                     ]
                                 },
                                 {
@@ -115,10 +115,10 @@ export default function ShopPage() {
                         brandName="Trucking & Construction Texas"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Services", id: "services" },
-                            { name: "About", id: "about" },
-                            { name: "Reviews", id: "reviews" },
-                            { name: "Contact", id: "contact" },
+                            { name: "Services", id: "/services" },
+                            { name: "About", id: "/about" },
+                            { name: "Reviews", id: "/reviews" },
+                            { name: "Contact", id: "/contact" },
                             { name: "Shop", id: "/shop" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -149,10 +149,10 @@ export default function ShopPage() {
                             },
                             {
                                 title: "Services",                                items: [
-                                    { label: "Heavy Hauling", href: "/services#heavy-hauling" },
-                                    { label: "Freight Transport", href: "/services#freight" },
-                                    { label: "Equipment Transport", href: "/services#equipment" },
-                                    { label: "Construction Services", href: "/services#construction" }
+                                    { label: "Heavy Hauling", href: "/services" },
+                                    { label: "Freight Transport", href: "/services" },
+                                    { label: "Equipment Transport", href: "/services" },
+                                    { label: "Construction Services", href: "/services" }
                                 ]
                             },
                             {
@@ -178,4 +178,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/styles/variables.css

@@ -4,7 +4,7 @@
 
   /* --background: #0a0a0a;;
   --card: #1a1a1a;;
-  --foreground: #fffaf5e6;;
+  --foreground: #ffffff;;
   --primary-cta: #ffaa70;;
   --secondary-cta: #1a1a1a;;
   --accent: #ffce93;;
@@ -12,7 +12,7 @@
 
   --background: #0a0a0a;;
   --card: #1a1a1a;;
-  --foreground: #fffaf5e6;;
+  --foreground: #ffffff;;
   --primary-cta: #ffaa70;;
   --secondary-cta: #1a1a1a;;
   --accent: #ffce93;;