Merge version_2 into main #9
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user