Files
96231e04-7edb-4a53-90df-2ef…/src/app/page.tsx
2026-04-27 17:02:21 +00:00

189 lines
8.4 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmall"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Services", id: "features"},
{
name: "Contact", id: "contact"},
]}
brandName="Lonavala Taxi"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain"}}
logoText="Lonavala Taxi"
description="Your reliable companion for comfortable and safe travel across Lonavala and beyond. Book your cab today for a hassle-free journey."
buttons={[
{
text: "Book Now", href: "#contact"},
{
text: "Our Services", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-woman-with-car_23-2149004939.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Experience Lonavala with Ease"
description={[
"With years of dedicated service, we pride ourselves on being the preferred choice for residents and tourists alike. Our fleet of well-maintained cars and professional drivers ensures a seamless travel experience.", "We offer 24/7 service, competitive rates, and a commitment to safety, ensuring every trip through the hills of Lonavala is pleasant and worry-free."]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1", label: "Reliability", title: "Punctual Service", items: [
"On-time arrivals every time", "Professional, vetted drivers", "24/7 support and booking"],
},
{
id: "f2", label: "Comfort", title: "Clean & Maintained", items: [
"Sanitized interior cabins", "Regular vehicle maintenance", "Spacious and comfortable seating"],
},
{
id: "f3", label: "Safety", title: "Secure Travel", items: [
"Experienced local drivers", "Strict adherence to safety protocols", "GPS-tracked journeys"],
},
]}
title="Why Choose Us"
description="Travel with confidence knowing we put your safety, comfort, and schedule first."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Rahul Mehta", role: "Tourist", testimonial: "Excellent service! The car was clean and the driver was very helpful during our Lonavala trip.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-attractive-dark-skinned-man-with-afro-hairstyle-wearing-headphones-neck-talking-smartphone-drinking-coffee-while-strolling-city-with-backpack_176420-19828.jpg"},
{
id: "2", name: "Ananya Sharma", role: "Traveler", testimonial: "Punctual and very polite driver. Made our weekend getaway completely stress-free.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-funny-young-man-pretending-be-santa-claus-wearing-red-hat-with-white-fur-smiling-cheerfully-anticipating-good-party-with-his-friends_273609-19172.jpg"},
{
id: "3", name: "Vikram Singh", role: "Local Resident", testimonial: "My regular cab choice in Lonavala. Always consistent and very safe driving.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-smartphone_23-2149176299.jpg"},
{
id: "4", name: "Priya Das", role: "Business Traveler", testimonial: "Professional, reliable, and smooth travel experience. Highly recommended for business trips.", imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg"},
{
id: "5", name: "Siddharth J.", role: "Frequent Visitor", testimonial: "Great service during every visit. Drivers know the local areas very well.", imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-enjoying-road-trip-together_23-2148732118.jpg"},
]}
title="Trusted by Travelers"
description="Read what our customers say about our reliable taxi service in Lonavala."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Lonavala Resort Group", "Green Hills Hospitality", "Scenic Stay Hotels", "Lonavala Tourism Board", "Adventure Trips Ltd", "Regional Cab Union", "Eco-Travel Partners"]}
title="Proud Partners & Affiliates"
description="We are proud to work with leading hotels, resorts, and tourism organizations in Lonavala."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "How can I book a taxi?", content: "You can book your taxi by contacting us directly through phone or email listed on our website."},
{
id: "q2", title: "Is the taxi available 24/7?", content: "Yes, we operate 24/7 to ensure you have a ride whenever you need it."},
{
id: "q3", title: "Do you provide airport transfers?", content: "Absolutely! We provide comfortable transfer services to and from major airports."},
]}
title="Frequently Asked Questions"
description="Find answers to your common booking and travel questions here."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Booking"
title="Ready to Travel?"
description="Book your reliable taxi today. Reach out for any inquiries or to schedule your ride."
buttonText="Book Your Ride Now"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Lonavala Taxi"
columns={[
{
title: "Navigate", items: [
{
label: "Home", href: "#hero"},
{
label: "About", href: "#about"},
{
label: "Services", href: "#features"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
]}
copyrightText="© 2025 Lonavala Taxi. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}