From 401752cab87927a455c021bc6a3e6bbcafaafa57 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 10:32:33 +0000
Subject: [PATCH] Update src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 58 +++++++++++++++-------------------------
 1 file changed, 21 insertions(+), 37 deletions(-)

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 0cbb216..0cbf6fb 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -6,21 +6,20 @@ import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import Link from "next/link";
-import { Phone, Zap } from "lucide-react";
+import { Phone, Zap, Menu } from "lucide-react";
 
 export default function BookingPage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "Fleet", id: "fleet" },
-    { name: "Services", id: "services" },
-    { name: "About", id: "about" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "Fleet", id: "/fleet" },
+    { name: "Services", id: "/services" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Fleet", href: "/fleet" },
         { label: "Services", href: "/services" },
@@ -28,8 +27,7 @@ export default function BookingPage() {
       ],
     },
     {
-      title: "Services",
-      items: [
+      title: "Services",      items: [
         { label: "Daily Rentals", href: "#" },
         { label: "Chauffeur Service", href: "#" },
         { label: "Airport Transfers", href: "#" },
@@ -37,8 +35,7 @@ export default function BookingPage() {
       ],
     },
     {
-      title: "Contact",
-      items: [
+      title: "Contact",      items: [
         { label: "Phone: +92-321-XXXX-XXX", href: "#" },
         { label: "Email: info@tantours.pk", href: "#" },
         { label: "WhatsApp: Available 24/7", href: "#" },
@@ -61,7 +58,11 @@ export default function BookingPage() {
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple brandName="Tan Tours" navItems={navItems} />
+        <NavbarStyleApple
+          brandName="Tan Tours"
+          navItems={navItems}
+          menuIcon={Menu}
+        />
       </div>
 
       <div id="featured-cars" data-section="featured-cars">
@@ -77,39 +78,22 @@ export default function BookingPage() {
           animationType="slide-up"
           products={[
             {
-              id: "sedan-1",
-              name: "Toyota Corolla - Sedan",
-              price: "Rs. 3,500/day",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=6",
-              imageAlt: "White Toyota Corolla Sedan",
-              initialQuantity: 1,
+              id: "sedan-1",              name: "Toyota Corolla - Sedan",              price: "Rs. 3,500/day",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=6",              imageAlt: "White Toyota Corolla Sedan",              initialQuantity: 1,
               priceButtonProps: {
-                text: "Book Now",
-              },
+                text: "Book Now"},
             },
             {
-              id: "suv-1",
-              name: "Toyota Fortuner - SUV",
-              price: "Rs. 6,500/day",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg?_wi=4",
-              imageAlt: "Black Toyota Fortuner SUV",
-              initialQuantity: 1,
+              id: "suv-1",              name: "Toyota Fortuner - SUV",              price: "Rs. 6,500/day",              imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg?_wi=4",              imageAlt: "Black Toyota Fortuner SUV",              initialQuantity: 1,
               priceButtonProps: {
-                text: "Book Now",
-              },
+                text: "Book Now"},
             },
             {
-              id: "hiace-1",
-              name: "Toyota Hiace - Van",
-              price: "Rs. 5,000/day",
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-empty-old-car-road_23-2148703156.jpg?_wi=4",
-              imageAlt: "White Toyota Hiace Van",
-              initialQuantity: 1,
+              id: "hiace-1",              name: "Toyota Hiace - Van",              price: "Rs. 5,000/day",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-empty-old-car-road_23-2148703156.jpg?_wi=4",              imageAlt: "White Toyota Hiace Van",              initialQuantity: 1,
               priceButtonProps: {
-                text: "Book Now",
-              },
+                text: "Book Now"},
             },
           ]}
+          gridClassName="gap-4 md:gap-6"
         />
       </div>