Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -5,13 +5,13 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
   return (
@@ -28,8 +28,8 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav" className="fixed top-0 left-0 right-0 z-50">
-      <NavbarStyleCentered
+      <NavbarStyleFullscreen
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Services", id: "services" },
@@ -38,13 +38,12 @@ export default function LandingPage() {
         { name: "About", id: "about" },
         { name: "Contact", id: "contact" },
       ]}
-      button={{
+      button={{ text: "Get a Quote", href: "#contact" }}
-        text: "Get a Quote",        href: "#contact"}}
       brandName="West Lane"
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="pt-20">
       <HeroSplitDoubleCarousel
       background={{ variant: "radial-gradient" }}
       title="Your customers are searching for you."
@@ -159,26 +158,23 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
+      <TestimonialCardFive
-      animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "Sarah Miller", handle: "@sarahsmiller", testimonial: "West Lane Digital changed how we look online. Finally, a site that reflects our quality.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg" },
-        { id: "2", name: "Mark Davis", handle: "@mdavis_builds", testimonial: "No corporate nonsense. He delivered a high-end site faster than any agency I've tried.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
-        { id: "3", name: "Jenny Wilson", handle: "@jennyw_cafe", testimonial: "Simple process, incredible outcome. My local traffic has increased by 40%.", imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg" },
-        { id: "4", name: "David Thorne", handle: "@dthorne_law", testimonial: "Professional, direct, and very talented. A true local partner.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg" },
-        { id: "5", name: "Elena Rodriguez", handle: "@elena_wellness", testimonial: "I finally feel proud to send my clients to my website. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg" },
-      ]}
       title="Clients Who Get It"
       description="Small business owners who needed a real digital partner."
+      testimonials={[
+        { id: "1", name: "Sarah Miller", date: "Oct 2024", title: "Owner", quote: "West Lane Digital changed how we look online. Finally, a site that reflects our quality.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg" },
+        { id: "2", name: "Mark Davis", date: "Nov 2024", title: "Owner", quote: "No corporate nonsense. He delivered a high-end site faster than any agency I've tried.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
+        { id: "3", name: "Jenny Wilson", date: "Dec 2024", title: "Owner", quote: "Simple process, incredible outcome. My local traffic has increased by 40%.", tag: "Cafe", avatarSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg" },
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
       textboxLayout="split-description"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
         { id: "1", title: "How long does a typical build take?", content: "Most projects are completed within 3-4 weeks depending on the complexity." },
         { id: "2", title: "Do you provide maintenance?", content: "Yes, I offer ongoing maintenance packages to ensure your site stays fast and secure." },
@@ -202,16 +198,13 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="West Lane Digital"
-      columns={[
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        { title: "Site", items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#work" }, { label: "Pricing", href: "#pricing" }] },
+      rightLink={{ text: "© 2025 West Lane Digital", href: "#" }}
-        { title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Email", href: "mailto:hello@westlanedigital.com" }] },
-      ]}
-      copyrightText="© 2025 West Lane Digital. NC Based."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0d0d0d;
+  --background: #0a0a0a;
   --card: #171717;
-  --foreground: #ffffff;
+  --foreground: #f5f5f5;
   --primary-cta: #3b82f6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #0d0d0d;
+  --secondary-cta: #171717;
   --secondary-cta-text: #ffffff;
   --accent: #3b82f6;
-  --background-accent: #171717;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);