358 lines
23 KiB
TypeScript
358 lines
23 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import { Phone, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="medium"
|
||
sizing="mediumLarge"
|
||
background="noise"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Vehicles", id: "#vehicles"},
|
||
{
|
||
name: "Why Us", id: "#why-us"},
|
||
{
|
||
name: "Routes", id: "#routes"},
|
||
{
|
||
name: "How It Works", id: "#how-it-works"},
|
||
{
|
||
name: "Reviews", id: "#reviews"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
button={{
|
||
text: "Book on WhatsApp", href: "https://wa.me/355696241604"}}
|
||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-cottage-logo-template_23-2149446414.jpg"
|
||
logoAlt="Cars and Scooters for Rent Vlorë Logo"
|
||
brandName="Cars & Scooters Vlorë"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "rotated-rays-static"}}
|
||
title="Rent a Car or Scooter in Vlorë Today"
|
||
description="Easy pickup, fair prices, and fast WhatsApp booking for trips around Vlorë and the Albanian Riviera."
|
||
tag="5.0 Google Rating · 93 Reviews"
|
||
tagIcon={Star}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{
|
||
text: "Book on WhatsApp", href: "https://wa.me/355696241604"},
|
||
{
|
||
text: "See Vehicles", href: "#vehicles"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
carouselItems={[
|
||
{
|
||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/sunset-coastal-drive_23-2151948183.jpg", imageAlt: "Scenic coastal road in Albania with a rental car"},
|
||
{
|
||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-laptop-cafe_1303-16281.jpg", imageAlt: "Modern scooter parked in Vlora old town"},
|
||
{
|
||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/adult-male-holding-car-keys_23-2148332956.jpg", imageAlt: "Tourists enjoying a scooter ride along Vlora promenade"},
|
||
{
|
||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-couple-are-relaxing-riverside-with-their-electro-scooters-there-are-bright-sunny-day_613910-21648.jpg", imageAlt: "Vlorë city view with a car rental office and staff"},
|
||
{
|
||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-riding-electric-scooter_23-2148779957.jpg", imageAlt: "Car driving on a beautiful coastal road near Vlora"},
|
||
{
|
||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12219.jpg", imageAlt: "Vlorë port with various rental vehicles awaiting tourists"},
|
||
]}
|
||
autoPlay={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="quick-booking" data-section="quick-booking">
|
||
<FeatureCardNineteen
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
tag: "Step 1", title: "Select Dates", subtitle: "Pick your desired pickup and return dates.", description: "Our flexible scheduling accommodates your travel plans for any duration.", imageSrc: "http://img.b2bpic.net/free-vector/travel-onboarding-app-screens_23-2148411535.jpg", imageAlt: "Calendar icon for date selection"},
|
||
{
|
||
tag: "Step 2", title: "Choose Vehicle", subtitle: "Browse our range of cars and scooters.", description: "From economy cars to adventurous scooters, find your perfect match.", imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-concept_23-2148996486.jpg", imageAlt: "Car and scooter icons for vehicle selection"},
|
||
{
|
||
tag: "Step 3", title: "Get a Quote", subtitle: "Receive fast availability & pricing via WhatsApp.", description: "Our team provides quick, clear responses to all your booking inquiries.", imageSrc: "http://img.b2bpic.net/free-photo/yes-text-speech-bubble-green-background_23-2147948865.jpg", imageAlt: "WhatsApp chat icon for instant communication"},
|
||
]}
|
||
title="Your Quick Booking Starts Here"
|
||
description="Provide your preferred dates and vehicle type via WhatsApp for an instant availability check and a personalized quote. Our team is ready to assist!"
|
||
buttons={[
|
||
{
|
||
text: "Start WhatsApp Booking", href: "https://wa.me/355696241604"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="vehicles" data-section="vehicles">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "economy-cars", brand: "Economy Class", name: "Compact & Efficient", price: "From €25/day", rating: 5,
|
||
reviewCount: "Best for: Budget-conscious travelers, city driving", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-car_23-2148999054.jpg", imageAlt: "White compact economy car"},
|
||
{
|
||
id: "automatic-cars", brand: "Automatic Trans.", name: "Effortless Driving", price: "From €35/day", rating: 5,
|
||
reviewCount: "Best for: Comfortable cruising, easy handling", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-stepping-out-car_23-2148332871.jpg", imageAlt: "Modern automatic transmission car"},
|
||
{
|
||
id: "family-cars", brand: "Family Comfort", name: "Spacious & Safe", price: "From €45/day", rating: 5,
|
||
reviewCount: "Best for: Groups and families, longer trips", imageSrc: "http://img.b2bpic.net/free-photo/cute-family-taking-hot-drink-winter-field_1157-31348.jpg", imageAlt: "Dark SUV family car"},
|
||
{
|
||
id: "scooters", brand: "Scooters", name: "Agile & Fun", price: "From €15/day", rating: 5,
|
||
reviewCount: "Best for: Solo explorers, short distances, beach hopping", imageSrc: "http://img.b2bpic.net/free-photo/red-retro-scooter-grass_158595-1886.jpg", imageAlt: "Red scooter parked by the coast"},
|
||
{
|
||
id: "convertible", brand: "Convertibles", name: "Wind in Your Hair", price: "From €60/day", rating: 5,
|
||
reviewCount: "Best for: Couples, scenic drives, luxury feel", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-taking-photos-sea-by-car_23-2148756448.jpg", imageAlt: "Grey convertible car with top down"},
|
||
{
|
||
id: "e-scooters", brand: "E-Scooters", name: "Eco & Modern", price: "From €20/day", rating: 5,
|
||
reviewCount: "Best for: Environmentally conscious, quiet exploration", imageSrc: "http://img.b2bpic.net/free-photo/enjoying-walk_1098-16501.jpg", imageAlt: "Electric scooter parked in a modern setting"},
|
||
]}
|
||
title="Our Fleet for Your Albanian Adventure"
|
||
description="Explore Vlorë and the stunning Albanian Riviera with our diverse selection of reliable cars and agile scooters. Find your perfect ride below."
|
||
buttons={[
|
||
{
|
||
text: "Ask Availability", href: "https://wa.me/355696241604"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<FeatureCardNineteen
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
tag: "Local Expertise", title: "Fast WhatsApp Replies", subtitle: "Get instant answers and booking confirmations.", description: "Our local team responds quickly to ensure your plans stay on track.", imageSrc: "http://img.b2bpic.net/free-photo/5-star-customer-review_23-2151952994.jpg", imageAlt: "WhatsApp chat bubble icon"},
|
||
{
|
||
tag: "Convenience", title: "Local Pickup in Vlorë", subtitle: "Easy access from Lungomare, port, or your hotel.", description: "Conveniently located at Rruga Sadik Zotaj, we make pickup simple.", imageSrc: "http://img.b2bpic.net/free-vector/home-shop-location-pins_78370-1534.jpg", imageAlt: "Map pin icon indicating local pickup"},
|
||
{
|
||
tag: "Variety", title: "Cars and Scooters", subtitle: "Your choice for city exploration or coastal drives.", description: "Our diverse fleet caters to every traveler's preference and adventure.", imageSrc: "http://img.b2bpic.net/free-photo/woman-crashed-into-car-girl-helmet-people-quarrel-accident_1157-45209.jpg", imageAlt: "Icons of a car and a scooter"},
|
||
{
|
||
tag: "Flexibility", title: "Flexible Hours", subtitle: "Open daily 7:00 AM - 1:00 AM.", description: "We work around your schedule, early mornings to late nights.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spring-time-change-concept_23-2149318309.jpg", imageAlt: "Clock icon indicating flexible operating hours"},
|
||
{
|
||
tag: "Guidance", title: "Help with Routes", subtitle: "Discover hidden gems and best driving paths.", description: "Get expert advice on must-see destinations and optimal routes around Vlorë.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-traveller-checking-road-map_23-2148588509.jpg", imageAlt: "Map and route guidance icon"},
|
||
{
|
||
tag: "Simplicity", title: "Simple Rental Process", subtitle: "Quick paperwork, clear terms, no hidden fees.", description: "We believe in transparency and an easy, straightforward rental experience.", imageSrc: "http://img.b2bpic.net/free-photo/new-house-keys-composition-with-papers_23-2147764249.jpg", imageAlt: "Checklist icon for simple process"},
|
||
]}
|
||
title="Why Tourists Choose Cars and Scooters for Rent Vlorë"
|
||
description="We're dedicated to making your Vlorë and Albanian Riviera experience seamless and enjoyable. Here’s what sets us apart."
|
||
/>
|
||
</div>
|
||
|
||
<div id="routes" data-section="routes">
|
||
<BlogCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Explore the Albanian Riviera: Top Routes from Vlorë"
|
||
description="Unlock the beauty of Southern Albania with our recommended driving routes. From breathtaking passes to pristine beaches, your adventure starts here."
|
||
blogs={[
|
||
{
|
||
id: "route-1", category: "Scenic Drive", title: "Llogara Pass & National Park", excerpt: "Experience exhilarating mountain views and panoramic coastal vistas on this iconic route. Perfect for a day trip with any car.", imageSrc: "http://img.b2bpic.net/free-photo/road-with-mountain-background_505751-5899.jpg", imageAlt: "Llogara Pass scenic road in Albania", authorName: "Coastal Adventures", authorAvatar: "http://img.b2bpic.net/free-photo/close-u-smiling-woman-holding-map-taking-selfie-outdoors_23-2148203086.jpg", date: "Ideal Vehicle: Car"},
|
||
{
|
||
id: "route-2", category: "Beach Towns", title: "Dhërmi & Himarë Beaches", excerpt: "Discover picturesque villages and stunning beaches. Enjoy the vibrant nightlife or tranquil coves. Easily accessible by car or scooter.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-northern-littoral-natural-park_181624-30743.jpg", imageAlt: "Dhërmi beach with crystal clear water", authorName: "Beach Escapes", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12859.jpg", date: "Ideal Vehicle: Car / Scooter"},
|
||
{
|
||
id: "route-3", category: "Nature & History", title: "Zvernec Island & Monastery", excerpt: "Visit the serene Zvernec Monastery, accessible by a charming wooden bridge, nestled in a tranquil lagoon. A short, easy drive from Vlorë.", imageSrc: "http://img.b2bpic.net/free-photo/autumn-forest-with-wood-bridge_649448-4918.jpg", imageAlt: "Zvernec Monastery on a small island", authorName: "Cultural Journeys", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-afro-curls-hairstyle-dressed-summer-hipster-white-dress_158538-779.jpg", date: "Ideal Vehicle: Car / Scooter"},
|
||
{
|
||
id: "route-4", category: "Coastal Relaxation", title: "Radhimë & Orikum Bays", excerpt: "Enjoy the quiet, beautiful beaches of Radhimë and explore the ancient history of Orikum. Great for relaxing days by the sea.", imageSrc: "http://img.b2bpic.net/free-photo/boats-beach-montgat-catalonia_1398-4343.jpg", imageAlt: "Radhimë beach at sunset", authorName: "Hidden Coves", authorAvatar: "http://img.b2bpic.net/free-photo/stylish-fiance-posing-top-enjoying-view-mountains_8353-12621.jpg", date: "Ideal Vehicle: Car / Scooter"},
|
||
{
|
||
id: "route-5", category: "Day Trip", title: "Ksamil Day Trip (Sarandë)", excerpt: "Venture south for a day to the 'Albanian Maldives'. Ksamil's pristine islands and turquoise waters are worth the drive.", imageSrc: "http://img.b2bpic.net/free-photo/aegean-sea-coast-with-blue-transparent-water-greenery-around-rocks-bushes-trees-view-from-drone-greece_1268-16734.jpg", imageAlt: "Ksamil islands with blue water", authorName: "Island Paradise", authorAvatar: "http://img.b2bpic.net/free-photo/outside-portrait-young-smiling-woman-with-wavy-hair-wearing-striped-tshirt-blue-shirt-is-posing-camera-with-happy-smile-against-city-square-with-green-exotic-trees_291650-1903.jpg", date: "Ideal Vehicle: Car"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="how-it-works" data-section="how-it-works">
|
||
<MetricCardSeven
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "step-1", value: "1", title: "Send Dates on WhatsApp", items: [
|
||
"Instantly message us your desired pickup and return dates on WhatsApp.", "Our team will confirm vehicle availability and pricing.", "Receive a personalized quote directly to your phone."
|
||
]
|
||
},
|
||
{
|
||
id: "step-2", value: "2", title: "Choose Your Vehicle", items: [
|
||
"Choose your ideal car or scooter from our diverse fleet.", "We'll ensure it perfectly matches your travel needs.", "Benefit from transparent pricing with no hidden fees."
|
||
]
|
||
},
|
||
{
|
||
id: "step-3", value: "3", title: "Pick Up in Vlorë", items: [
|
||
"Pick up your keys at our Vlorë office: Rruga Sadik Zotaj, Vlora 9402.", "Complete quick, hassle-free paperwork.", "Start your journey immediately."
|
||
]
|
||
},
|
||
{
|
||
id: "step-4", value: "4", title: "Drive the Riviera", items: [
|
||
"Freely explore Vlorë and the stunning Albanian Riviera.", "Discover hidden gems with our reliable vehicles.", "Enjoy a worry-free journey with 24/7 support."
|
||
]
|
||
}
|
||
]}
|
||
title="Your Rental Journey in 4 Simple Steps"
|
||
description="Renting a car or scooter in Vlorë is quick and hassle-free with Cars and Scooters for Rent Vlorë."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="\"Exceptional service! Booking was incredibly easy via WhatsApp, and the team provided fantastic vehicle options. Perfect for exploring Vlorë and the Albanian Riviera – highly recommend!\""
|
||
rating={5}
|
||
author="A Happy Customer"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/slim-woman-enjoying-exotic-place-joyful-tanned-lady-standing-near-palm-trees-smiling_197531-21133.jpg", alt: "Customer Avatar"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/glad-smiling-bearded-man-rub-hands-relish-good-profit_176420-17946.jpg", alt: "Customer Avatar"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/middle-aged-bearded-caucasian-botanist-biologist-wearing-panama-hat_273609-6419.jpg", alt: "Customer Avatar"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-senior-man-wearing-glasses-smiling-camera_1262-1857.jpg", alt: "Customer Avatar"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-smiling-european-woman-wearing-striped-tshirt-is-resting-open-air-terrace-sunlight-warm-spring-day-morning-coffee-sunny-day_291650-1895.jpg", alt: "Customer Avatar"
|
||
}
|
||
]}
|
||
ratingAnimation="blur-reveal"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "Do I need a credit card to rent a vehicle?", content: "Typically, a credit card is required for the security deposit. However, please contact us directly on WhatsApp to discuss alternative options if needed."},
|
||
{
|
||
id: "faq-2", title: "Can I rent a scooter without a motorcycle license?", content: "A valid driving license is required for both cars and scooters. Specific license categories may apply for scooters depending on engine size; please consult us for details."},
|
||
{
|
||
id: "faq-3", title: "Can I pick up the vehicle near my hotel?", content: "Our main pickup location is conveniently at Rruga Sadik Zotaj, Vlora 9402, Albania. We can discuss options for delivery/pickup based on your location; additional fees may apply."},
|
||
{
|
||
id: "faq-4", title: "What documents do I need for rental?", content: "You will need a valid driving license, passport or ID card, and a credit card for the security deposit (or alternative arrangements made with us)."},
|
||
{
|
||
id: "faq-5", title: "Is insurance included in the rental price?", content: "Basic insurance is typically included. We also offer additional coverage options for enhanced peace of mind. Details will be provided upon inquiry."},
|
||
{
|
||
id: "faq-6", title: "Can I drive to Sarandë / Ksamil / Tirana?", content: "Our vehicles are suitable for travel throughout Albania, including popular destinations like Sarandë, Ksamil, and Tirana. Please inform us of your travel plans for any specific advice."},
|
||
{
|
||
id: "faq-7", title: "What happens if I return the vehicle late?", content: "Please notify us as soon as possible if you anticipate a late return. Late return fees may apply as per our rental agreement."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/woman-long-dress-walking-seashore_158595-6319.jpg"
|
||
imageAlt="Map illustration of Vlorë and Albanian Riviera"
|
||
mediaAnimation="blur-reveal"
|
||
mediaPosition="right"
|
||
title="Frequently Asked Questions"
|
||
description="Find quick answers to common questions about renting a car or scooter with us in Vlorë."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Get in Touch"
|
||
tagIcon={Phone}
|
||
tagAnimation="slide-up"
|
||
title="Ready to Explore Vlorë?"
|
||
description="Located at Rruga Sadik Zotaj, Vlora 9402. Contact us for fast bookings and friendly service! Our team is available daily from 7:00 AM to 1:00 AM for immediate assistance. We look forward to helping you."
|
||
buttons={[
|
||
{
|
||
text: "Book on WhatsApp Now", href: "https://wa.me/355696241604"},
|
||
{
|
||
text: "Call Us: +355 69 624 1604", href: "tel:+355696241604"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-cottage-logo-template_23-2149446414.jpg"
|
||
logoAlt="Cars and Scooters for Rent Vlorë Logo"
|
||
logoText="Cars & Scooters Vlorë"
|
||
columns={[
|
||
{
|
||
title: "Services", items: [
|
||
{
|
||
label: "Car Rental", href: "#vehicles"},
|
||
{
|
||
label: "Scooter Rental", href: "#vehicles"},
|
||
{
|
||
label: "WhatsApp Booking", href: "https://wa.me/355696241604"},
|
||
],
|
||
},
|
||
{
|
||
title: "Routes", items: [
|
||
{
|
||
label: "Llogara Pass", href: "#routes"},
|
||
{
|
||
label: "Dhërmi & Himarë", href: "#routes"},
|
||
{
|
||
label: "Zvernec Island", href: "#routes"},
|
||
{
|
||
label: "Ksamil Day Trip", href: "#routes"},
|
||
],
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "Why Choose Us", href: "#why-us"},
|
||
{
|
||
label: "How It Works", href: "#how-it-works"},
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Contact Us", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms & Conditions", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 Cars and Scooters for Rent Vlore. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|