fix contract

2026-05-14 01:19:10 -04:00
parent 89621a163b
commit f317fa12dd
5 changed files with 374 additions and 66 deletions
@@ -0,0 +1,61 @@
+'use client'
+
+import { useMarketplacePreferences } from '@/components/MarketplaceShell'
+import { type FooterPageSlug, getFooterPageContent } from '@/lib/footerContent'
+
+const pageMeta = {
+  en: {
+    kicker: 'Footer information',
+    cta: 'Need more details?',
+    support: 'Contact the RentalDriveGo team through our official channels for business, support, or partnership requests.',
+  },
+  fr: {
+    kicker: 'Informations du pied de page',
+    cta: 'Besoin de plus de détails ?',
+    support: 'Contactez l’équipe RentalDriveGo via nos canaux officiels pour toute demande commerciale, support ou partenariat.',
+  },
+  ar: {
+    kicker: 'معلومات التذييل',
+    cta: 'هل تحتاج إلى مزيد من التفاصيل؟',
+    support: 'تواصل مع فريق RentalDriveGo عبر القنوات الرسمية للاستفسارات التجارية أو الدعم أو الشراكات.',
+  },
+} as const
+
+export default function FooterContentPage({ slug }: { slug: FooterPageSlug }) {
+  const { language } = useMarketplacePreferences()
+  const content = getFooterPageContent(language, slug)
+  const meta = pageMeta[language]
+  const isArabic = language === 'ar'
+
+  return (
+    <main className="min-h-screen bg-stone-50">
+      <div className="mx-auto max-w-4xl px-4 py-16 sm:px-6 lg:px-8">
+        <section className="overflow-hidden rounded-[2rem] border border-stone-200 bg-white shadow-[0_30px_80px_rgba(12,18,28,0.08)]">
+          <div className="bg-[linear-gradient(135deg,#f8fafc,white_45%,#fef3c7)] px-6 py-10 sm:px-10 sm:py-14">
+            <p className="text-sm font-semibold uppercase tracking-[0.24em] text-amber-700">
+              {meta.kicker}
+            </p>
+            <h1 className="mt-4 text-4xl font-black tracking-tight text-stone-900 sm:text-5xl">
+              {content.title}
+            </h1>
+          </div>
+
+          <div className={`space-y-6 px-6 py-10 sm:px-10 sm:py-12 ${isArabic ? 'text-right' : 'text-left'}`}>
+            {content.paragraphs.map((paragraph) => (
+              <p key={paragraph} className="text-lg leading-8 text-stone-700">
+                {paragraph}
+              </p>
+            ))}
+
+            <div className="rounded-3xl border border-amber-200 bg-amber-50 px-6 py-5 text-stone-700">
+              <p className="text-sm font-semibold uppercase tracking-[0.18em] text-amber-800">
+                {meta.cta}
+              </p>
+              <p className="mt-2 text-base leading-7">{meta.support}</p>
+            </div>
+          </div>
+        </section>
+      </div>
+    </main>
+  )
+}