diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..8e5067f
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,99 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+
+import ContactText from '@/components/sections/contact/ContactText';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export const metadata = {
+  title: 'Contact Us | RapidDeliver',
+  description: 'Get in touch with RapidDeliver for inquiries, support, or a free quote. Our team is ready to assist you with all your delivery needs.',
+  keywords: ["contact, support, customer service, RapidDeliver, delivery inquiry, free quote"],
+};
+
+export default function ContactPage() {
+  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: "Admin", id: "/admin" },
+            ]}
+            brandName="RapidDeliver"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{
+              variant: "sparkles-gradient"}}
+            text="Ready to simplify your deliveries? Get in touch with our team today and experience the RapidDeliver difference!"
+            buttons={[
+              {
+                text: "Contact Us Now",                href: "/contact"},
+              {
+                text: "Get a Free Quote",                href: "/contact"},
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Services",                items: [
+                  { 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>
+  );
+}
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
new file mode 100644
index 0000000..d0eb48e
--- /dev/null
+++ b/src/app/faq/page.tsx
@@ -0,0 +1,105 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export const metadata = {
+  title: 'Frequently Asked Questions | RapidDeliver',
+  description: 'Find quick answers to common questions about RapidDeliver\'s delivery services, tracking, international shipping, and more.',
+  keywords: ["FAQ, frequently asked questions, delivery questions, shipping queries, RapidDeliver help"],
+};
+
+export default function FaqPage() {
+  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: "Admin", id: "/admin" },
+            ]}
+            brandName="RapidDeliver"
+          />
+        </div>
+
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              {
+                id: "1",                title: "How do I track my delivery?",                content: "You can track your delivery in real-time using the tracking number provided in your confirmation email. Simply enter it on our website's 'Track Order' section."},
+              {
+                id: "2",                title: "What are your delivery times?",                content: "Our standard delivery times vary by service type and destination. Express deliveries are typically next-day, while standard services range from 2-5 business days. Specific estimates are provided at checkout."},
+              {
+                id: "3",                title: "Do you offer international shipping?",                content: "Yes, we offer reliable international shipping to over 250 countries. Please note that customs duties and taxes may apply, which are the responsibility of the recipient."},
+              {
+                id: "4",                title: "What if my package is delayed or lost?",                content: "In the rare event of a delay or lost package, please contact our 24/7 customer support. We will investigate immediately and keep you informed of the resolution process."},
+              {
+                id: "5",                title: "Can I change my delivery address after shipment?",                content: "Depending on the shipment status and carrier policy, it may be possible to update the delivery address. Please contact our support team as soon as possible for assistance."},
+            ]}
+            sideTitle="Frequently Asked Questions"
+            sideDescription="Find quick answers to your most common questions about our delivery services, tracking, and more."
+            faqsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Services",                items: [
+                  { 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>
+  );
+}
diff --git a/src/app/find-ride/page.tsx b/src/app/find-ride/page.tsx
new file mode 100644
index 0000000..bbff43b
--- /dev/null
+++ 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>
+  );
+}
diff --git a/src/app/messagerie/page.tsx b/src/app/messagerie/page.tsx
new file mode 100644
index 0000000..7ff161b
--- /dev/null
+++ b/src/app/messagerie/page.tsx
@@ -0,0 +1,83 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { MessageSquare, Star } from "lucide-react";
+
+export default function MessageriePage() {
+  const updatedNavItems = [
+    { name: "Home", id: "/" },
+    { 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: "Messagerie", id: "/messagerie" },
+    { name: "Paiement", id: "/paiement" }
+  ];
+
+  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={updatedNavItems} brandName="RapidDeliver" />
+        </div>
+
+        <div id="messaging-hero" data-section="messaging-hero">
+          <HeroBillboardScroll
+            title="Instant Messaging, Seamless Connections"
+            description="Communicate in real-time with your delivery team and customers. Get instant updates, share details, and ensure smooth coordination for every delivery."
+            background={{ variant: "sparkles-gradient" }}
+            buttons={[{ text: "Start Chatting", href: "#" }]}
+            tag="Connect Instantly"
+            tagIcon={MessageSquare}
+            imageSrc="http://img.b2bpic.net/free-photo/group-diverse-people-using-digital-devices-connection_53876-26759.jpg"
+            imageAlt="People chatting on mobile devices"
+          />
+        </div>
+
+        <div id="messagerie-reviews" data-section="messagerie-reviews">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              {
+                id: "chat-1",                name: "Alex P.",                handle: "@AlexP_Dev",                testimonial: "The messaging feature is a lifesaver! Real-time communication with drivers makes our operations so much smoother.",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone-indoors_23-2148785025.jpg",                imageAlt: "Alex P. profile"
+              },
+              {
+                id: "chat-2",                name: "Brenda T.",                handle: "@BrendaT_Store",                testimonial: "Being able to chat directly with customers about their orders has significantly improved our service quality.",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/female-model-wearing-blue-suit_53876-136017.jpg",                imageAlt: "Brenda T. profile"
+              },
+              {
+                id: "chat-3",                name: "Carlos M.",                handle: "@CarlosM_Client",                testimonial: "Quick responses and clear communication. This messaging system sets RapidDeliver apart.",                rating: 4,
+                imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dark-hair-beard-wears-jeans-shirt-gestures-looks-aside-thoughtfully_197531-15893.jpg",                imageAlt: "Carlos M. profile"
+              }
+            ]}
+            showRating={true}
+            title="User Reviews for Messagerie"
+            description="Hear what users say about our real-time communication tools."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8bdcff3..18a1066 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,17 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+
+import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
+import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import { Box, Calendar, Clock, Compass, Gauge, Globe, LifeBuoy, Lock, MapPin, Rocket, Search, Settings, Shield, ShieldCheck, Sparkles, Star, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -48,9 +47,11 @@ export default function LandingPage() {
         {
           name: "Partners",          id: "#partners"},
         {
-          name: "FAQ",          id: "#faq"},
+          name: "FAQ",          id: "/faq"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "/contact"},
+        {
+          name: "Admin",          id: "/admin"},
       ]}
       brandName="RapidDeliver"
     />
