redesign the dashboard

packages/types/src/marketplace-homepage.ts

@@ -16,13 +16,28 @@ export type MarketplaceHomepageStep = {
   body: string
 }
 
+export type MarketplaceHomepageTestimonial = {
+  quote: string
+  author: string
+  role: string
+  company?: string
+}
+
+export type MarketplaceHomepageHowItWorksStep = {
+  number: string
+  title: string
+  description: string
+}
+
 export type MarketplaceHomepageSectionType =
   | 'hero'
   | 'surface'
   | 'pillars'
   | 'audiences'
   | 'features'
+  | 'howitworks'
   | 'steps'
+  | 'testimonials'
   | 'closing'
 
 export type MarketplaceHomepageContent = {
@@ -49,9 +64,15 @@ export type MarketplaceHomepageContent = {
   metrics: MarketplaceHomepageMetric[]
   featureLabel: string
   features: string[]
+  howitworksKicker: string
+  howitworksTitle: string
+  howitworksSteps: MarketplaceHomepageHowItWorksStep[]
   stepsTitle: string
   steps: MarketplaceHomepageStep[]
   stepLabel: string
+  testimonialsKicker: string
+  testimonialsTitle: string
+  testimonials: MarketplaceHomepageTestimonial[]
   readyKicker: string
   readyTitle: string
   readyBody: string
@@ -67,7 +88,9 @@ export const defaultMarketplaceHomepageSections: MarketplaceHomepageSectionType[
   'pillars',
   'audiences',
   'features',
+  'howitworks',
   'steps',
+  'testimonials',
   'closing',
 ]
 
@@ -113,6 +136,25 @@ export const defaultMarketplaceHomepageContent: MarketplaceHomepageConfig = {
       'Branded public booking site per company',
       'Customer CRM, analytics, and billing controls',
     ],
+    howitworksKicker: 'GETTING STARTED',
+    howitworksTitle: 'How It Works',
+    howitworksSteps: [
+      {
+        number: '1',
+        title: 'Create Account',
+        description: 'Sign up for your company workspace and choose your pricing plan for the 90-day free trial.',
+      },
+      {
+        number: '2',
+        title: 'Add Your Fleet',
+        description: 'Upload vehicle photos, set prices, and create offers visible on the marketplace.',
+      },
+      {
+        number: '3',
+        title: 'Start Selling',
+        description: 'Renters discover your fleet, and bookings flow directly to your branded checkout.',
+      },
+    ],
     stepsTitle: 'How companies launch',
     steps: [
       ['1', 'Create your company workspace', 'Pick a plan, launch your 90-day trial, and verify the owner account.'],
@@ -120,6 +162,31 @@ export const defaultMarketplaceHomepageContent: MarketplaceHomepageConfig = {
       ['3', 'Accept bookings on your own site', 'Renters discover your fleet on RentalDriveGo, then pay you directly on your branded booking flow.'],
     ].map(([step, title, body]) => ({ step: step!, title: title!, body: body! })),
     stepLabel: 'Step',
+    testimonialsKicker: 'CUSTOMER STORIES',
+    testimonialsTitle: 'Trusted by rental companies worldwide',
+    testimonials: [
+      {
+        quote:
+          'RentalDriveGo transformed how we manage our fleet and reach customers. The marketplace visibility has doubled our bookings.',
+        author: 'Sarah Johnson',
+        role: 'Fleet Manager',
+        company: 'Premium Auto Rentals',
+      },
+      {
+        quote:
+          'The two-sided platform gives us control over our operations while renters get a seamless experience. Perfect balance.',
+        author: 'Ahmed Hassan',
+        role: 'Operations Director',
+        company: 'Desert Wheels',
+      },
+      {
+        quote:
+          'We appreciated how easy it was to set up our branded booking flow. Our customers love the direct payment experience.',
+        author: 'Marie Dubois',
+        role: 'Owner',
+        company: 'Provence Car Hire',
+      },
+    ],
     readyKicker: 'Ready to launch',
     readyTitle: 'The marketplace homepage should explain the product in seconds.',
     readyBody:
@@ -168,6 +235,25 @@ export const defaultMarketplaceHomepageContent: MarketplaceHomepageConfig = {
       'Site public de réservation par entreprise',
       'CRM client, analytics et contrôle de facturation',
     ],
+    howitworksKicker: 'MISE EN ROUTE',
+    howitworksTitle: 'Comment ça marche',
+    howitworksSteps: [
+      {
+        number: '1',
+        title: 'Créer un compte',
+        description: 'Inscrivez-vous à votre espace entreprise et choisissez votre forfait pour l\'essai gratuit de 90 jours.',
+      },
+      {
+        number: '2',
+        title: 'Ajouter votre flotte',
+        description: 'Téléversez les photos des véhicules, fixez les tarifs et créez des offres visibles sur la marketplace.',
+      },
+      {
+        number: '3',
+        title: 'Commencer à vendre',
+        description: 'Les clients découvrent votre flotte et les réservations arrivent directement à votre paiement de marque.',
+      },
+    ],
     stepsTitle: 'Comment les entreprises démarrent',
     steps: [
       ['1', 'Créez votre espace entreprise', 'Choisissez un plan, lancez votre essai de 90 jours et vérifiez le compte propriétaire.'],
@@ -175,6 +261,31 @@ export const defaultMarketplaceHomepageContent: MarketplaceHomepageConfig = {
       ['3', 'Acceptez les réservations sur votre site', 'Les clients découvrent votre flotte sur RentalDriveGo puis paient directement via votre parcours de réservation.'],
     ].map(([step, title, body]) => ({ step: step!, title: title!, body: body! })),
     stepLabel: 'Étape',
+    testimonialsKicker: 'HISTOIRES DE CLIENTS',
+    testimonialsTitle: 'Approuvé par des entreprises de location du monde entier',
+    testimonials: [
+      {
+        quote:
+          'RentalDriveGo a transformé la gestion de notre flotte et notre portée client. La visibilité marketplace a doublé nos réservations.',
+        author: 'Sophie Martin',
+        role: 'Responsable de Flotte',
+        company: 'Location Premium',
+      },
+      {
+        quote:
+          'La plateforme bilatérale nous donne le contrôle de nos opérations tandis que les clients bénéficient d\'une expérience transparente. L\'équilibre parfait.',
+        author: 'Jean-Claude Barbier',
+        role: 'Directeur des Opérations',
+        company: 'Sahara Cars',
+      },
+      {
+        quote:
+          'Nous avons apprécié la facilité de mise en place de notre parcours de réservation personnalisé. Nos clients adorent l\'expérience de paiement direct.',
+        author: 'Isabelle Leclerc',
+        role: 'Propriétaire',
+        company: 'Provence Auto',
+      },
+    ],
     readyKicker: 'Prêt à démarrer',
     readyTitle: 'La page d’accueil marketplace doit présenter le produit en quelques secondes.',
     readyBody:
@@ -223,6 +334,25 @@ export const defaultMarketplaceHomepageContent: MarketplaceHomepageConfig = {
       'موقع حجز عام مخصص لكل شركة',
       'إدارة العملاء والتحليلات والفوترة',
     ],
+    howitworksKicker: 'البدء',
+    howitworksTitle: 'كيف يعمل',
+    howitworksSteps: [
+      {
+        number: '1',
+        title: 'إنشاء حساب',
+        description: 'قم بالتسجيل للحصول على مساحة عمل شركتك واختر خطتك للتجربة المجانية لمدة 90 يوماً.',
+      },
+      {
+        number: '2',
+        title: 'أضف أسطولك',
+        description: 'قم برفع صور السيارات، وحدد الأسعار، وأنشئ عروضاً مرئية في السوق.',
+      },
+      {
+        number: '3',
+        title: 'ابدأ البيع',
+        description: 'يكتشف المستأجرون أسطولك وتأتي الحجوزات مباشرة إلى دفعتك المخصصة.',
+      },
+    ],
     stepsTitle: 'كيف تبدأ الشركات',
     steps: [
       ['1', 'أنشئ مساحة عمل شركتك', 'اختر الخطة وابدأ تجربتك لمدة 14 يوماً ثم فعّل حساب المالك.'],
@@ -230,6 +360,31 @@ export const defaultMarketplaceHomepageContent: MarketplaceHomepageConfig = {
       ['3', 'استقبل الحجوزات على موقعك', 'يكتشف المستأجرون أسطولك على RentalDriveGo ثم يدفعون مباشرة عبر مسار الحجز الخاص بك.'],
     ].map(([step, title, body]) => ({ step: step!, title: title!, body: body! })),
     stepLabel: 'الخطوة',
+    testimonialsKicker: 'قصص العملاء',
+    testimonialsTitle: 'موثوقة من قبل شركات التأجير في جميع أنحاء العالم',
+    testimonials: [
+      {
+        quote:
+          'غيّرت RentalDriveGo طريقة إدارة أسطولنا والوصول إلى العملاء. الظهور في السوق قد ضاعف حجوزاتنا.',
+        author: 'فاطمة الزهراء',
+        role: 'مدير الأسطول',
+        company: 'تأجير السيارات الممتازة',
+      },
+      {
+        quote:
+          'تمنحنا المنصة ثنائية الجانب التحكم في عملياتنا بينما يحصل المستأجرون على تجربة سلسة. التوازن المثالي.',
+        author: 'محمد علي',
+        role: 'مدير العمليات',
+        company: 'صحراء ويلز',
+      },
+      {
+        quote:
+          'أقدرنا على سهولة إعداد مسار الحجز المخصص بنا. يحب عملاؤنا تجربة الدفع المباشر.',
+        author: 'ليلى حسن',
+        role: 'المالك',
+        company: 'تأجير السيارات بالبحر الأبيض',
+      },
+    ],
     readyKicker: 'جاهز للانطلاق',
     readyTitle: 'يجب أن تشرح الصفحة الرئيسية قيمة المنصة خلال ثوانٍ.',
     readyBody: