Add src/app/find-ride/page.tsx

2026-06-07 10:39:11 +00:00
parent 807ea5c3c7
commit cd1480ac67
1 changed files with 167 additions and 0 deletions
--- a/src/app/find-ride/page.tsx
+++ b/src/app/find-ride/page.tsx
@@ -0,0 +1,167 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import { Compass, MapPin, Zap } from "lucide-react";
+
+export default function FindRidePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="large"
+        background="none"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Home",                id: "#home"
+              },
+              {
+                name: "About",                id: "#about"
+              },
+              {
+                name: "Features",                id: "#features"
+              },
+              {
+                name: "Metrics",                id: "#metrics"
+              },
+              {
+                name: "Pricing",                id: "#pricing"
+              },
+              {
+                name: "Testimonials",                id: "#testimonials"
+              },
+              {
+                name: "Partners",                id: "#partners"
+              },
+              {
+                name: "FAQ",                id: "#faq"
+              },
+              {
+                name: "Contact",                id: "#contact"
+              },
+              {
+                name: "Trouver un trajet",                id: "/find-ride"
+              },
+              {
+                name: "Proposer un trajet",                id: "/post-ride"
+              }
+            ]}
+            brandName="RapidDeliver"
+          />
+        </div>
+
+        <div id="find-ride" data-section="find-ride">
+          <ContactCenter
+            tag="Recherche de trajets"
+            title="Trouver un trajet"
+            description="Entrez votre destination et vos préférences pour découvrir les trajets disponibles en temps réel."
+            inputPlaceholder="Entrez votre destination"
+            buttonText="Rechercher un trajet"
+            background={{
+              variant: "radial-gradient"
+            }}
+            useInvertedBackground={false}
+          />
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            imagePosition="right"
+            title="Carte interactive & Géolocalisation"
+            description="Explorez les trajets sur une carte dynamique et utilisez la géolocalisation pour trouver des départs et arrivées près de chez vous."
+            bulletPoints={[
+              {
+                title: "Temps réel",                description: "Mises à jour instantanées",                icon: Zap
+              },
+              {
+                title: "Précision",                description: "Géolocalisation avancée",                icon: MapPin
+              },
+              {
+                title: "Facilité",                description: "Navigation intuitive",                icon: Compass
+              },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/map-with-pin-vector_53876-138323.jpg"
+            imageAlt="Interactive map with geolocation markers"
+            mediaAnimation="opacity"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Services",                items: [
+                  {
+                    label: "Trouver un trajet",                    href: "/find-ride"
+                  },
+                  {
+                    label: "Proposer un trajet",                    href: "/post-ride"
+                  },
+                  {
+                    label: "Standard Delivery",                    href: "#pricing"
+                  },
+                  {
+                    label: "Express Delivery",                    href: "#pricing"
+                  },
+                  {
+                    label: "Business Solutions",                    href: "#pricing"
+                  },
+                  {
+                    label: "International Shipping",                    href: "#features"
+                  },
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "#about"
+                  },
+                  {
+                    label: "Our Mission",                    href: "#about"
+                  },
+                  {
+                    label: "Careers",                    href: "#"
+                  },
+                  {
+                    label: "Partnerships",                    href: "#partners"
+                  },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  {
+                    label: "FAQ",                    href: "#faq"
+                  },
+                  {
+                    label: "Contact Us",                    href: "#contact"
+                  },
+                  {
+                    label: "Track Order",                    href: "#features"
+                  },
+                  {
+                    label: "Terms of Service",                    href: "#"
+                  },
+                ],
+              },
+            ]}
+            logoText="RapidDeliver"
+            copyrightText="© 2024 RapidDeliver. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}