Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Award, CheckCircle, Shield, MapPin, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -75,12 +74,12 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      title="Recent Projects"
+      title="Recent Projects: Before & After"
-      description="Explore our recent custom concrete designs and finished installations."
+      description="Explore the transformation in our gallery, showcasing our recent custom concrete designs and finished installations."
       products={[
-        { id: "p1", name: "Custom Stamped Patio", price: "Gallery Item", variant: "Stamped", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432953.jpg" },
+        { id: "p1", name: "Custom Stamped Patio (After)", price: "Ref: 01", variant: "Stamped", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432953.jpg" },
-        { id: "p2", name: "Modern Driveway Overlay", price: "Gallery Item", variant: "Overlay", imageSrc: "http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15109.jpg?_wi=2" },
+        { id: "p2", name: "Driveway Transformation (After)", price: "Ref: 02", variant: "Overlay", imageSrc: "http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15109.jpg?_wi=2" },
-        { id: "p3", name: "Residential Sidewalk", price: "Gallery Item", variant: "Structural", imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg?_wi=1" }
+        { id: "p3", name: "Structural Sidewalk (After)", price: "Ref: 03", variant: "Structural", imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg?_wi=1" }
       ]}
     />
   </div>
@@ -102,25 +101,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
-      useInvertedBackground={true}
+      tag="Quote Request"
+      title="Start Your Project Today"
+      description="Fill in your details below to request a free quote for your next concrete project. Our team will get back to you shortly."
+      onSubmit={(email) => console.log("Form submitted for: ", email)}
       background={{ variant: "plain" }}
-      tag="Contact Us"
+      imageSrc="http://img.b2bpic.net/free-photo/worker-working-construction-site_1150-15109.jpg"
-      title="(253) 217-7449"
+      useInvertedBackground={false}
-      description="Ready to get started? Send us a message below with your project details and we'll be in touch."
-      buttons={[
-        { text: "Call Us", href: "tel:2532177449" },
-        { text: "Email Us", href: "mailto:info@ceconcrete.com" },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
       logoText="C & E Concrete Design INC"
       columns={[
-        { title: "Services", items: [{ label: "Stamped Concrete", href: "#services" }, { label: "Driveways/Patios", href: "#services" }] },
+        { items: [{ label: "Stamped Concrete", href: "#services" }, { label: "Driveways/Patios", href: "#services" }] },
-        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Follow on Instagram", href: "https://instagram.com" }] },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #0a0a0a;
-  --card: #dad6cd;
+  --card: #1a1a1a;
-  --foreground: #2a2928;
+  --foreground: #f5f5f5;
-  --primary-cta: #2a2928;
+  --primary-cta: #ffdf7d;
-  --primary-cta-text: #f5f4ef;
+  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #2a2928;
+  --secondary-cta-text: #ffffff;
-  --accent: #ffffff;
+  --accent: #b8860b;
-  --background-accent: #c6b180;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);