Update src/app/page.tsx

Merge version_1 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 FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
@@ -68,7 +68,7 @@ export default function LandingPage() {
         {
           imageSrc: "http://img.b2bpic.net/free-photo/hands-wheel-when-driving-high-speed-from-inside-car_169016-23177.jpg",          imageAlt: "Scenic road"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-smartphone_23-2149176300.jpg",          imageAlt: "Instructor team"},
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-smartphone_23-2149176300.jpg?_wi=1",          imageAlt: "Instructor team"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -156,19 +156,22 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
       tag="Contact Us"
       title="Ready to hit the road?"
       description="Don't wait months to get started. Contact Grégory, Joey, Carole, or Juan today and let’s get your license moving."
-      buttonText="Contact Us Now"
+      buttons={[
+        { text: "Contact Us Now", href: "#" }
+      ]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterMedia
+      logoText="Lausanne Driving School"
+      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-smartphone_23-2149176300.jpg?_wi=2"
       columns={[
         {
           title: "Company",          items: [
@@ -199,7 +202,6 @@ export default function LandingPage() {
           ],
         },
       ]}
-      logoText="Lausanne Driving School"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #1c1c1c;
+  --foreground: #f5f5f5;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #1f7cff;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #010101;
   --secondary-cta-text: #1c1c1c;
-  --accent: #6139e6;
+  --accent: #1f7cff;
-  --background-accent: #b3a8e8;
+  --background-accent: #f96b2f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);