Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -32,24 +32,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Home", id: "#hero" },
+        { name: "Accueil", id: "#hero" },
-        { name: "About", id: "#about" },
+        { name: "À propos", id: "#about" },
         { name: "Services", id: "#services" },
         { name: "Contact", id: "#contact" },
       ]}
       brandName="MYLEGALWIN"
-      button={{ text: "Consult Now", href: "#contact" }}
+      button={{ text: "Consulter", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{ variant: "gradient-bars" }}
-      title="Your Trusted Legal Partner in Morocco"
+      title="Votre partenaire juridique de confiance au Maroc"
-      description="Expert legal guidance and representation tailored to your business and personal needs with MYLEGALWIN."
+      description="Conseils juridiques experts et représentation sur mesure pour vos besoins professionnels et personnels avec MYLEGALWIN."
-      buttons={[{ text: "Get Consultation", href: "#contact" }]}
+      buttons={[{ text: "Obtenir une consultation", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/modern-office-building-against-blue-sky_23-2148139873.jpg"
-      imageAlt="Legal services consultation"
+      imageAlt="Consultation de services juridiques"
     />
   </div>
 
@@ -57,15 +57,15 @@ export default function LandingPage() {
       <SplitAbout
       textboxLayout="split"
       useInvertedBackground={true}
-      title="Why Choose MYLEGALWIN?"
+      title="Pourquoi choisir MYLEGALWIN ?"
-      description="We combine local legal expertise with a modern approach to ensure your interests are protected efficiently."
+      description="Nous combinons une expertise juridique locale avec une approche moderne pour garantir la protection efficace de vos intérêts."
       bulletPoints={[
-        { title: "Expertise", description: "Years of experience in Moroccan commercial and civil law." },
+        { title: "Expertise", description: "Années d'expérience en droit commercial et civil marocain." },
-        { title: "Efficiency", description: "Swift resolution of legal matters with proactive solutions." },
+        { title: "Efficacité", description: "Résolution rapide des affaires juridiques avec des solutions proactives." },
-        { title: "Trust", description: "Transparent communication and client-centered approach." },
+        { title: "Confiance", description: "Communication transparente et approche centrée sur le client." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/laptop-mallet-table_93675-130721.jpg"
-      imageAlt="Lawyer professional meeting table"
+      imageAlt="Réunion professionnelle d'avocats"
     />
   </div>
 
@@ -76,17 +76,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Business Law",          description: "Assisting entrepreneurs and companies with compliance and governance.",          bentoComponent: "reveal-icon",          icon: Briefcase,
+          title: "Droit des affaires",          description: "Accompagnement des entrepreneurs et entreprises dans leur conformité et gouvernance.",          bentoComponent: "reveal-icon",          icon: Briefcase,
         },
         {
-          title: "Real Estate Law",          description: "Handling property transactions, contracts, and disputes.",          bentoComponent: "reveal-icon",          icon: Building,
+          title: "Droit immobilier",          description: "Gestion des transactions immobilières, contrats et litiges.",          bentoComponent: "reveal-icon",          icon: Building,
         },
         {
-          title: "Tax Advisory",          description: "Navigating fiscal regulations and optimization for your business.",          bentoComponent: "reveal-icon",          icon: TrendingUp,
+          title: "Conseil fiscal",          description: "Navigation dans les réglementations fiscales et optimisation pour votre entreprise.",          bentoComponent: "reveal-icon",          icon: TrendingUp,
         },
       ]}
-      title="Our Legal Services"
+      title="Nos services juridiques"
-      description="Comprehensive legal support designed to address your specific challenges."
+      description="Soutien juridique complet conçu pour répondre à vos défis spécifiques."
     />
   </div>
 
@@ -97,12 +97,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        { id: "m1", value: "500+", title: "Cases Won", description: "Successfully resolved legal matters.", icon: Award },
+        { id: "m1", value: "500+", title: "Dossiers traités", description: "Affaires juridiques résolues avec succès.", icon: Award },
-        { id: "m2", value: "250+", title: "Business Partners", description: "Companies served and counting.", icon: Briefcase },
+        { id: "m2", value: "250+", title: "Partenaires", description: "Entreprises servies et plus encore.", icon: Briefcase },
-        { id: "m3", value: "98%", title: "Client Satisfaction", description: "Consistently exceeding expectations.", icon: Star },
+        { id: "m3", value: "98%", title: "Satisfaction client", description: "Dépassant constamment les attentes.", icon: Star },
       ]}
-      title="Our Impact in Numbers"
+      title="Notre impact en chiffres"
-      description="We are proud of the results we achieve for our clients every day. Our team brings decades of combined experience across diverse industry sectors to handle even the most complex legal challenges with precision."
+      description="Nous sommes fiers des résultats obtenus pour nos clients chaque jour. Notre équipe apporte des décennies d'expérience combinée dans divers secteurs pour gérer les défis les plus complexes avec précision."
     />
   </div>
 
@@ -116,8 +116,8 @@ export default function LandingPage() {
         { id: "4", name: "Sara K.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
         { id: "5", name: "Omar D.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
       ]}
-      cardTitle="Client Voices"
+      cardTitle="Témoignages"
-      cardTag="Trusted by Leaders"
+      cardTag="Recommandé par nos clients"
       cardAnimation="slide-up"
     />
   </div>
@@ -126,12 +126,12 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        { id: "f1", title: "Do you offer international services?", content: "Yes, we handle international corporate law matters." },
+        { id: "f1", title: "Proposez-vous des services internationaux ?", content: "Oui, nous gérons des dossiers de droit des sociétés international." },
-        { id: "f2", title: "How do I book a consultation?", content: "Simply fill out our contact form or call us directly." },
+        { id: "f2", title: "Comment réserver une consultation ?", content: "Remplissez simplement notre formulaire de contact ou appelez-nous directement." },
-        { id: "f3", title: "What are your fees?", content: "Our fee structure is transparent and customized to each project." },
+        { id: "f3", title: "Quels sont vos honoraires ?", content: "Notre structure d'honoraires est transparente et adaptée à chaque projet." },
       ]}
-      sideTitle="Questions?"
+      sideTitle="Questions ?"
-      sideDescription="Find answers to our most common inquiries about legal services in Morocco."
+      sideDescription="Trouvez des réponses à nos questions fréquentes sur les services juridiques au Maroc."
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -142,42 +142,39 @@ export default function LandingPage() {
       useInvertedBackground={false}
       names={[
         "MoroccoBiz",        "LegalGroup",        "Casablanca Ventures",        "NorthTrade",        "Atlas Corp",        "Fes Logistics",        "Agadir Tech"]}
-      title="Our Network"
+      title="Notre réseau"
-      description="Collaborating with leading businesses in the region."
+      description="Collaborant avec des entreprises leaders dans la région."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
-      useInvertedBackground={true}
+      tag="Entrer en contact"
+      title="Planifiez votre consultation juridique"
+      description="Parlez avec notre équipe pour discuter de vos besoins juridiques dès aujourd'hui."
       background={{ variant: "plain" }}
-      tag="Get in Touch"
+      useInvertedBackground={true}
-      title="Schedule Your Legal Consultation"
-      description="Speak with our team to discuss your business or personal legal needs today."
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-young-beautiful-lady-white-shirt-dark-jacket-black-trousers-looking-distance-hall-waiting-daytime-building-job-activity_140725-15228.jpg"
-      mediaPosition="left"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterBase
-      imageSrc="http://img.b2bpic.net/free-vector/gradient-advocate-logo-design_23-2150649108.jpg"
       logoText="MYLEGALWIN"
       columns={[
         {
           title: "Services",          items: [
-            { label: "Business Law", href: "#" },
+            { label: "Droit des affaires", href: "#" },
-            { label: "Tax Law", href: "#" },
+            { label: "Droit fiscal", href: "#" },
           ],
         },
         {
-          title: "Company",          items: [
+          title: "Entreprise",          items: [
-            { label: "About Us", href: "#" },
+            { label: "À propos", href: "#" },
             { label: "Contact", href: "#" },
           ],
         },
       ]}
-      copyrightText="© 2025 MYLEGALWIN | Legal Services"
+      copyrightText="© 2025 MYLEGALWIN | Services Juridiques"
     />
   </div>
       </ReactLenis>