Update src/app/services/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -34,10 +34,7 @@ export default function AboutPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleApple
           brandName="Tan Tours"
-          navItems={navItems.map((item) => ({
+          navItems={navItems}
-            name: item.name,
-            id: item.id,
-          }))}
         />
       </div>
 
@@ -52,32 +49,16 @@ export default function AboutPage() {
           useInvertedBackground={true}
           features={[
             {
-              title: "Well-Maintained Fleet",
+              title: "Well-Maintained Fleet",              description: "All vehicles regularly serviced and maintained to the highest standards",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=4",              imageAlt: "Vehicle maintenance service",              buttonIcon: ArrowRight,
-              description: "All vehicles regularly serviced and maintained to the highest standards",
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=4",
-              imageAlt: "Vehicle maintenance service",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Professional Drivers",
+              title: "Professional Drivers",              description: "Experienced, courteous, and licensed drivers with years of expertise",              imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-talking-with-customer-test-drive-showcasing-vehicle-features_482257-113702.jpg?_wi=3",              imageAlt: "Professional driver",              buttonIcon: ArrowRight,
-              description: "Experienced, courteous, and licensed drivers with years of expertise",
-              imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-talking-with-customer-test-drive-showcasing-vehicle-features_482257-113702.jpg?_wi=3",
-              imageAlt: "Professional driver",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Transparent Pricing",
+              title: "Transparent Pricing",              description: "No hidden charges - competitive rates with flexible payment options",              imageSrc: "http://img.b2bpic.net/free-photo/piles-coins-top-graph_23-2148285356.jpg?_wi=3",              imageAlt: "Affordable pricing",              buttonIcon: ArrowRight,
-              description: "No hidden charges - competitive rates with flexible payment options",
-              imageSrc: "http://img.b2bpic.net/free-photo/piles-coins-top-graph_23-2148285356.jpg?_wi=3",
-              imageAlt: "Affordable pricing",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "24/7 Customer Support",
+              title: "24/7 Customer Support",              description: "Round-the-clock assistance via phone, WhatsApp, and email",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=5",              imageAlt: "Customer support",              buttonIcon: ArrowRight,
-              description: "Round-the-clock assistance via phone, WhatsApp, and email",
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=5",
-              imageAlt: "Customer support",
-              buttonIcon: ArrowRight,
             },
           ]}
         />
@@ -95,51 +76,25 @@ export default function AboutPage() {
           animationType="slide-up"
           testimonials={[
             {
-              id: "1",
+              id: "1",              name: "Ahmed Hassan",              role: "Business Executive",              company: "Tech Solutions Ltd",              rating: 5,
-              name: "Ahmed Hassan",
+              imageSrc: "http://img.b2bpic.net/free-photo/boyfriend-supports-girlfriend-match-happy-attractive-european-guy-with-bristle-trendy-clothes-smiling-cheerfully-showing-thumbs-up-gesture_176420-44512.jpg?_wi=2"},
-              role: "Business Executive",
-              company: "Tech Solutions Ltd",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/boyfriend-supports-girlfriend-match-happy-attractive-european-guy-with-bristle-trendy-clothes-smiling-cheerfully-showing-thumbs-up-gesture_176420-44512.jpg?_wi=2",
-            },
             {
-              id: "2",
+              id: "2",              name: "Fatima Khan",              role: "Event Planner",              company: "Elite Events",              rating: 5,
-              name: "Fatima Khan",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-double-thumbs-up-blouse-cardigan-looking-merry-front-view_176474-109472.jpg?_wi=2"},
-              role: "Event Planner",
-              company: "Elite Events",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-double-thumbs-up-blouse-cardigan-looking-merry-front-view_176474-109472.jpg?_wi=2",
-            },
             {
-              id: "3",
+              id: "3",              name: "Muhammad Ali",              role: "Travel Agent",              company: "Global Travels",              rating: 5,
-              name: "Muhammad Ali",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=2"},
-              role: "Travel Agent",
-              company: "Global Travels",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=2",
-            },
             {
-              id: "4",
+              id: "4",              name: "Sarah Khan",              role: "Corporate Manager",              company: "Finance Pro",              rating: 5,
-              name: "Sarah Khan",
+              imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=2"},
-              role: "Corporate Manager",
-              company: "Finance Pro",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=2",
-            },
           ]}
           kpiItems={[
             {
-              value: "10,000+",
+              value: "10,000+",              label: "Happy Customers"},
-              label: "Happy Customers",
-            },
             {
-              value: "98%",
+              value: "98%",              label: "Satisfaction Rate"},
-              label: "Satisfaction Rate",
-            },
             {
-              value: "20+",
+              value: "20+",              label: "Years Experience"},
-              label: "Years Experience",
-            },
           ]}
         />
       </div>
