Switch to version 1: modified src/app/styles/variables.css

Merge version_4 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -158,42 +158,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-        tag="Get In Touch"
-        title="Ready to Start Your Project?"
-        description="Reach out to discuss your fencing or deck restoration needs with our expert team today."
-        buttons={[{ text: "Book Consultation", href: "mailto:hello@loewens.com" }]}
-        background={{ variant: "sparkles-gradient" }}
-        useInvertedBackground={true}
-      />
+      <ContactText
+      useInvertedBackground={false}
+      background={{ variant: "rotated-rays-static" }}
+      text="Ready to redefine your outdoor space? Reach out for a consultation regarding your next project."
+      buttons={[
+        { text: "Contact Us Now", href: "mailto:hello@loewens.com" },
+      ]}
+    />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-        logoText="Loewens Fencing"
-        columns={[
-          {
-            title: "Company",            items: [
-              { label: "About", href: "#about" },
-              { label: "Services", href: "#features" },
-              { label: "Projects", href: "#product" }
-            ]
-          },
-          {
-            title: "Legal",            items: [
-              { label: "Privacy Policy", href: "#" },
-              { label: "Terms of Service", href: "#" }
-            ]
-          },
-          {
-            title: "Connect",            items: [
-              { label: "Instagram", href: "#" },
-              { label: "LinkedIn", href: "#" }
-            ]
-          }
-        ]}
-        copyrightText="© 2025 Loewens Fencing & Deck Repairs"
-      />
+      <FooterLogoEmphasis
+      columns={[
+        { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Projects", href: "#product" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+        { items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] },
+      ]}
+      logoText="Loewens Fencing"
+    />
   </div>
       </ReactLenis>
     </ThemeProvider>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
-  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --background: #f5f4ef;
+  --card: #dad6cd;
+  --foreground: #2a2928;
+  --primary-cta: #2a2928;
+  --primary-cta-text: #f5f4ef;
+  --secondary-cta: #ecebea;
+  --secondary-cta-text: #2a2928;
+  --accent: #ffffff;
+  --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);