Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 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 FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FooterCard from '@/components/sections/footer/FooterCard';
@@ -112,11 +112,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Ceramic Coatings",          description: "Long-lasting protection for your paintwork, providing incredible gloss, hydrophobicity, and ease of maintenance.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/ceramic-coating-application.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/water-beading-ceramic-coating.jpg",          buttonText: "Learn More",          buttonHref: "#pricing"},
+          title: "Ceramic Coatings",          description: "Long-lasting protection for your paintwork, providing incredible gloss, hydrophobicity, and ease of maintenance.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuHt2ZxlmvkmNTdQSd3dWMTSTY/uploaded-1781025421248-x7yupibh.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/water-beading-ceramic-coating.jpg",          buttonText: "Learn More",          buttonHref: "#pricing"},
         {
-          title: "Paint Correction",          description: "Restore your vehicle's paint to its pristine condition by eliminating swirls, scratches, and oxidation, revealing a mirror-like finish.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/paint-correction-process.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/swirl-removal-before-after.jpg",          buttonText: "Discover Paint Perfection",          buttonHref: "#pricing"},
+          title: "Paint Correction",          description: "Restore your vehicle's paint to its pristine condition by eliminating swirls, scratches, and oxidation, revealing a mirror-like finish.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuHt2ZxlmvkmNTdQSd3dWMTSTY/uploaded-1781025421248-kaafmzan.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/swirl-removal-before-after.jpg",          buttonText: "Discover Paint Perfection",          buttonHref: "#pricing"},
         {
-          title: "Interior Restoration",          description: "Deep cleaning and conditioning of all interior surfaces, including leather, carpets, and trim, for a fresh, luxurious cabin.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/interior-detailing-vacuum.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/leather-conditioning.jpg",          buttonText: "Explore Interior Services",          buttonHref: "#pricing"},
+          title: "Interior Restoration",          description: "Deep cleaning and conditioning of all interior surfaces, including leather, carpets, and trim, for a fresh, luxurious cabin.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuHt2ZxlmvkmNTdQSd3dWMTSTY/uploaded-1781029374249-dg45uvps.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/stock/car-detailing/leather-conditioning.jpg",          buttonText: "Explore Interior Services",          buttonHref: "#pricing"},
       ]}
       title="Our Premium Services"
       description="Experience unparalleled care with our comprehensive detailing packages tailored to your vehicle's needs."
@@ -240,17 +240,20 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
       useInvertedBackground={false}
       background={{
         variant: "radial-gradient"}}
-      tag="Get In Touch"
+      tag="Schedule Your Service"
-      title="Ready for a Showroom Finish?"
+      title="Book Your Luxury Detailing Appointment"
-      description="Schedule your premium detailing service today and let us restore your vehicle's brilliance. Reach out to our team for a personalized consultation."
+      description="Use our simple booking process to select your services and preferred time slot. We'll confirm your appointment shortly."
-      buttons={[
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuHt2ZxlmvkmNTdQSd3dWMTSTY/uploaded-1781061926387-0noz3i7y.png"
-        {
+      imageAlt="Online booking process for car detailing"
-          text: "Book Your Detail Now",          href: "mailto:info@luxelaydetailing.com?subject=Inquiry%20from%20Website&body=I%20would%20like%20to%20inquire%20about%20your%20detailing%20services."},
+      mediaPosition="right"
-      ]}
+      inputPlaceholder="Your Email Address"
+      buttonText="Proceed to Scheduling"
+      termsText="By clicking 'Proceed to Scheduling', you agree to our Terms of Service and Privacy Policy."
+      onSubmit={(email) => alert(`Booking initiated for ${email}`)}
     />
   </div>
 
@@ -266,7 +269,7 @@ export default function LandingPage() {
           href: "https://www.facebook.com/luxelaydetailing",          ariaLabel: "Facebook"},
         {
           icon: Instagram,
-          href: "https://www.instagram.com/luxelaydetailing",          ariaLabel: "Instagram"},
+          href: "https://www.instagram.com/luxelay_detailing?igsh=NGJkdWw0d2Q4cHAy&utm_source=qr",          ariaLabel: "Instagram"},
         {
           icon: Twitter,
           href: "https://twitter.com/luxelaydetailing",          ariaLabel: "Twitter"},

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);