@@ -148,8 +103,7 @@ export default function AboutPage() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Our Fleet", href: "/fleet" },
                 { label: "Services", href: "/services" },
@@ -157,8 +111,7 @@ export default function AboutPage() {
               ],
             },
             {
-              title: "Services",
+              title: "Services",              items: [
-              items: [
                 { label: "Daily Rentals", href: "#" },
                 { label: "Chauffeur Service", href: "#" },
                 { label: "Airport Transfers", href: "#" },
@@ -166,8 +119,7 @@ export default function AboutPage() {
               ],
             },
             {
-              title: "Contact",
+              title: "Contact",              items: [
-              items: [
                 { label: "Phone: +92-321-XXXX-XXX", href: "#" },
                 { label: "Email: info@tantours.pk", href: "#" },
                 { label: "WhatsApp: Available 24/7", href: "#" },

src/app/booking/page.tsx

@@ -10,17 +10,16 @@ import { Phone, Zap } from "lucide-react";
 
 export default function BookingPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Fleet", id: "fleet" },
+    { name: "Fleet", id: "/fleet" },
-    { name: "Services", id: "services" },
+    { name: "Services", id: "/services" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Company",
+      title: "Company",      items: [
-      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",
+      title: "Services",      items: [
-      items: [
         { label: "Daily Rentals", href: "#" },
         { label: "Chauffeur Service", href: "#" },
         { label: "Airport Transfers", href: "#" },
@@ -37,8 +35,7 @@ export default function BookingPage() {
       ],
     },
     {
-      title: "Contact",
+      title: "Contact",      items: [
-      items: [
         { label: "Phone: +92-321-XXXX-XXX", href: "#" },
         { label: "Email: info@tantours.pk", href: "#" },
         { label: "WhatsApp: Available 24/7", href: "#" },
@@ -61,7 +58,10 @@ export default function BookingPage() {
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple brandName="Tan Tours" navItems={navItems} />
+        <NavbarStyleApple
+          brandName="Tan Tours"
+          navItems={navItems}
+        />
       </div>
 
       <div id="featured-cars" data-section="featured-cars">
@@ -77,39 +77,22 @@ export default function BookingPage() {
           animationType="slide-up"
           products={[
             {
-              id: "sedan-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,
-              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",
+              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,
-              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",
+              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,
-              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>
 

src/app/contact/page.tsx

@@ -33,10 +33,7 @@ export default function ContactPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleApple
           brandName="Tan Tours"
-          navItems={navItems.map((item) => ({
+          navItems={navItems}
-            name: item.name,
-            id: item.id,
-          }))}
         />
       </div>
 
@@ -51,32 +48,16 @@ export default function ContactPage() {
           useInvertedBackground={false}
           features={[
             {
-              title: "Daily Car Rentals",
+              title: "Daily Car Rentals",              description: "Flexible daily rental options for personal and business use",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=7",              imageAlt: "Daily rental car",              buttonIcon: ArrowRight,
-              description: "Flexible daily rental options for personal and business use",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=7",
-              imageAlt: "Daily rental car",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Chauffeur Service",
+              title: "Chauffeur Service",              description: "Professional drivers for executive transportation and special occasions",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236691.jpg?_wi=3",              imageAlt: "Professional chauffeur",              buttonIcon: ArrowRight,
-              description: "Professional drivers for executive transportation and special occasions",
-              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236691.jpg?_wi=3",
-              imageAlt: "Professional chauffeur",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Airport Transfers",
+              title: "Airport Transfers",              description: "Reliable airport pickups and drop-offs across Lahore and Pakistan",              imageSrc: "http://img.b2bpic.net/free-photo/picture-two-young-businessmen-talking-terminal-holding-tablet_176420-6239.jpg?_wi=3",              imageAlt: "Airport transfer service",              buttonIcon: ArrowRight,
-              description: "Reliable airport pickups and drop-offs across Lahore and Pakistan",
-              imageSrc: "http://img.b2bpic.net/free-photo/picture-two-young-businessmen-talking-terminal-holding-tablet_176420-6239.jpg?_wi=3",
-              imageAlt: "Airport transfer service",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Event & Wedding Cars",
+              title: "Event & Wedding Cars",              description: "Premium vehicles for weddings, corporate events, and celebrations",              imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10502.jpg?_wi=3",              imageAlt: "Wedding vehicle rental",              buttonIcon: ArrowRight,
-              description: "Premium vehicles for weddings, corporate events, and celebrations",
-              imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10502.jpg?_wi=3",
-              imageAlt: "Wedding vehicle rental",
-              buttonIcon: ArrowRight,
             },
           ]}
         />
@@ -103,8 +84,7 @@ export default function ContactPage() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Our Fleet", href: "/fleet" },
                 { label: "Services", href: "/services" },
@@ -112,8 +92,7 @@ export default function ContactPage() {
               ],
             },
             {
-              title: "Services",
+              title: "Services",              items: [
-              items: [
                 { label: "Daily Rentals", href: "#" },
                 { label: "Chauffeur Service", href: "#" },
                 { label: "Airport Transfers", href: "#" },
@@ -121,8 +100,7 @@ export default function ContactPage() {
               ],
             },
             {
-              title: "Contact",
+              title: "Contact",              items: [
-              items: [
                 { label: "Phone: +92-321-XXXX-XXX", href: "#" },
                 { label: "Email: info@tantours.pk", href: "#" },
                 { label: "WhatsApp: Available 24/7", href: "#" },

src/app/fleet/page.tsx

@@ -34,9 +34,9 @@ export default function FleetPage() {
           navItems={[
             { name: "Home", id: "/" },
             { name: "Fleet", id: "/fleet" },
-            { name: "Services", id: "#services" },
+            { name: "Services", id: "/services" },
-            { name: "About", id: "#about" },
+            { name: "About", id: "/about" },
-            { name: "Contact", id: "#contact" },
+            { name: "Contact", id: "/contact" },
           ]}
         />
       </div>
@@ -54,54 +54,25 @@ export default function FleetPage() {
           animationType="slide-up"
           products={[
             {
-              id: "sedan-1",
+              id: "sedan-1",              name: "Toyota Corolla - Sedan",              price: "Rs. 3,500/day",              imageSrc:
-              name: "Toyota Corolla - Sedan",
+                "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=3",              imageAlt: "White 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=3",
-              imageAlt: "White Toyota Corolla Sedan",
-            },
             {
-              id: "sedan-2",
+              id: "sedan-2",              name: "Honda Civic - Sedan",              price: "Rs. 3,800/day",              imageSrc:
-              name: "Honda Civic - Sedan",
+                "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=4",              imageAlt: "Honda Civic Sedan"},
-              price: "Rs. 3,800/day",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=4",
-              imageAlt: "Honda Civic Sedan",
-            },
             {
-              id: "suv-1",
+              id: "suv-1",              name: "Toyota Fortuner - SUV",              price: "Rs. 6,500/day",              imageSrc:
-              name: "Toyota Fortuner - SUV",
+                "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg?_wi=2",              imageAlt: "Black Toyota Fortuner SUV"},
-              price: "Rs. 6,500/day",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg?_wi=2",
-              imageAlt: "Black Toyota Fortuner SUV",
-            },
             {
-              id: "suv-2",
+              id: "suv-2",              name: "Toyota Prado - SUV",              price: "Rs. 7,500/day",              imageSrc:
-              name: "Toyota Prado - SUV",
+                "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg?_wi=3",              imageAlt: "Toyota Prado SUV"},
-              price: "Rs. 7,500/day",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg?_wi=3",
-              imageAlt: "Toyota Prado SUV",
-            },
             {
-              id: "hiace-1",
+              id: "hiace-1",              name: "Toyota Hiace - Van",              price: "Rs. 5,000/day",              imageSrc:
-              name: "Toyota Hiace - Van",
+                "http://img.b2bpic.net/free-photo/side-view-empty-old-car-road_23-2148703156.jpg?_wi=2",              imageAlt: "White 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=2",
-              imageAlt: "White Toyota Hiace Van",
-            },
             {
-              id: "hiace-2",
+              id: "hiace-2",              name: "Coaster - Passenger Bus",              price: "Rs. 8,000/day",              imageSrc:
-              name: "Coaster - Passenger Bus",
+                "http://img.b2bpic.net/free-photo/side-view-empty-old-car-road_23-2148703156.jpg?_wi=3",              imageAlt: "Coaster Passenger Bus"},
-              price: "Rs. 8,000/day",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/side-view-empty-old-car-road_23-2148703156.jpg?_wi=3",
-              imageAlt: "Coaster Passenger Bus",
-            },
           ]}
+          gridClassName="gap-4 md:gap-6"
         />
       </div>
 
@@ -116,31 +87,19 @@ export default function FleetPage() {
           useInvertedBackground={true}
           features={[
             {
-              title: "Regular Maintenance",
+              title: "Regular Maintenance",              description:
-              description:
+                "All vehicles undergo scheduled maintenance and safety inspections before each rental",              imageSrc:
-                "All vehicles undergo scheduled maintenance and safety inspections before each rental",
+                "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=3",              imageAlt: "Vehicle maintenance",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=3",
-              imageAlt: "Vehicle maintenance",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Modern Features",
+              title: "Modern Features",              description:
-              description:
+                "Air conditioning, power steering, premium interiors, and advanced safety systems standard",              imageSrc:
-                "Air conditioning, power steering, premium interiors, and advanced safety systems standard",
+                "http://img.b2bpic.net/free-photo/saleswoman-talking-with-customer-test-drive-showcasing-vehicle-features_482257-113702.jpg?_wi=2",              imageAlt: "Modern vehicle features",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/saleswoman-talking-with-customer-test-drive-showcasing-vehicle-features_482257-113702.jpg?_wi=2",
-              imageAlt: "Modern vehicle features",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Comprehensive Insurance",
+              title: "Comprehensive Insurance",              description:
-              description:
+                "Full coverage insurance included with every rental to protect you during your journey",              imageSrc:
-                "Full coverage insurance included with every rental to protect you during your journey",
+                "http://img.b2bpic.net/free-photo/piles-coins-top-graph_23-2148285356.jpg?_wi=2",              imageAlt: "Insurance coverage",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/piles-coins-top-graph_23-2148285356.jpg?_wi=2",
-              imageAlt: "Insurance coverage",
-              buttonIcon: ArrowRight,
             },
           ]}
         />
@@ -155,7 +114,7 @@ export default function FleetPage() {
           description="Select from our diverse fleet of well-maintained vehicles. Professional drivers available for chauffeur service. Reserve your car now with our easy booking process."
           buttons={[
             { text: "Book Now", href: "#fleet-showcase" },
-            { text: "Contact Our Team", href: "#contact" },
+            { text: "Contact Our Team", href: "/contact" },
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "gradient-bars" }}
@@ -167,66 +126,39 @@ export default function FleetPage() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 {
-                  label: "About Us",
+                  label: "About Us",                  href: "/about"},
-                  href: "#about",
-                },
                 {
-                  label: "Our Fleet",
+                  label: "Our Fleet",                  href: "/fleet"},
-                  href: "/fleet",
-                },
                 {
-                  label: "Services",
+                  label: "Services",                  href: "/services"},
-                  href: "#services",
-                },
                 {
-                  label: "Contact",
+                  label: "Contact",                  href: "/contact"},
-                  href: "#contact",
-                },
               ],
             },
             {
-              title: "Services",
+              title: "Services",              items: [
-              items: [
                 {
-                  label: "Daily Rentals",
+                  label: "Daily Rentals",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Chauffeur Service",
+                  label: "Chauffeur Service",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Airport Transfers",
+                  label: "Airport Transfers",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Wedding Rentals",
+                  label: "Wedding Rentals",                  href: "#"},
-                  href: "#",
-                },
               ],
             },
             {
-              title: "Contact",
+              title: "Contact",              items: [
-              items: [
                 {
-                  label: "Phone: +92-321-XXXX-XXX",
+                  label: "Phone: +92-321-XXXX-XXX",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Email: info@tantours.pk",
+                  label: "Email: info@tantours.pk",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "WhatsApp: Available 24/7",
+                  label: "WhatsApp: Available 24/7",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Lahore, Pakistan",
+                  label: "Lahore, Pakistan",                  href: "#"},
-                  href: "#",
-                },
               ],
             },
           ]}

src/app/page.tsx

@@ -45,9 +45,9 @@ export default function HomePage() {
           navItems={[
             { name: "Home", id: "/" },
             { name: "Fleet", id: "/fleet" },
-            { name: "Services", id: "#services" },
+            { name: "Services", id: "/services" },
-            { name: "About", id: "#about" },
+            { name: "About", id: "/about" },
-            { name: "Contact", id: "#contact" },
+            { name: "Contact", id: "/contact" },
           ]}
         />
       </div>
@@ -66,12 +66,9 @@ export default function HomePage() {
           buttonAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
           dashboard={{
-            title: "Why Choose Tan Tours",
+            title: "Why Choose Tan Tours",            logoIcon: Shield,
-            logoIcon: Shield,
             imageSrc:
-              "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg",
+              "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg",            searchPlaceholder: "Select your preferred vehicle type",            buttons: [
-            searchPlaceholder: "Select your preferred vehicle type",
-            buttons: [
               { text: "Book Now", href: "#featured-cars" },
               { text: "Learn More", href: "#why-choose-us" },
             ],
@@ -82,46 +79,32 @@ export default function HomePage() {
             ],
             stats: [
               {
-                title: "Years Experience",
+                title: "Years Experience",                values: [10, 15, 20],
-                values: [10, 15, 20],
+                description: "Trusted in car rentals"},
-                description: "Trusted in car rentals",
-              },
               {
-                title: "Happy Customers",
+                title: "Happy Customers",                values: [5000, 7500, 10000],
-                values: [5000, 7500, 10000],
+                description: "Satisfied clients served"},
-                description: "Satisfied clients served",
-              },
               {
-                title: "Fleet Size",
+                title: "Fleet Size",                values: [50, 75, 100],
-                values: [50, 75, 100],
+                description: "Premium vehicles available"},
-                description: "Premium vehicles available",
-              },
             ],
-            chartTitle: "Booking Trends",
+            chartTitle: "Booking Trends",            chartData: [
-            chartData: [
               { value: 60 },
               { value: 75 },
               { value: 55 },
               { value: 85 },
               { value: 70 },
             ],
-            listTitle: "Services Available",
+            listTitle: "Services Available",            listItems: [
-            listItems: [
               {
                 icon: Car,
-                title: "Daily Rentals",
+                title: "Daily Rentals",                status: "Available"},
-                status: "Available",
-              },
               {
                 icon: Users,
-                title: "Chauffeur Service",
+                title: "Chauffeur Service",                status: "On Demand"},
-                status: "On Demand",
-              },
               {
                 icon: Send,
-                title: "One Way Drops",
+                title: "One Way Drops",                status: "Available"},
-                status: "Available",
-              },
             ],
           }}
         />
@@ -140,30 +123,16 @@ export default function HomePage() {
           animationType="slide-up"
           products={[
             {
-              id: "sedan-1",
+              id: "sedan-1",              name: "Toyota Corolla - Sedan",              price: "Rs. 3,500/day",              imageSrc:
-              name: "Toyota Corolla - Sedan",
+                "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=1",              imageAlt: "White 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=1",
-              imageAlt: "White Toyota Corolla Sedan",
-            },
             {
-              id: "suv-1",
+              id: "suv-1",              name: "Toyota Fortuner - SUV",              price: "Rs. 6,500/day",              imageSrc:
-              name: "Toyota Fortuner - SUV",
+                "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg?_wi=1",              imageAlt: "Black Toyota Fortuner SUV"},
-              price: "Rs. 6,500/day",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg?_wi=1",
-              imageAlt: "Black Toyota Fortuner SUV",
-            },
             {
-              id: "hiace-1",
+              id: "hiace-1",              name: "Toyota Hiace - Van",              price: "Rs. 5,000/day",              imageSrc:
-              name: "Toyota Hiace - Van",
+                "http://img.b2bpic.net/free-photo/side-view-empty-old-car-road_23-2148703156.jpg?_wi=1",              imageAlt: "White 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=1",
-              imageAlt: "White Toyota Hiace Van",
-            },
           ]}
+          gridClassName="gap-4 md:gap-6"
         />
       </div>
 
@@ -178,40 +147,24 @@ export default function HomePage() {
           useInvertedBackground={true}
           features={[
             {
-              title: "Well-Maintained Fleet",
+              title: "Well-Maintained Fleet",              description:
-              description:
+                "All vehicles regularly serviced and maintained to the highest standards",              imageSrc:
-                "All vehicles regularly serviced and maintained to the highest standards",
+                "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=1",              imageAlt: "Vehicle maintenance service",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=1",
-              imageAlt: "Vehicle maintenance service",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Professional Drivers",
+              title: "Professional Drivers",              description:
-              description:
+                "Experienced, courteous, and licensed drivers with years of expertise",              imageSrc:
-                "Experienced, courteous, and licensed drivers with years of expertise",
+                "http://img.b2bpic.net/free-photo/saleswoman-talking-with-customer-test-drive-showcasing-vehicle-features_482257-113702.jpg?_wi=1",              imageAlt: "Professional driver",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/saleswoman-talking-with-customer-test-drive-showcasing-vehicle-features_482257-113702.jpg?_wi=1",
-              imageAlt: "Professional driver",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Transparent Pricing",
+              title: "Transparent Pricing",              description:
-              description:
+                "No hidden charges - competitive rates with flexible payment options",              imageSrc:
-                "No hidden charges - competitive rates with flexible payment options",
+                "http://img.b2bpic.net/free-photo/piles-coins-top-graph_23-2148285356.jpg?_wi=1",              imageAlt: "Affordable pricing",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/piles-coins-top-graph_23-2148285356.jpg?_wi=1",
-              imageAlt: "Affordable pricing",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "24/7 Customer Support",
+              title: "24/7 Customer Support",              description:
-              description:
+                "Round-the-clock assistance via phone, WhatsApp, and email",              imageSrc:
-                "Round-the-clock assistance via phone, WhatsApp, and email",
+                "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=2",              imageAlt: "Customer support",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=2",
-              imageAlt: "Customer support",
-              buttonIcon: ArrowRight,
             },
           ]}
         />
@@ -228,40 +181,24 @@ export default function HomePage() {
           useInvertedBackground={false}
           features={[
             {
-              title: "Daily Car Rentals",
+              title: "Daily Car Rentals",              description:
-              description:
+                "Flexible daily rental options for personal and business use",              imageSrc:
-                "Flexible daily rental options for personal and business use",
+                "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=2",              imageAlt: "Daily rental car",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=2",
-              imageAlt: "Daily rental car",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Chauffeur Service",
+              title: "Chauffeur Service",              description:
-              description:
+                "Professional drivers for executive transportation and special occasions",              imageSrc:
-                "Professional drivers for executive transportation and special occasions",
+                "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236691.jpg?_wi=1",              imageAlt: "Professional chauffeur",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236691.jpg?_wi=1",
-              imageAlt: "Professional chauffeur",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Airport Transfers",
+              title: "Airport Transfers",              description:
-              description:
+                "Reliable airport pickups and drop-offs across Lahore and Pakistan",              imageSrc:
-                "Reliable airport pickups and drop-offs across Lahore and Pakistan",
+                "http://img.b2bpic.net/free-photo/picture-two-young-businessmen-talking-terminal-holding-tablet_176420-6239.jpg?_wi=1",              imageAlt: "Airport transfer service",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/picture-two-young-businessmen-talking-terminal-holding-tablet_176420-6239.jpg?_wi=1",
-              imageAlt: "Airport transfer service",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Event & Wedding Cars",
+              title: "Event & Wedding Cars",              description:
-              description:
+                "Premium vehicles for weddings, corporate events, and celebrations",              imageSrc:
-                "Premium vehicles for weddings, corporate events, and celebrations",
+                "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10502.jpg?_wi=1",              imageAlt: "Wedding vehicle rental",              buttonIcon: ArrowRight,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10502.jpg?_wi=1",
-              imageAlt: "Wedding vehicle rental",
-              buttonIcon: ArrowRight,
             },
           ]}
         />
@@ -279,55 +216,29 @@ export default function HomePage() {
           animationType="slide-up"
           testimonials={[
             {
-              id: "1",
+              id: "1",              name: "Ahmed Hassan",              role: "Business Executive",              company: "Tech Solutions Ltd",              rating: 5,
-              name: "Ahmed Hassan",
-              role: "Business Executive",
-              company: "Tech Solutions Ltd",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/boyfriend-supports-girlfriend-match-happy-attractive-european-guy-with-bristle-trendy-clothes-smiling-cheerfully-showing-thumbs-up-gesture_176420-44512.jpg?_wi=1",
+                "http://img.b2bpic.net/free-photo/boyfriend-supports-girlfriend-match-happy-attractive-european-guy-with-bristle-trendy-clothes-smiling-cheerfully-showing-thumbs-up-gesture_176420-44512.jpg?_wi=1"},
-            },
             {
-              id: "2",
+              id: "2",              name: "Fatima Khan",              role: "Event Planner",              company: "Elite Events",              rating: 5,
-              name: "Fatima Khan",
-              role: "Event Planner",
-              company: "Elite Events",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/young-lady-showing-double-thumbs-up-blouse-cardigan-looking-merry-front-view_176474-109472.jpg?_wi=1",
+                "http://img.b2bpic.net/free-photo/young-lady-showing-double-thumbs-up-blouse-cardigan-looking-merry-front-view_176474-109472.jpg?_wi=1"},
-            },
             {
-              id: "3",
+              id: "3",              name: "Muhammad Ali",              role: "Travel Agent",              company: "Global Travels",              rating: 5,
-              name: "Muhammad Ali",
-              role: "Travel Agent",
-              company: "Global Travels",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
+                "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1"},
-            },
             {
-              id: "4",
+              id: "4",              name: "Sarah Khan",              role: "Corporate Manager",              company: "Finance Pro",              rating: 5,
-              name: "Sarah Khan",
-              role: "Corporate Manager",
-              company: "Finance Pro",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=1",
+                "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=1"},
-            },
           ]}
           kpiItems={[
             {
-              value: "10,000+",
+              value: "10,000+",              label: "Happy Customers"},
-              label: "Happy Customers",
-            },
             {
-              value: "98%",
+              value: "98%",              label: "Satisfaction Rate"},
-              label: "Satisfaction Rate",
-            },
             {
-              value: "20+",
+              value: "20+",              label: "Years Experience"},
-              label: "Years Experience",
-            },
           ]}
         />
       </div>
@@ -341,7 +252,7 @@ export default function HomePage() {
           description="Experience premium car rental service with professional drivers, well-maintained vehicles, and transparent pricing. Available 24/7 for all your transportation needs."
           buttons={[
             { text: "Book a Car", href: "#featured-cars" },
-            { text: "Contact Us", href: "#contact" },
+            { text: "Contact Us", href: "/contact" },
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "gradient-bars" }}
@@ -353,66 +264,39 @@ export default function HomePage() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 {
-                  label: "About Us",
+                  label: "About Us",                  href: "/about"},
-                  href: "#about",
-                },
                 {
-                  label: "Our Fleet",
+                  label: "Our Fleet",                  href: "/fleet"},
-                  href: "/fleet",
-                },
                 {
-                  label: "Services",
+                  label: "Services",                  href: "/services"},
-                  href: "#services",
-                },
                 {
-                  label: "Contact",
+                  label: "Contact",                  href: "/contact"},
-                  href: "#contact",
-                },
               ],
             },
             {
-              title: "Services",
+              title: "Services",              items: [
-              items: [
                 {
-                  label: "Daily Rentals",
+                  label: "Daily Rentals",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Chauffeur Service",
+                  label: "Chauffeur Service",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Airport Transfers",
+                  label: "Airport Transfers",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Wedding Rentals",
+                  label: "Wedding Rentals",                  href: "#"},
-                  href: "#",
-                },
               ],
             },
             {
-              title: "Contact",
+              title: "Contact",              items: [
-              items: [
                 {
-                  label: "Phone: +92-321-XXXX-XXX",
+                  label: "Phone: +92-321-XXXX-XXX",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Email: info@tantours.pk",
+                  label: "Email: info@tantours.pk",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "WhatsApp: Available 24/7",
+                  label: "WhatsApp: Available 24/7",                  href: "#"},
-                  href: "#",
-                },
                 {
-                  label: "Lahore, Pakistan",
+                  label: "Lahore, Pakistan",                  href: "#"},
-                  href: "#",
-                },
               ],
             },
           ]}

