bender/87c6a52b-163b-4646-925e-e77e1519ac52
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 6 commits from version_2 into main 2026-03-07 10:32:39 +00:00
Conversation 0 Commits 6 Files Changed 6 +189 -468
6 changed files with 189 additions and 468 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/app/about/page.tsx
View File

@@ -7,7 +7,7 @@ import TestimonialCardSixteen from "@/components/sections/testimonial/Testimonia
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { ArrowRight, CheckCircle, Star, Phone } from "lucide-react";
import { ArrowRight, CheckCircle, Star, Phone, Menu } from "lucide-react";
export default function AboutPage() {
const navItems = [
@@ -34,10 +34,8 @@ export default function AboutPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Tan Tours"
navItems={navItems.map((item) => ({
name: item.name,
id: item.id,
}))}
navItems={navItems}
menuIcon={Menu}
/>
</div>
@@ -52,32 +50,16 @@ export default function AboutPage() {
useInvertedBackground={true}
features={[
{
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,
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,
},
{
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,
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,
},
{
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,
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,
},
{
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,
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,
},
]}
/>
@@ -95,51 +77,25 @@ export default function AboutPage() {
animationType="slide-up"
testimonials={[
{
id: "1",
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=2",
},
id: "1", 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=2"},
{
id: "2",
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=2",
},
id: "2", 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=2"},
{
id: "3",
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=2",
},
id: "3", 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=2"},
{
id: "4",
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=2",
},
id: "4", 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=2"},
]}
kpiItems={[
{
value: "10,000+",
label: "Happy Customers",
},
value: "10,000+", label: "Happy Customers"},
{
value: "98%",
label: "Satisfaction Rate",
},
value: "98%", label: "Satisfaction Rate"},
{
value: "20+",
label: "Years Experience",
},
value: "20+", label: "Years Experience"},
]}
/>
</div>
@@ -148,8 +104,7 @@ export default function AboutPage() {
<FooterBaseReveal
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Fleet", href: "/fleet" },
{ label: "Services", href: "/services" },
@@ -157,8 +112,7 @@ export default function AboutPage() {
],
},
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Daily Rentals", href: "#" },
{ label: "Chauffeur Service", href: "#" },
{ label: "Airport Transfers", href: "#" },
@@ -166,8 +120,7 @@ export default function AboutPage() {
],
},
{
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: "#" },

58
src/app/booking/page.tsx
View File

@@ -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>

41
src/app/contact/page.tsx
View File

