Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -31,69 +31,27 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "How it works",
-          id: "about",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Accueil", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "À propos", id: "about" },
+        { name: "FAQ", id: "faq" },
       ]}
       brandName="9rib"
       button={{
-        text: "Post a Task",
-        href: "contact",
-      }}
+        text: "Publier une mission",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroOverlay
-      title="Find Trusted Local Help Near You"
-      description="Post your task, get connected with reliable local workers in Casablanca, and get things done fast."
+      title="Trouvez de l'aide de confiance près de chez vous"
+      description="Postez votre mission, connectez-vous avec des travailleurs locaux à Casablanca, et get things done fast (Bghiti tsalhiha, 9rib!)."
       buttons={[
-        {
-          text: "Post a Task",
-          href: "#contact",
-        },
-        {
-          text: "Find a Worker",
-          href: "#catalog",
-        },
+        { text: "Publier une mission", href: "#contact" },
+        { text: "Trouver un pro", href: "#catalog" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/female-engineers-gesturing-thumb-up_23-2147771750.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-showing-thumbs-up-shirt-helmet-looking-happy_176474-11011.jpg",
-          alt: "Young man showing thumbs up in shirt, helmet and looking happy.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-holds-out-hand-isolated-olive-green-wall_141793-66479.jpg",
-          alt: "Smiling adult builder man in uniform holds out hand isolated on olive green wall",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/builder-young-man-construction-uniform-safety-helmet-wearing-rubber-gloves-showing-thumb-up-happy-positive-smiling-standing-blue-background_141793-134413.jpg",
-          alt: "Builder young man in construction uniform and safety helmet wearing rubber gloves showing thumb up happy and positive smiling standing over blue background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-rejoicing-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-contractor-agenda-corporate-job-property-builder_140725-155596.jpg",
-          alt: "Front view rejoicing male engineer sitting behind his working place and writing notes document plan business contractor agenda corporate job property builder",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
-          alt: "Happy customer portrait",
-        },
-      ]}
-      avatarText="Trusted by 500+ locals"
+      avatarText="Approuvé par 500+ habitants au Maroc"
     />
   </div>
 
@@ -103,49 +61,20 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Fast Task Posting",
-          tags: [
-            "Simple",
-            "Instant",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/illustration-reverse-clock-icon_53876-5629.jpg",
-        },
-        {
-          id: "f2",
-          title: "Verified Professionals",
-          tags: [
-            "Trusted",
-            "Safe",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/shields-with-checkmarks-set_78370-7864.jpg",
-        },
-        {
-          id: "f3",
-          title: "WhatsApp Integration",
-          tags: [
-            "Direct",
-            "Fast",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/shop-online-e-commerce-marketing-business-concept_53876-123778.jpg",
-        },
+        { id: "f1", title: "Publication rapide", tags: ["Simple", "Instant"] },
+        { id: "f2", title: "Pros vérifiés", tags: ["Fiabilité", "Sécurité"] },
+        { id: "f3", title: "Intégration WhatsApp", tags: ["Direct", "Rapide"] },
       ]}
-      title="Why Choose 9rib?"
-      description="Simple, fast, and local. Everything you need to get help in your city."
+      title="Pourquoi choisir 9rib ?"
+      description="Spécialement conçu pour le marché marocain, c'est Dima 9rib !"
     />
   </div>
 
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={true}
-      title="How it Works"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
+      title="Notre savoir-faire marocain"
+      buttons={[{ text: "En savoir plus", href: "#" }]}
     />
   </div>
 
