Merge version_3 into main #3

Merged
bender merged 1 commits from version_3 into main 2026-05-12 14:41:58 +00:00

View File

@@ -31,27 +31,27 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Accueil", id: "hero" },
{ name: "Services", id: "features" },
{ name: "About", id: "about" },
{ 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"
avatarText="Trusted by 500+ Moroccan locals"
avatarText="Approuvé par 500+ habitants au Maroc"
/>
</div>
@@ -61,20 +61,20 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Fast Task Posting", tags: ["Simple", "Instant"] },
{ id: "f2", title: "Verified Professionals", tags: ["Trusted", "Safe"] },
{ id: "f3", title: "WhatsApp Integration", tags: ["Direct", "Fast"] },
{ id: "f1", title: "Publication rapide", tags: ["Simple", "Instant"] },
{ id: "f2", title: "Pros vérifiés", tags: ["Trusted", "Safe"] },
{ id: "f3", title: "Intégration WhatsApp", tags: ["Direct", "Fast"] },
]}
title="Why Choose 9rib?"
description="Tailored for the Moroccan market, simple and fast."
title="Pourquoi choisir 9rib?"
description="Conçu pour le marché marocain, c'est Dima 9rib!"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Our Moroccan Craft"
buttons={[{ text: "Discover More", href: "#" }]}
title="Notre savoir-faire marocain"
buttons={[{ text: "En savoir plus", href: "#" }]}
/>
</div>
@@ -85,24 +85,24 @@ export default function LandingPage() {
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: "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="Local Services"
description="Professional services for every Moroccan home"
title="Services locaux"
description="Des pros pour chaque maison, mlih o bghiti!"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Trusted Nationwide"
tag="9rib Growth"
title="Confiance nationale"
tag="Croissance 9rib"
metrics={[
{ id: "m1", value: "100+", description: "Verified Experts" },
{ id: "m2", value: "500+", description: "Projects Completed" },
{ id: "m3", value: "95%", description: "Satisfied Clients" },
{ 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"
/>
@@ -113,11 +113,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", title: "Excellent Service", quote: "Professional work, very satisfied!", name: "Ahmed", role: "Casa Resident" },
{ id: "t2", title: "Quick Solution", quote: "Found help instantly in my neighborhood.", name: "Fatima", role: "Local Business" },
{ id: "t1", title: "Excellent service", quote: "Professionnel, khedma nqiya!", name: "Ahmed", role: "sident Casa" },
{ id: "t2", title: "Solution rapide", quote: "Help, dakchi bghito 9rib!", name: "Fatima", role: "Local Business" },
]}
title="Our Moroccan Community"
description="Hear from our users"
title="Notre communauté"
description="Témoignages de nos utilisateurs"
/>
</div>
@@ -125,10 +125,10 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Is the platform local?", content: "Yes, we focus entirely on Moroccan cities." },
{ id: "q2", title: "Are workers vetted?", content: "Yes, all our professionals undergo strict identity checks." },
{ id: "q1", title: "La plateforme est-elle locale?", content: "Oui, on se concentre sur les villes marocaines, 9rib lik!" },
{ id: "q2", title: "Les travailleurs sont-ils vérifiés?", content: "Oui, vérification stricte, ma tkhfch!" },
]}
sideTitle="Need Help?"
sideTitle="Besoin d'aide ?"
faqsAnimation="slide-up"
/>
</div>
@@ -137,18 +137,18 @@ export default function LandingPage() {
<ContactCTA
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
tag="Connect Now"
title="Start Your Project Today"
description="Join the fastest growing service network in Morocco."
buttons={[{ text: "Post a Task", 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>