bender/801e9c37-8209-44f6-98e7-1c7e98e4a7a2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-07 14:28:19 +00:00
parent c33a2dc83f 8a686b3bc3
commit 387e5c98e1
2 changed files with 104 additions and 377 deletions
Download Patch File Download Diff File Expand all files Collapse all files

463
src/app/page.tsx
View File

@@ -33,38 +33,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Vehicles",
id: "#vehicles",
},
name: "Vehicles", id: "#vehicles"},
{
name: "Why Us",
id: "#why-us",
},
name: "Why Us", id: "#why-us"},
{
name: "Routes",
id: "#routes",
},
name: "Routes", id: "#routes"},
{
name: "How It Works",
id: "#how-it-works",
},
name: "How It Works", id: "#how-it-works"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book on WhatsApp",
href: "https://wa.me/355696241604",
}}
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ë"
@@ -74,8 +58,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
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"
@@ -83,46 +66,24 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Book on WhatsApp",
href: "https://wa.me/355696241604",
},
text: "Book on WhatsApp", href: "https://wa.me/355696241604"},
{
text: "See Vehicles",
href: "#vehicles",
},
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: "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: "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: "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: "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: "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",
},
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}
/>
@@ -134,37 +95,17 @@ export default function LandingPage() {
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 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 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",
},
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",
},
text: "Start WhatsApp Booking", href: "https://wa.me/355696241604"},
]}
/>
</div>
@@ -177,73 +118,29 @@ export default function LandingPage() {
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: "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: "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: "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: "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: "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",
},
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",
},
text: "Ask Availability", href: "https://wa.me/355696241604"},
]}
/>
</div>
@@ -254,53 +151,17 @@ export default function LandingPage() {
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: "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: "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: "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: "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: "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",
},
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."
@@ -316,60 +177,15 @@ export default function LandingPage() {
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-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-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-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-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",
},
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>
@@ -380,53 +196,25 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "step-1",
value: "1",
title: "Send Dates on WhatsApp",
items: [
"Message us your desired pickup and return dates.",
"Our team will check availability instantly.",
"Receive a quick response with options.",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-whatsapp-icon-green-square_23-2152000280.jpg",
imageAlt: "WhatsApp icon",
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: [
"Select from our range of cars and scooters.",
"We'll help you pick the perfect match for your trip.",
"All options with transparent pricing.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-car-car-show-room_1303-15733.jpg",
imageAlt: "Car and scooter icons",
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: [
"Collect your vehicle from our convenient Vlorë location.",
"Quick paperwork process.",
"Located near Lungomare and the port.",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-car-key_23-2150320969.jpg",
imageAlt: "Handing over car keys",
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: [
"Enjoy your freedom to explore Vlorë and beyond.",
"Discover hidden beaches and scenic routes.",
"Reliable vehicles for a worry-free journey.",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-guy-tourist-takes-selfies-with-suitcase-uses-smartphone_1258-314756.jpg",
imageAlt: "Car driving on a coastal road",
},
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ë."
@@ -436,30 +224,25 @@ export default function LandingPage() {
<div id="reviews" data-section="reviews">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="\"Cars and Scooters for Rent Vlore is simply the best! With a 5.0 Google Rating from 93 reviews, their service is truly exceptional. Easy booking, friendly staff, and great vehicles made our trip unforgettable. Highly recommended for exploring the Albanian Riviera!\""
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="Verified Google Review"
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: "Sarah J. - Happy Customer",
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: "Michael C. - Satisfied Renter",
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: "Emily R. - Vlorë Tourist",
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: "David K. - Frequent Traveler",
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: "Jessica L. - Adventure Seeker",
},
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"
@@ -472,40 +255,19 @@ export default function LandingPage() {
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-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-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-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-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-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-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.",
},
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"
@@ -521,22 +283,17 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
tagIcon={Phone}
tagAnimation="slide-up"
title="Ready to Explore Vlorë?"
description="Contact us today 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."
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: "Book on WhatsApp Now", href: "https://wa.me/355696241604"},
{
text: "Call Us: +355 69 624 1604",
href: "tel:+355696241604",
},
text: "Call Us: +355 69 624 1604", href: "tel:+355696241604"},
]}
buttonAnimation="slide-up"
/>
@@ -549,79 +306,49 @@ export default function LandingPage() {
logoText="Cars & Scooters Vlorë"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Car Rental",
href: "#vehicles",
},
label: "Car Rental", href: "#vehicles"},
{
label: "Scooter Rental",
href: "#vehicles",
},
label: "Scooter Rental", href: "#vehicles"},
{
label: "WhatsApp Booking",
href: "https://wa.me/355696241604",
},
label: "WhatsApp Booking", href: "https://wa.me/355696241604"},
],
},
{
title: "Routes",
items: [
title: "Routes", items: [
{
label: "Llogara Pass",
href: "#routes",
},
label: "Llogara Pass", href: "#routes"},
{
label: "Dhërmi & Himarë",
href: "#routes",
},
label: "Dhërmi & Himarë", href: "#routes"},
{
label: "Zvernec Island",
href: "#routes",
},
label: "Zvernec Island", href: "#routes"},
{
label: "Ksamil Day Trip",
href: "#routes",
},
label: "Ksamil Day Trip", href: "#routes"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Why Choose Us",
href: "#why-us",
},
label: "Why Choose Us", href: "#why-us"},
{
label: "How It Works",
href: "#how-it-works",
},
label: "How It Works", href: "#how-it-works"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms & Conditions",
href: "#",
},
label: "Terms & Conditions", href: "#"},
],
},
]}
copyrightText="© 2024 Cars and Scooters for Rent Vlore. All rights reserved."
copyrightText="© 2025 Cars and Scooters for Rent Vlore. All rights reserved."
/>
</div>
</ReactLenis>

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f3ede2;
--secondary-cta-text: #001122;
--accent: #1ED760;
--background-accent: #b2a28b;
--background: #e3deea;
--card: #ffffff;
--foreground: #27231f;
--primary-cta: #27231f;
--primary-cta-text: #e3deea;
--secondary-cta: #ffffff;
--secondary-cta-text: #27231f;
--accent: #c68a62;
--background-accent: #c68a62;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);