@@ -6,7 +6,7 @@ import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwent
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { ArrowRight, Briefcase, Phone } from "lucide-react";
import { ArrowRight, Briefcase, Phone, Menu } from "lucide-react";
export default function ContactPage() {
const navItems = [
@@ -33,10 +33,8 @@ export default function ContactPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Tan Tours"
navItems={navItems.map((item) => ({
name: item.name,
id: item.id,
}))}
navItems={navItems}
menuIcon={Menu}
/>
</div>
@@ -51,32 +49,16 @@ export default function ContactPage() {
useInvertedBackground={false}
features={[
{
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,
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,
},
{
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,
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,
},
{
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,
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,
},
{
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,
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,
},
]}
/>
@@ -103,8 +85,7 @@ export default function ContactPage() {
<FooterBaseReveal
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Fleet", href: "/fleet" },
{ label: "Services", href: "/services" },
@@ -112,8 +93,7 @@ export default function ContactPage() {
],
},
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Daily Rentals", href: "#" },
{ label: "Chauffeur Service", href: "#" },
{ label: "Airport Transfers", href: "#" },
@@ -121,8 +101,7 @@ export default function ContactPage() {
],
},
{
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: "#" },

152
src/app/fleet/page.tsx
View File

@@ -12,6 +12,7 @@ import {
CheckCircle,
ArrowRight,
Phone,
Menu,
} from "lucide-react";
export default function FleetPage() {
@@ -34,10 +35,11 @@ export default function FleetPage() {
navItems={[
{ name: "Home", id: "/" },
{ name: "Fleet", id: "/fleet" },
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
menuIcon={Menu}
/>
</div>
@@ -54,54 +56,25 @@ export default function FleetPage() {
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=3",
imageAlt: "White Toyota Corolla Sedan",
},
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=3", imageAlt: "White Toyota Corolla Sedan"},
{
id: "sedan-2",
name: "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: "sedan-2", name: "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",
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=2",
imageAlt: "Black Toyota Fortuner SUV",
},
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=2", imageAlt: "Black Toyota Fortuner SUV"},
{
id: "suv-2",
name: "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: "suv-2", name: "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",
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=2",
imageAlt: "White Toyota Hiace Van",
},
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=2", imageAlt: "White Toyota Hiace Van"},
{
id: "hiace-2",
name: "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",
},
id: "hiace-2", name: "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 +89,19 @@ export default function FleetPage() {
useInvertedBackground={true}
features={[
{
title: "Regular Maintenance",
description:
"All vehicles undergo scheduled maintenance and safety inspections before each rental",
imageSrc:
"http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2148943301.jpg?_wi=3",
imageAlt: "Vehicle maintenance",
buttonIcon: ArrowRight,
title: "Regular Maintenance", description:
"All vehicles undergo scheduled maintenance and safety inspections before each rental", 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",
description:
"Air conditioning, power steering, premium interiors, and advanced safety systems standard",
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: "Modern Features", description:
"Air conditioning, power steering, premium interiors, and advanced safety systems standard", 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",
description:
"Full coverage insurance included with every rental to protect you during your journey",
imageSrc:
"http://img.b2bpic.net/free-photo/piles-coins-top-graph_23-2148285356.jpg?_wi=2",
imageAlt: "Insurance coverage",
buttonIcon: ArrowRight,
title: "Comprehensive Insurance", description:
"Full coverage insurance included with every rental to protect you during your journey", imageSrc:
"http://img.b2bpic.net/free-photo/piles-coins-top-graph_23-2148285356.jpg?_wi=2", imageAlt: "Insurance coverage", buttonIcon: ArrowRight,
},
]}
/>
@@ -155,7 +116,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 +128,39 @@ export default function FleetPage() {
<FooterBaseReveal
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "/about"},
{
label: "Our Fleet",
href: "/fleet",
},
label: "Our Fleet", href: "/fleet"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "/services"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Daily Rentals",
href: "#",
},
label: "Daily Rentals", href: "#"},
{
label: "Chauffeur Service",
href: "#",
},
label: "Chauffeur Service", href: "#"},
{
label: "Airport Transfers",
href: "#",
},
label: "Airport Transfers", href: "#"},
{
label: "Wedding Rentals",
href: "#",
},
label: "Wedding Rentals", href: "#"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Phone: +92-321-XXXX-XXX",
href: "#",
},
label: "Phone: +92-321-XXXX-XXX", href: "#"},
{
label: "Email: info@tantours.pk",
href: "#",
},
label: "Email: info@tantours.pk", href: "#"},
{
label: "WhatsApp: Available 24/7",
href: "#",
},
label: "WhatsApp: Available 24/7", href: "#"},
{
label: "Lahore, Pakistan",
href: "#",
},
label: "Lahore, Pakistan", href: "#"},
],
},
]}

266
src/app/page.tsx
View File

