Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -154,23 +154,30 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
+          <ContactCTA
             useInvertedBackground={false}
             background={{ variant: "plain" }}
             tag="Let's Connect"
             title="Ready to Crown Your World?"
-            description="Send us your project details for a bespoke roofing consultation."
+            description="Reach out to us today for a bespoke roofing consultation. Our expert team is ready to deliver architectural precision for your next project."
+            buttons={[{ text: "Call Us Now", href: "tel:0704646664" }, { text: "Send an Enquiry", href: "mailto:info@rexeroofing.com" }]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoEmphasis
-            columns={[
-              { items: [{ label: "Products", href: "#products" }, { label: "Process", href: "#process" }] },
-              { items: [{ label: "Company", href: "#" }, { label: "Careers", href: "#" }] },
-              { items: [{ label: "Support", href: "#" }, { label: "Contact", href: "#contact" }] }
-            ]}
+          <FooterMedia
             logoText="REXE Roofing"
+            imageSrc="http://img.b2bpic.net/free-photo/modern-house-architecture-design_23-2148744040.jpg"
+            columns={[
+              { 
+                title: "Navigate", 
+                items: [{ label: "Products", href: "#products" }, { label: "Process", href: "#process" }, { label: "Contact", href: "#contact" }] 
+              },
+              { 
+                title: "Location", 
+                items: [{ label: "Taranaki Court, Off Chania Ave, Nairobi", href: "#" }, { label: "0704 646664", href: "tel:0704646664" }, { label: "rexeroofing.com", href: "https://rexeroofing.com" }] 
+              }
+            ]}
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #0a0a0a;
-  --card: #121212;
-  --foreground: #ffffff;
+  --card: #171717;
+  --foreground: #f5f5f5;
   --primary-cta: #d4af37;
   --primary-cta-text: #000000;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #404040;
   --secondary-cta-text: #ffffff;
   --accent: #b8860b;
-  --background-accent: #2a2a2a;
+  --background-accent: #262626;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);