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."
+      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,45 +142,42 @@ 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>
     </ThemeProvider>
   );
-}
+}