Files
9dd5902b-ea10-4005-8047-aae…/src/app/page.tsx
2026-03-02 22:22:51 +00:00

251 lines
17 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Award, Sparkles } from "lucide-react";
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Fleet", id: "/fleet" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="noise"
cardStyle="gradient-bordered"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Alexander Taxi"
navItems={navItems}
button={{
text: "Book Now", href: "#booking"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Premium VIP Taxi Service in Paphos"
description="Experience luxury, comfort, and reliability with Alexander Taxi. Professional drivers, modern fleet, and guaranteed punctuality for tourists, business travelers, and locals."
tag="Available 24/7"
imageSrc="http://img.b2bpic.net/free-photo/side-view-working-back-car-using-silver-colored-laptop-senior-businessman_146671-14477.jpg"
imageAlt="Luxury taxi service in Paphos"
mediaAnimation="slide-up"
testimonials={[
{
name: "Margaret Thompson", handle: "Tourist, UK", testimonial: "Excellent service from airport to hotel. Driver was professional and knew the city well. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Margaret Thompson"},
{
name: "James Patterson", handle: "Business Traveler, USA", testimonial: "Reliable and punctual. Used Alexander Taxi for multiple trips during my stay. Best choice in Paphos.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Patterson"},
{
name: "Sofia Christou", handle: "Local Resident, Paphos", testimonial: "Great service for going to the airport. Always clean cars and friendly drivers. Worth every euro.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-gorgeous-latin-american-woman_1262-5766.jpg", imageAlt: "Sofia Christou"},
{
name: "David Murphy", handle: "Tourist, Ireland", testimonial: "Professional drivers, comfortable vehicles, and fair pricing. Made our Paphos vacation perfect.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Murphy"},
]}
testimonialRotationInterval={5000}
buttons={[
{ text: "Book Your Ride", href: "/booking" },
{ text: "Call Us", href: "tel:+35726111111" },
]}
useInvertedBackground={false}
background={{ variant: "plain" }}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="About Alexander Taxi"
title="Premium Taxi Service You Can Trust"
description="Founded in 2010, Alexander Taxi has been Paphos's leading luxury transportation provider."
subdescription="Serving thousands of satisfied customers annually"
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-valet-outdoors_23-2149901418.jpg"
imageAlt="Alexander Taxi fleet and team"
mediaAnimation="blur-reveal"
useInvertedBackground={true}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyThree
title="Our Services"
description="Complete transportation solutions tailored to your needs, whether you're a tourist, business traveler, or local resident."
tag="Services"
features={[
{
id: "1", title: "Airport Transfers", tags: ["24/7 Available", "Fixed Pricing"],
imageSrc: "http://img.b2bpic.net/free-photo/full-length-handsome-young-man-suit-walking-with-luggage-outside-office-building_662251-2111.jpg", imageAlt: "Airport transportation service"},
{
id: "2", title: "City Tours", tags: ["Professional Guides", "Flexible Hours"],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-looking-each-other_23-2148656203.jpg", imageAlt: "City tour experience"},
{
id: "3", title: "Business Transport", tags: ["Corporate Rates", "Reliable"],
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesspeople-with-luggage-walking-hotel-wheeling-suitcases-talking-full-length-front-view-business-travel-corporate-communication-concept_74855-6875.jpg", imageAlt: "Business transportation"},
{
id: "4", title: "Wedding Transportation", tags: ["Luxury Vehicles", "Special Events"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-couple-is-smiling-black-car-sunny-day-dressed-elegant-wedding-outfits-with-red-bouquet_8353-11161.jpg", imageAlt: "Wedding transportation"},
{
id: "5", title: "Group Transfers", tags: ["Large Fleet", "Group Discounts"],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-top-car_23-2147828238.jpg", imageAlt: "Group transportation service"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Explore All Services", href: "/services" }]}
/>
</div>
<div id="fleet" data-section="fleet">
<ProductCardTwo
title="Our Premium Fleet"
description="Modern, well-maintained vehicles ensuring comfort and safety for every journey."
tag="Fleet"
products={[
{
id: "1", brand: "Mercedes-Benz", name: "E-Class Sedan", price: "€45-60", rating: 5,
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg", imageAlt: "Mercedes E-Class luxury sedan"},
{
id: "2", brand: "BMW", name: "7 Series Luxury", price: "€60-80", rating: 5,
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg", imageAlt: "BMW 7 Series luxury vehicle"},
{
id: "3", brand: "Volkswagen", name: "Passat Comfort", price: "€35-50", rating: 5,
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/fast-wagon-car-winter-highway-road-motion_169016-71288.jpg", imageAlt: "Volkswagen Passat comfort vehicle"},
{
id: "4", brand: "Mercedes-Benz", name: "V-Class Van (8 seats)", price: "€70-100", rating: 5,
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-backseat-taxi_23-2149236709.jpg", imageAlt: "Mercedes V-Class group transport van"},
]}
gridVariant="bento-grid"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Transparent Pricing"
description="No hidden fees. Competitive rates for all our services. Book with confidence."
tag="Pricing"
plans={[
{
id: "1", price: "€35-50", name: "Airport Transfer", buttons: [
{ text: "Book Now", href: "/booking" },
{ text: "Learn More", href: "/pricing" },
],
features: [
"Fixed pricing", "Professional driver", "Free waiting time", "Air-conditioned vehicle"],
},
{
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
price: "€60-80", name: "City Tour (4 hours)", buttons: [
{ text: "Book Now", href: "/booking" },
{ text: "Customize", href: "/pricing" },
],
features: [
"Professional guide", "Flexible itinerary", "Comfortable vehicle", "Beverages included"],
},
{
id: "3", price: "€45-60", name: "Business Hourly", buttons: [
{ text: "Book Now", href: "/booking" },
{ text: "Corporate Rates", href: "/pricing" },
],
features: [
"Hourly billing", "Professional drivers", "Corporate accounts", "Invoice available"],
},
]}
animationType="opacity"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="What Our Customers Say"
description="Trusted by thousands of satisfied travelers and local residents."
tag="Testimonials"
testimonials={[
{
id: "1", name: "Emma Richardson, Tourist from UK", date: "Date: 15 November 2024", title: "Best taxi service in Paphos!", quote: "I used Alexander Taxi for airport transfer and city tours. The drivers were knowledgeable, professional, and the cars were immaculate. Highly recommend for anyone visiting Paphos.", tag: "Tourist", avatarSrc: "http://img.b2bpic.net/free-photo/happy-tourist-has-glad-expression-wears-fashionable-headgear_273609-25749.jpg", avatarAlt: "Emma Richardson", imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-has-glad-expression-wears-fashionable-headgear_273609-25749.jpg", imageAlt: "Emma Richardson testimonial"},
{
id: "2", name: "Giovanni Rossi, Business Traveler from Italy", date: "Date: 10 November 2024", title: "Reliable and professional", quote: "Used Alexander Taxi for multiple business transfers during my stay. Always punctual, professional drivers, and excellent service. Perfect for corporate travel needs.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-70.jpg", avatarAlt: "Giovanni Rossi", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-leaning-against-rusty-colored-background_150588-70.jpg", imageAlt: "Giovanni Rossi testimonial"},
{
id: "3", name: "Maria Georgiou, Local Resident", date: "Date: 5 November 2024", title: "My go-to service for airport runs", quote: "Living in Paphos, I use Alexander Taxi regularly for airport transfers. Dependable service, fair pricing, and friendly drivers. Never disappointed!", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-front-lemon-tree_23-2148396898.jpg", avatarAlt: "Maria Georgiou", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-front-lemon-tree_23-2148396898.jpg", imageAlt: "Maria Georgiou testimonial"},
{
id: "4", name: "Robert Chen, Tourist from Singapore", date: "Date: 1 November 2024", title: "Exceeded expectations", quote: "From the moment I landed at the airport, the service was exceptional. Clean vehicle, friendly driver who shared local insights. Made my Paphos experience unforgettable.", tag: "Tourist", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-seaside_23-2149737022.jpg", avatarAlt: "Robert Chen", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-seaside_23-2149737022.jpg", imageAlt: "Robert Chen testimonial"},
{
id: "5", name: "Sophie Lacroix, Tourist from France", date: "Date: 28 October 2024", title: "Worth every penny", quote: "Premium service at reasonable prices. The drivers know Paphos inside and out. Used them for airport transfers and evening city exploration. Fantastic!", tag: "Tourist", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hat_23-2149003013.jpg", avatarAlt: "Sophie Lacroix", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hat_23-2149003013.jpg", imageAlt: "Sophie Lacroix testimonial"},
{
id: "6", name: "Michael Thompson, Business Traveler from USA", date: "Date: 22 October 2024", title: "Professional excellence", quote: "Alexander Taxi provided seamless transportation for my entire business trip. Corporate rate was competitive, and the service quality was exceptional. Booking again next trip!", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Michael Thompson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Thompson testimonial"},
]}
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Alexander Taxi"
columns={[
{
title: "Services", items: [
{ label: "Airport Transfers", href: "/services" },
{ label: "City Tours", href: "/services" },
{ label: "Business Transport", href: "/services" },
{ label: "Group Transfers", href: "/services" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Our Fleet", href: "/fleet" },
{ label: "Pricing", href: "/pricing" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Support", items: [
{ label: "FAQ", href: "/contact" },
{ label: "Book Now", href: "/booking" },
{ label: "Track Ride", href: "#" },
{ label: "Customer Reviews", href: "/" },
],
},
{
title: "Contact", items: [
{ label: "Phone: +357 2611 1111", href: "tel:+35726111111" },
{ label: "Email: info@alexandertaxi.cy", href: "mailto:info@alexandertaxi.cy" },
{ label: "Address: Paphos, Cyprus", href: "#" },
{ label: "Hours: 24/7", href: "#" },
],
},
]}
copyrightText="© 2025 Alexander Taxi. All rights reserved."
/>
</div>
</ThemeProvider>
);
}