Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,17 +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 FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Award, CheckCircle, Shield } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -35,36 +30,36 @@ export default function LandingPage() {
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
         { name: "Services", id: "services" },
-        { name: "Past Work", id: "work" },
+        { name: "Projects", id: "work" },
         { name: "Contact", id: "contact" },
       ]}
-      brandName="C&E Concrete"
+      brandName="C & E Concrete Design INC"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{ variant: "gradient-bars" }}
-      title="Built to Last: Professional Concrete Solutions"
+      title="Quality Concrete Built To Last"
-      description="C&E Concrete delivers industry-leading precision and durability for residential and commercial projects. From foundations to finished surfaces, we set the standard."
+      description="C & E Concrete Design INC provides superior craftsmanship for all your residential and commercial needs in the Seattle area. Professional, licensed, and insured."
       buttons={[
-        { text: "Get a Quote", href: "#contact" },
+        { text: "Get a Free Estimate", href: "#contact" },
-        { text: "Our Services", href: "#services" },
+        { text: "View Our Services", href: "#services" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/shanghai-china-skyscrapers-old-iron-bridge_1127-2881.jpg"
-      imageAlt="Concrete pouring project"
+      imageAlt="Quality concrete project"
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={true}
-      title="Decades of Concrete Excellence"
+      title="Why Choose Us?"
-      description="At C&E Concrete, our legacy is built on the foundations we pour. We combine traditional craft with modern technology to ensure every structure stands the test of time and weather."
+      description="With over 15 years of experience, C & E Concrete Design INC is the trusted name in the Seattle area for high-quality concrete solutions. We are fully licensed and insured, offering professional expertise for both residential and commercial projects with a commitment to reliability and free estimates."
       metrics={[
-        { value: "20+", title: "Years Experience" },
+        { value: "15+", title: "Years Experience" },
-        { value: "1500+", title: "Projects Completed" },
+        { value: "100%", title: "Licensed & Insured" },
-        { value: "100%", title: "Client Satisfaction" },
+        { value: "Local", title: "Seattle Experts" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15109.jpg?_wi=1"
       imageAlt="About C&E Concrete"
@@ -79,12 +74,12 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      title="Our Past Work"
+      title="Recent Projects: Before & After"
-      description="A showcase of our recent projects and quality craftsmanship."
+      description="Explore the transformation in our gallery, showcasing our recent custom concrete designs and finished installations."
       products={[
-        { id: "w1", name: "Custom Residential Patio", price: "Completed 2024", variant: "Decorative", 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: "w2", name: "Commercial Foundation Pour", price: "Completed 2023", variant: "Structural", 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: "w3", name: "Polished Industrial Slab", price: "Completed 2024", variant: "Industrial", 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>
@@ -96,35 +91,34 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        { id: "p1", name: "Residential Foundations", price: "Custom Quote", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6117.jpg" },
+        { id: "s1", name: "Stamped Concrete", price: "Service", variant: "Decorative", imageSrc: "http://img.b2bpic.net/free-photo/empty-stone-stairway_1339-6117.jpg" },
-        { id: "p2", name: "Commercial Slabs", price: "Custom Quote", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg?_wi=2" },
+        { id: "s2", name: "Driveways & Patios", price: "Service", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/urban-street-with-modern-architecture_23-2147694741.jpg" },
-        { id: "p3", name: "Decorative Driveways", price: "Custom Quote", variant: "Stamped", imageSrc: "http://img.b2bpic.net/free-photo/urban-street-with-modern-architecture_23-2147694741.jpg" },
+        { id: "s3", name: "Sidewalks & Overlays", price: "Service", variant: "Structural", imageSrc: "http://img.b2bpic.net/free-photo/staircase-concrete_1203-3467.jpg?_wi=2" },
       ]}
-      title="Our Specialized Concrete Services"
+      title="Our Concrete Services"
-      description="We offer a wide range of concrete services to meet your specific construction needs."
+      description="We provide custom concrete designs tailored to your unique requirements."
     />
   </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="Ready to Start?"
+      imageSrc="http://img.b2bpic.net/free-photo/worker-working-construction-site_1150-15109.jpg"
-      title="Let's Lay the Foundation"
+      useInvertedBackground={false}
-      description="Contact C&E Concrete today for your project consultation."
-      buttons={[
-        { text: "Call Now", href: "tel:5550123" },
-        { text: "Send Email", href: "mailto:info@ceconcrete.com" },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
-      logoText="C&E Concrete"
+      logoText="C & E Concrete Design INC"
       columns={[
-        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+        { items: [{ label: "Stamped Concrete", href: "#services" }, { label: "Driveways/Patios", href: "#services" }] },
-        { title: "Support", items: [{ label: "Past Work", href: "#work" }, { 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);