@@ -309,41 +310,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",          title: "How do I track my delivery?",          content: "You can track your delivery in real-time using the tracking number provided in your confirmation email. Simply enter it on our website's 'Track Order' section."},
-        {
-          id: "2",          title: "What are your delivery times?",          content: "Our standard delivery times vary by service type and destination. Express deliveries are typically next-day, while standard services range from 2-5 business days. Specific estimates are provided at checkout."},
-        {
-          id: "3",          title: "Do you offer international shipping?",          content: "Yes, we offer reliable international shipping to over 250 countries. Please note that customs duties and taxes may apply, which are the responsibility of the recipient."},
-        {
-          id: "4",          title: "What if my package is delayed or lost?",          content: "In the rare event of a delay or lost package, please contact our 24/7 customer support. We will investigate immediately and keep you informed of the resolution process."},
-        {
-          id: "5",          title: "Can I change my delivery address after shipment?",          content: "Depending on the shipment status and carrier policy, it may be possible to update the delivery address. Please contact our support team as soon as possible for assistance."},
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Find quick answers to your most common questions about our delivery services, tracking, and more."
-      faqsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Ready to simplify your deliveries? Get in touch with our team today and experience the RapidDeliver difference!"
-      buttons={[
-        {
-          text: "Contact Us Now",          href: "#"},
-        {
-          text: "Get a Free Quote",          href: "#"},
-      ]}
-    />
-  </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
@@ -375,9 +342,9 @@ export default function LandingPage() {
         {
           title: "Support",          items: [
             {
-              label: "FAQ",              href: "#faq"},
+              label: "FAQ",              href: "/faq"},
             {
-              label: "Contact Us",              href: "#contact"},
+              label: "Contact Us",              href: "/contact"},
             {
               label: "Track Order",              href: "#features"},
             {
diff --git a/src/app/paiement/page.tsx b/src/app/paiement/page.tsx
new file mode 100644
index 0000000..3b33cd8
--- /dev/null
+++ b/src/app/paiement/page.tsx
@@ -0,0 +1,83 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { CreditCard, Lock, Star } from "lucide-react";
+
+export default function PaiementPage() {
+  const updatedNavItems = [
+    { name: "Home", id: "/" },
+    { 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: "Messagerie", id: "/messagerie" },
+    { name: "Paiement", id: "/paiement" }
+  ];
+
+  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={updatedNavItems} brandName="RapidDeliver" />
+        </div>
+
+        <div id="payment-hero" data-section="payment-hero">
+          <HeroBillboardScroll
+            title="Secure Payments, Effortless Transactions"
+            description="Process payments with confidence. Our secure gateway ensures fast, reliable, and protected transactions for all your delivery services."
+            background={{ variant: "radial-gradient" }}
+            buttons={[{ text: "Make a Payment", href: "#" }]}
+            tag="Pay Securely"
+            tagIcon={CreditCard}
+            imageSrc="http://img.b2bpic.net/free-photo/hand-holding-smartphone-using-mobile-banking-app_53876-136423.jpg"
+            imageAlt="Secure online payment on a mobile phone"
+          />
+        </div>
+
+        <div id="paiement-reviews" data-section="paiement-reviews">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              {
+                id: "pay-1",                name: "Daniel F.",                handle: "@DanielF_Ecom",                testimonial: "The payment process is incredibly smooth and secure. Our customers appreciate the ease of transaction.",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-working-with-laptop-documents_23-2148767355.jpg",                imageAlt: "Daniel F. profile"
+              },
+              {
+                id: "pay-2",                name: "Grace H.",                handle: "@GraceH_Finance",                testimonial: "RapidDeliver's payment gateway provides peace of mind with its robust security features. Highly recommended!",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/woman-working-tablet-at-cafe_23-2148671607.jpg",                imageAlt: "Grace H. profile"
+              },
+              {
+                id: "pay-3",                name: "Isabella K.",                handle: "@IsabellaK_Biz",                testimonial: "Fast and reliable payment processing. It's an essential part of our seamless delivery workflow.",                rating: 4,
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-lady-having-conversation-while-writing-her-notepad-cafe_23-2148671569.jpg",                imageAlt: "Isabella K. profile"
+              }
+            ]}
+            showRating={true}
+            title="User Reviews for Paiement"
+            description="See what users say about our secure and efficient payment system."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/post-ride/page.tsx b/src/app/post-ride/page.tsx
new file mode 100644
index 0000000..dfff7bd
--- /dev/null
+++ b/src/app/post-ride/page.tsx
@@ -0,0 +1,144 @@
+"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';
+
+export default function PostRidePage() {
+  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="post-ride" data-section="post-ride">
+          <ContactCenter
+            tag="Offrir un trajet"
+            title="Proposer un trajet"
+            description="Publiez les détails de votre voyage, y compris l'itinéraire, l'heure et les places disponibles. Aidez d'autres voyageurs tout en optimisant vos trajets."
+            inputPlaceholder="Destination (e.g., Paris)"
+            buttonText="Publier le trajet"
+            background={{
+              variant: "sparkles-gradient"
+            }}
+            useInvertedBackground={false}
+          />
+        </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>
+  );
+}
diff --git a/src/app/profil-passager/page.tsx b/src/app/profil-passager/page.tsx
new file mode 100644
index 0000000..c3a6b67
--- /dev/null
+++ b/src/app/profil-passager/page.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import React from "react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+const navItemsConfig = [
+  { name: "Accueil", id: "/" },
+  { name: "Passager", id: "/profil-passager" },
+  { name: "Chauffeur", id: "/profil-chauffeur" },
+  { name: "Connexion", id: "/login" },
+  { name: "Inscription", id: "/register" },
+  { 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" }
+];
+
+export default function ProfilPassagerPage() {
+  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"
+    >
+      <NavbarStyleFullscreen navItems={navItemsConfig} brandName="RapidDeliver" />
+      <div className="min-h-[60vh] flex items-center justify-center p-8">
+        <div className="max-w-4xl text-center">
+          <h1 className="text-5xl font-bold mb-4">Tableau de Bord Passager</h1>
+          <p className="text-xl text-foreground/80 mb-8">Gérez vos trajets, consultez votre historique et mettez à jour votre profil.</p>
+          {/* Placeholder for passenger specific content, e.g., ride history, bookings */}
+          <div className="bg-card p-6 rounded-lg shadow-lg">
+            <p className="text-foreground">Bienvenue dans votre espace passager. Ici, vous trouverez toutes les informations relatives à vos voyages et paramètres de compte.</p>
+          </div>
+        </div>
+      </div>
+      <FooterBase
+        columns={[
+          { title: "Services", items: [{ 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."
+      />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 3f290fd..018e8e2 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #ff8c42;
+  --background: #000000;
+  --card: #0c0c0c;
+  --foreground: #ffffff;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --secondary-cta: #000000;
+  --secondary-cta-text: #ffffff;
+  --accent: #535353;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);