@@ -153,72 +82,27 @@ export default function LandingPage() {
       <ProductCardOne
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
+      gridVariant="three-columns-all-equal-width"
       products={[
-        {
-          id: "p1",
-          name: "Plumbing",
-          price: "From 150 MAD",
-          imageSrc: "http://img.b2bpic.net/free-photo/cell-phone-shopping-cart-online-shopping-mobile-shopping-concept_1387-918.jpg",
-        },
-        {
-          id: "p2",
-          name: "Electricity",
-          price: "From 100 MAD",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149733574.jpg",
-        },
-        {
-          id: "p3",
-          name: "Cleaning",
-          price: "From 200 MAD",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-e-commerce-elements_1051-481.jpg",
-        },
-        {
-          id: "p4",
-          name: "Gardening",
-          price: "From 180 MAD",
-          imageSrc: "http://img.b2bpic.net/free-vector/help-support-25-line-icon-pack-including-communication-call-phone-support-file_1142-26479.jpg",
-        },
-        {
-          id: "p5",
-          name: "Painting",
-          price: "From 300 MAD",
-          imageSrc: "http://img.b2bpic.net/free-vector/check-mark-star-stamp-set_78370-8832.jpg",
-        },
-        {
-          id: "p6",
-          name: "Moving",
-          price: "From 500 MAD",
-          imageSrc: "http://img.b2bpic.net/free-vector/shopping_24908-54092.jpg",
-        },
+        { id: "p1", name: "Plomberie", price: "Dès 150 MAD", imageSrc: "http://img.b2bpic.net/free-photo/cell-phone-shopping-cart-online-shopping-mobile-shopping-concept_1387-918.jpg" },
+        { id: "p2", name: "Électricité", price: "Dès 100 MAD", imageSrc: "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149733574.jpg" },
+        { id: "p3", name: "Ménage", price: "Dès 200 MAD", imageSrc: "http://img.b2bpic.net/free-vector/flat-e-commerce-elements_1051-481.jpg" },
       ]}
-      title="Popular Categories"
-      description="Browse by task type"
+      title="Services locaux"
+      description="Des artisans qualifiés près de chez vous, mlih o bghiti !"
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       useInvertedBackground={true}
-      title="9rib in Numbers"
-      tag="Growing Every Day"
+      title="Confiance nationale"
+      tag="Croissance 9rib"
       metrics={[
-        {
-          id: "m1",
-          value: "100+",
-          description: "Verified Workers",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          description: "Tasks Completed",
-        },
-        {
-          id: "m3",
-          value: "95%",
-          description: "Client Satisfaction",
-        },
+        { id: "m1", value: "100+", description: "Experts vérifiés (tbarkallah)" },
+        { id: "m2", value: "500+", description: "Projets réalisés (khedma nqiya)" },
+        { id: "m3", value: "95%", description: "Clients satisfaits (kolchi mlih)" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -229,49 +113,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Great Plumber!",
-          quote: "Found a plumber within 10 minutes. Very professional.",
-          name: "Ahmed",
-          role: "User",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
-        },
-        {
-          id: "t2",
-          title: "Highly Recommended",
-          quote: "9rib makes finding help so much easier.",
-          name: "Fatima",
-          role: "User",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg",
-        },
-        {
-          id: "t3",
-          title: "Fast and Simple",
-          quote: "The platform is incredibly user-friendly.",
-          name: "Youssef",
-          role: "User",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-showing-people-tablet-what-she-got-sales-shopping_23-2148695607.jpg",
-        },
-        {
-          id: "t4",
-          title: "Lifesaver!",
-          quote: "Needed electrical work done immediately.",
-          name: "Nadia",
-          role: "User",
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68234.jpg",
-        },
-        {
-          id: "t5",
-          title: "Trustworthy",
-          quote: "I feel safe using workers from here.",
-          name: "Omar",
-          role: "User",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
-        },
+        { id: "t1", title: "Excellent service", quote: "Professionnel, khedma nqiya !", name: "Ahmed", role: "Résident Casa" },
+        { id: "t2", title: "Solution rapide", quote: "Help, dakchi bghito 9rib !", name: "Fatima", role: "Local Business" },
       ]}
-      title="Customer Stories"
-      description="See why people trust us"
+      title="Notre communauté"
+      description="Témoignages de nos utilisateurs marocains"
     />
   </div>
 
@@ -279,56 +125,30 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "Is 9rib free?",
-          content: "Posting a task is free for customers.",
-        },
-        {
-          id: "q2",
-          title: "How are workers verified?",
-          content: "We check CIN and conduct interviews.",
-        },
-        {
-          id: "q3",
-          title: "How do I pay?",
-          content: "Pay the worker directly after completion.",
-        },
+        { id: "q1", title: "La plateforme est-elle locale ?", content: "Absolument ! On se concentre sur les villes marocaines, c'est 9rib lik !" },
+        { id: "q2", title: "Les travailleurs sont-ils vérifiés ?", content: "Oui, nous effectuons une vérification stricte, ma tkhfch !" },
       ]}
-      sideTitle="Questions?"
+      sideTitle="Besoin d'aide ?"
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get Started"
-      title="Ready to Post Your First Task?"
-      description="It only takes a minute to get help."
-      buttons={[
-        {
-          text: "Post a Task Now",
-          href: "#",
-        },
-      ]}
+      tag="Connectez-vous"
+      title="Démarrez votre projet aujourd'hui"
+      description="Rejoignez le réseau le plus rapide au Maroc. Bghiti khedma ? 9rib !"
+      buttons={[{ text: "Publier une mission", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="9rib"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+      leftLink={{ text: "Conditions d'utilisation (Lqanoun)", href: "#" }}
+      rightLink={{ text: "Politique de confidentialité", href: "#" }}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --background: #fbf9f4;
+  --card: #f0ede5;
+  --foreground: #3d2b1f;
+  --primary-cta: #c17d2d;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --secondary-cta: #f0ede5;
+  --secondary-cta-text: #3d2b1f;
+  --accent: #9c683b;
+  --background-accent: #e0d5c8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);