Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -4,11 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Mail, MapPin, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -18,32 +19,20 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="compact"
         sizing="mediumLargeSizeLargeTitles"
-        background="noise"
+        background="none"
         cardStyle="outline"
-        primaryButtonStyle="diagonal-gradient"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="extrabold"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "Le Service",
-          id: "about",
-        },
-        {
-          name: "Pourquoi nous ?",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Accueil", id: "hero" },
+        { name: "Le Service", id: "about" },
+        { name: "Pourquoi nous ?", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="CG Cagnes"
     />
@@ -51,54 +40,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Votre Carte Grise à Cagnes-sur-Mer en 5 Minutes"
-      description="Simplifiez vos démarches administratives. Obtenez votre certificat d'immatriculation rapidement, en toute confiance et sans stress."
+      background={{ variant: "plain" }}
+      title="Votre Carte Grise à Cagnes-sur-Mer"
+      description="Simplifiez vos démarches administratives. Obtenez votre certificat d'immatriculation rapidement, en toute confiance."
       tag="Service Agréé"
-      buttons={[
-        {
-          text: "Commencer ma demande",
-          href: "#contact",
-        },
-        {
-          text: "En savoir plus",
-          href: "#about",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=1",
-          imageAlt: "Service Carte Grise Cagnes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=2",
-          imageAlt: "Service Carte Grise Cagnes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=3",
-          imageAlt: "Service Carte Grise Cagnes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=4",
-          imageAlt: "Service Carte Grise Cagnes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=5",
-          imageAlt: "Service Carte Grise Cagnes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=6",
-          imageAlt: "Service Carte Grise Cagnes",
-        },
-      ]}
+      buttons={[{ text: "Commencer ma demande", href: "#contact" }, { text: "En savoir plus", href: "#about" }]}
+      mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=1", imageAlt: "Service Carte Grise Cagnes" }]}
     />
   </div>
 
   <div id="about" data-section="about">
       <MediaAbout
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       title="Simplicité et Rapidité"
       description="Nous avons digitalisé le processus de carte grise pour vous éviter les files d'attente à la préfecture. Venez avec vos documents, nous nous occupons du reste en un clin d'œil."
       tag="Comment ça marche"
@@ -109,26 +62,14 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardThree
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Agrément Préfectoral",
-          description: "Professionnel habilité par le Ministère de l'Intérieur.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=2",
-        },
-        {
-          title: "Traitement Rapide",
-          description: "Dossier traité le jour même pour une réception rapide.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=3",
-        },
-        {
-          title: "Proximité",
-          description: "Situés en plein cœur de Cagnes-sur-Mer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=4",
-        },
+        { title: "Agrément Préfectoral", description: "Professionnel habilité par le Ministère de l'Intérieur.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=2" },
+        { title: "Traitement Rapide", description: "Dossier traité le jour même pour une réception rapide.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=3" },
+        { title: "Proximité", description: "Situés en plein cœur de Cagnes-sur-Mer.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=4" },
       ]}
       title="Pourquoi choisir CG Cagnes ?"
       description="Une solution complète, rapide et sécurisée pour tous vos besoins d'immatriculation."
@@ -137,45 +78,12 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Jean Dupont",
-          handle: "Cagnes",
-          testimonial: "Service ultra rapide et personnel très accueillant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=5",
-        },
-        {
-          id: "2",
-          name: "Marie Martin",
-          handle: "Cagnes",
-          testimonial: "J'ai eu ma carte grise en 24h, merci beaucoup !",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=6",
-        },
-        {
-          id: "3",
-          name: "Paul Durand",
-          handle: "Nice",
-          testimonial: "Très efficace, je recommande vivement ce lieu.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=7",
-        },
-        {
-          id: "4",
-          name: "Sophie Petit",
-          handle: "Cagnes",
-          testimonial: "La simplicité même, merci pour votre aide.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=8",
-        },
-        {
-          id: "5",
-          name: "Lucie Simon",
-          handle: "Villeneuve",
-          testimonial: "Une équipe professionnelle et disponible.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=9",
-        },
+        { id: "1", name: "Jean Dupont", handle: "Cagnes", testimonial: "Service ultra rapide et personnel très accueillant.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=5" },
+        { id: "2", name: "Marie Martin", handle: "Cagnes", testimonial: "J'ai eu ma carte grise en 24h, merci beaucoup !", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=6" }
       ]}
       title="Avis de nos clients"
       description="Des centaines de conducteurs nous font confiance chaque année."
@@ -188,67 +96,25 @@ export default function LandingPage() {
       title="Commencer ma demande"
       description="Envoyez-nous vos informations et nous vous contacterons immédiatement."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Nom complet",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Téléphone",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Nom complet", required: true },
+        { name: "email", type: "email", placeholder: "Email", required: true },
+        { name: "phone", type: "tel", placeholder: "Téléphone", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Détails de votre véhicule ou demande spécifique",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "Détails de votre véhicule ou demande spécifique", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/business-desk-arrangement-with-tablet_23-2148128306.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "CG Cagnes",
-          items: [
-            {
-              label: "À propos",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Nous situer",
-              href: "#contact",
-            },
-            {
-              label: "Tel: 04 93 00 00 00",
-              href: "tel:0493000000",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 CG Cagnes"
-      bottomRightText="Mentions Légales"
-    />
+      <FooterCard
+        logoText="CG Cagnes"
+        copyrightText="© 2025 | CG Cagnes. Tous droits réservés."
+        socialLinks={[
+          { icon: Mail, href: "mailto:contact@cgcagnes.fr", ariaLabel: "Email" },
+          { icon: Phone, href: "tel:0493000000", ariaLabel: "Téléphone" },
+          { icon: MapPin, href: "https://maps.google.com", ariaLabel: "Localisation" }
+        ]}
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>

src/app/styles/variables.css

@@ -11,7 +11,7 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f8f9fa;
+  --card: #f9f9f9;
   --foreground: #1a1a1a;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;