From 52d1be63d88583d6f83c25bc67cfeb43a5884725 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 23 Mar 2026 06:18:32 +0000
Subject: [PATCH] Update src/app/pricing/page.tsx

---
 src/app/pricing/page.tsx | 130 +++++++++++++++++++++++++--------------
 1 file changed, 84 insertions(+), 46 deletions(-)

diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 1eef24c..ee5874c 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -3,35 +3,72 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import { Star } from "lucide-react";
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function PricingPage() {
+  const navItems = [
+    {
+      name: "Home",      id: "/"
+    },
+    {
+      name: "Book a Ride",      id: "/#hero"
+    },
+    {
+      name: "How it Works",      id: "/#how-it-works"
+    },
+    {
+      name: "About Us",      id: "/about"
+    },
+    {
+      name: "Features",      id: "/#features"
+    },
+    {
+      name: "Products",      id: "/#products"
+    },
+    {
+      name: "Metrics",      id: "/#metrics-overview"
+    },
+    {
+      name: "Pricing",      id: "/#pricing"
+    },
+    {
+      name: "Testimonials",      id: "/#testimonials"
+    },
+    {
+      name: "FAQ",      id: "/#faq"
+    },
+    {
+      name: "Contact",      id: "/#contact"
+    },
+    {
+      name: "User Login",      id: "/user-login"
+    },
+    {
+      name: "Driver Login",      id: "/driver-login"
+    },
+    {
+      name: "Admin Login",      id: "/admin-login"
+    }
+  ];
+
   return (
     <ThemeProvider
-      defaultButtonVariant="expand-hover"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="compact"
-      sizing="largeSmallSizeLargeTitles"
-      background="floatingGradient"
-      cardStyle="gradient-mesh"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="largeSmallSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
-            navItems={[
-              { name: "Home", id: "home", href: "/" },
-              { name: "Book a Ride", id: "book-ride", href: "/book-ride" },
-              { name: "How it Works", id: "how-it-works", href: "/#how-it-works" },
-              { name: "About Us", id: "about-us", href: "/about" },
-              { name: "Pricing", id: "pricing", href: "/pricing" },
-              { name: "Contact", id: "contact", href: "/#contact" }
-            ]}
+            navItems={navItems}
             brandName="BookMyRide"
           />
         </div>
@@ -41,25 +78,27 @@ export default function PricingPage() {
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
-            title="Flexible Pricing Plans for Every Rider"
-            description="Choose the plan that best suits your travel frequency and needs."
+            title="Transparent Pricing for Every Journey"
+            description="Choose the plan that best fits your travel needs, from casual rides to daily commutes."
             plans={[
               {
-                id: "basic",                name: "Basic",                price: "$5/ride",                buttons: [{ text: "Select Basic", href: "#" }],
-                features: [
-                  "Standard Vehicles",                  "Real-time Tracking",                  "24/7 Support"],
+                id: "basic",                name: "Basic Ride",                price: "$1.20/mile",                badge: "Economy",                features: [
+                  "Standard Sedans",                  "Up to 3 Passengers",                  "Basic Support"
+                ],
+                buttons: [{ text: "Select Basic", href: "/checkout?plan=basic" }]
               },
               {
-                id: "premium",                name: "Premium",                price: "$10/ride",                badge: "Popular",                badgeIcon: Star,
-                buttons: [{ text: "Select Premium", href: "#" }],
-                features: [
-                  "Premium Vehicles",                  "Priority Support",                  "In-ride Entertainment",                  "Free Cancellations"],
+                id: "premium",                name: "Premium Comfort",                price: "$2.50/mile",                badge: "Popular",                features: [
+                  "Luxury Sedans",                  "Up to 4 Passengers",                  "Priority Support",                  "In-Car Wi-Fi"
+                ],
+                buttons: [{ text: "Select Premium", href: "/checkout?plan=premium" }]
               },
               {
-                id: "business",                name: "Business",                price: "$15/ride",                buttons: [{ text: "Select Business", href: "#" }],
-                features: [
-                  "Executive Cars",                  "Dedicated Account Manager",                  "Expense Reports",                  "Flexible Booking"],
-              },
+                id: "executive",                name: "Executive Class",                price: "$4.00/mile",                badge: "Business",                features: [
+                  "Executive Cars",                  "Personal Chauffeur",                  "24/7 Concierge",                  "Premium Amenities",                  "Flexible Cancellations"
+                ],
+                buttons: [{ text: "Select Executive", href: "/checkout?plan=executive" }]
+              }
             ]}
           />
         </div>
@@ -67,37 +106,36 @@ export default function PricingPage() {
         <div id="footer" data-section="footer">
           <FooterMedia
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKff17coHlcXqmygbowlBlEBUI/a-futuristic-ride-sharing-app-interface--1774242857229-5c166130.png?_wi=1"
-            imageAlt="BookMyRide app interface"
+            imageAlt="BookMyRide App Screenshot"
+            logoText="BookMyRide"
             columns={[
               {
                 title: "Company",                items: [
                   { label: "About Us", href: "/about" },
-                  { label: "Careers", href: "#" },
-                  { label: "Blog", href: "#" },
-                ],
+                  { label: "Careers", href: "#" }
+                ]
               },
               {
                 title: "Services",                items: [
                   { label: "Book a Ride", href: "/book-ride" },
                   { label: "How It Works", href: "/#how-it-works" },
-                  { label: "Ride Types", href: "#" },
-                ],
+                  { label: "Ride Types", href: "/#products" }
+                ]
               },
               {
                 title: "Support",                items: [
-                  { label: "Help Center", href: "/faq" },
+                  { label: "Help Center", href: "/#faq" },
                   { label: "Contact Us", href: "/#contact" },
-                  { label: "Safety Guidelines", href: "#" },
-                ],
+                  { label: "Safety Guidelines", href: "#" }
+                ]
               },
               {
                 title: "Legal",                items: [
                   { label: "Privacy Policy", href: "#" },
-                  { label: "Terms of Service", href: "#" },
-                ],
-              },
+                  { label: "Terms of Service", href: "#" }
+                ]
+              }
             ]}
-            logoText="BookMyRide"
             copyrightText="© 2024 BookMyRide. All rights reserved."
           />
         </div>