@@ -23,6 +23,7 @@ import {
ArrowLeftRight,
Send,
ArrowRight,
Menu,
} from "lucide-react";
export default function HomePage() {
@@ -45,10 +46,11 @@ export default function HomePage() {
navItems={[
{ name: "Home", id: "/" },
{ name: "Fleet", id: "/fleet" },
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
menuIcon={Menu}
/>
</div>
@@ -66,12 +68,9 @@ export default function HomePage() {
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
dashboard={{
title: "Why Choose Tan Tours",
logoIcon: Shield,
title: "Why Choose Tan Tours", logoIcon: Shield,
imageSrc:
"http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg",
searchPlaceholder: "Select your preferred vehicle type",
buttons: [
"http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg", searchPlaceholder: "Select your preferred vehicle type", buttons: [
{ text: "Book Now", href: "#featured-cars" },
{ text: "Learn More", href: "#why-choose-us" },
],
@@ -82,46 +81,32 @@ export default function HomePage() {
],
stats: [
{
title: "Years Experience",
values: [10, 15, 20],
description: "Trusted in car rentals",
},
title: "Years Experience", values: [10, 15, 20],
description: "Trusted in car rentals"},
{
title: "Happy Customers",
values: [5000, 7500, 10000],
description: "Satisfied clients served",
},
title: "Happy Customers", values: [5000, 7500, 10000],
description: "Satisfied clients served"},
{
title: "Fleet Size",
values: [50, 75, 100],
description: "Premium vehicles available",
},
title: "Fleet Size", values: [50, 75, 100],
description: "Premium vehicles available"},
],
chartTitle: "Booking Trends",
chartData: [
chartTitle: "Booking Trends", chartData: [
{ value: 60 },
{ value: 75 },
{ value: 55 },
{ value: 85 },
{ value: 70 },
],
listTitle: "Services Available",
listItems: [
listTitle: "Services Available", listItems: [
{
icon: Car,
title: "Daily Rentals",
status: "Available",
},
title: "Daily Rentals", status: "Available"},
{
icon: Users,
title: "Chauffeur Service",
status: "On Demand",
},
title: "Chauffeur Service", status: "On Demand"},
{
icon: Send,
title: "One Way Drops",
status: "Available",
},
title: "One Way Drops", status: "Available"},
],
}}
/>
@@ -140,30 +125,16 @@ export default function HomePage() {
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=1",
imageAlt: "White Toyota Corolla Sedan",
},
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=1", imageAlt: "White Toyota Corolla Sedan"},
{
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=1",
imageAlt: "Black Toyota Fortuner SUV",
},
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=1", imageAlt: "Black Toyota Fortuner SUV"},
{
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=1",
imageAlt: "White Toyota Hiace Van",
},
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=1", imageAlt: "White Toyota Hiace Van"},
]}
gridClassName="gap-4 md:gap-6"
/>
</div>
@@ -178,40 +149,24 @@ export default function HomePage() {
useInvertedBackground={true}
features={[
{
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=1",
imageAlt: "Vehicle maintenance service",
buttonIcon: ArrowRight,
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=1", imageAlt: "Vehicle maintenance service", buttonIcon: ArrowRight,
},
{
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=1",
imageAlt: "Professional driver",
buttonIcon: ArrowRight,
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=1", imageAlt: "Professional driver", buttonIcon: ArrowRight,
},
{
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=1",
imageAlt: "Affordable pricing",
buttonIcon: ArrowRight,
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=1", imageAlt: "Affordable pricing", buttonIcon: ArrowRight,
},
{
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=2",
imageAlt: "Customer support",
buttonIcon: ArrowRight,
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=2", imageAlt: "Customer support", buttonIcon: ArrowRight,
},
]}
/>
@@ -228,40 +183,24 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
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=2",
imageAlt: "Daily rental car",
buttonIcon: ArrowRight,
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=2", imageAlt: "Daily rental car", buttonIcon: ArrowRight,
},
{
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=1",
imageAlt: "Professional chauffeur",
buttonIcon: ArrowRight,
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=1", imageAlt: "Professional chauffeur", buttonIcon: ArrowRight,
},
{
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=1",
imageAlt: "Airport transfer service",
buttonIcon: ArrowRight,
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=1", imageAlt: "Airport transfer service", buttonIcon: ArrowRight,
},
{
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=1",
imageAlt: "Wedding vehicle rental",
buttonIcon: ArrowRight,
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=1", imageAlt: "Wedding vehicle rental", buttonIcon: ArrowRight,
},
]}
/>
@@ -279,55 +218,29 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Ahmed Hassan",
role: "Business Executive",
company: "Tech Solutions Ltd",
rating: 5,
id: "1", 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",
name: "Fatima Khan",
role: "Event Planner",
company: "Elite Events",
rating: 5,
id: "2", 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",
name: "Muhammad Ali",
role: "Travel Agent",
company: "Global Travels",
rating: 5,
id: "3", 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",
name: "Sarah Khan",
role: "Corporate Manager",
company: "Finance Pro",
rating: 5,
id: "4", 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+",
label: "Happy Customers",
},
value: "10,000+", label: "Happy Customers"},
{
value: "98%",
label: "Satisfaction Rate",
},
value: "98%", label: "Satisfaction Rate"},
{
value: "20+",
label: "Years Experience",
},
value: "20+", label: "Years Experience"},
]}
/>
</div>
@@ -341,7 +254,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 +266,39 @@ export default function HomePage() {
<FooterBaseReveal
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "/about"},
{
label: "Our Fleet",
href: "/fleet",
},
label: "Our Fleet", href: "/fleet"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "/services"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Daily Rentals",
href: "#",
},
label: "Daily Rentals", href: "#"},
{
label: "Chauffeur Service",
href: "#",
},
label: "Chauffeur Service", href: "#"},
{
label: "Airport Transfers",
href: "#",
},
label: "Airport Transfers", href: "#"},
{
label: "Wedding Rentals",
href: "#",
},
label: "Wedding Rentals", href: "#"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Phone: +92-321-XXXX-XXX",
href: "#",
},
label: "Phone: +92-321-XXXX-XXX", href: "#"},
{
label: "Email: info@tantours.pk",
href: "#",
},
label: "Email: info@tantours.pk", href: "#"},
{
label: "WhatsApp: Available 24/7",
href: "#",
},
label: "WhatsApp: Available 24/7", href: "#"},
{
label: "Lahore, Pakistan",
href: "#",
},
label: "Lahore, Pakistan", href: "#"},
],
},
]}

51
src/app/services/page.tsx
View File

@@ -6,21 +6,20 @@ import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwent
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { ArrowRight, Briefcase, Phone } from "lucide-react";
import { ArrowRight, Briefcase, Phone, Menu } from "lucide-react";
export default function ServicesPage() {
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 ServicesPage() {
],
},
{
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 ServicesPage() {
],
},
{
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 ServicesPage() {
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="services" data-section="services">
@@ -75,32 +76,16 @@ export default function ServicesPage() {
useInvertedBackground={false}
features={[
{
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,
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,
},
{
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,
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,
},
{
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,
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,
},
{
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,
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,
},
]}
/>