src/app/services/page.tsx

@@ -10,17 +10,16 @@ import { ArrowRight, Briefcase, Phone } from "lucide-react";
 
 export default function ServicesPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Fleet", id: "fleet" },
+    { name: "Fleet", id: "/fleet" },
-    { name: "Services", id: "services" },
+    { name: "Services", id: "/services" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Fleet", href: "/fleet" },
         { label: "Services", href: "/services" },
@@ -28,8 +27,7 @@ export default function ServicesPage() {
       ],
     },
     {
-      title: "Services",
+      title: "Services",      items: [
-      items: [
         { label: "Daily Rentals", href: "#" },
         { label: "Chauffeur Service", href: "#" },
         { label: "Airport Transfers", href: "#" },
@@ -37,8 +35,7 @@ export default function ServicesPage() {
       ],
     },
     {
-      title: "Contact",
+      title: "Contact",      items: [
-      items: [
         { label: "Phone: +92-321-XXXX-XXX", href: "#" },
         { label: "Email: info@tantours.pk", href: "#" },
         { label: "WhatsApp: Available 24/7", href: "#" },
@@ -61,7 +58,10 @@ export default function ServicesPage() {
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple brandName="Tan Tours" navItems={navItems} />
+        <NavbarStyleApple
+          brandName="Tan Tours"
+          navItems={navItems}
+        />
       </div>
 
       <div id="services" data-section="services">
@@ -75,32 +75,16 @@ export default function ServicesPage() {
           useInvertedBackground={false}
           features={[
             {
-              title: "Daily Car Rentals",
+              title: "Daily Car Rentals",              description: "Flexible daily rental options for personal and business use",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=5",              imageAlt: "Daily rental car",              buttonIcon: ArrowRight,
-              description: "Flexible daily rental options for personal and business use",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22807.jpg?_wi=5",
-              imageAlt: "Daily rental car",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Chauffeur Service",
+              title: "Chauffeur Service",              description: "Professional drivers for executive transportation and special occasions",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236691.jpg?_wi=2",              imageAlt: "Professional chauffeur",              buttonIcon: ArrowRight,
-              description: "Professional drivers for executive transportation and special occasions",
-              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236691.jpg?_wi=2",
-              imageAlt: "Professional chauffeur",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Airport Transfers",
+              title: "Airport Transfers",              description: "Reliable airport pickups and drop-offs across Lahore and Pakistan",              imageSrc: "http://img.b2bpic.net/free-photo/picture-two-young-businessmen-talking-terminal-holding-tablet_176420-6239.jpg?_wi=2",              imageAlt: "Airport transfer service",              buttonIcon: ArrowRight,
-              description: "Reliable airport pickups and drop-offs across Lahore and Pakistan",
-              imageSrc: "http://img.b2bpic.net/free-photo/picture-two-young-businessmen-talking-terminal-holding-tablet_176420-6239.jpg?_wi=2",
-              imageAlt: "Airport transfer service",
-              buttonIcon: ArrowRight,
             },
             {
-              title: "Event & Wedding Cars",
+              title: "Event & Wedding Cars",              description: "Premium vehicles for weddings, corporate events, and celebrations",              imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10502.jpg?_wi=2",              imageAlt: "Wedding vehicle rental",              buttonIcon: ArrowRight,
-              description: "Premium vehicles for weddings, corporate events, and celebrations",
-              imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10502.jpg?_wi=2",
-              imageAlt: "Wedding vehicle rental",
-              buttonIcon: ArrowRight,
             },
           ]}
         />