Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 46053c3cfc | |||
| 5a782821de |
237
src/app/page.tsx
237
src/app/page.tsx
@@ -5,11 +5,11 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Car, DollarSign, Headphones } from "lucide-react";
|
||||
@@ -32,14 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Fleet", id: "fleet"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Fleet", id: "fleet" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rental Lapraka"
|
||||
/>
|
||||
@@ -48,56 +45,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Rent a Car in Tirana – Fast, Easy & Affordable"
|
||||
description="Your journey starts with Rental Lapraka. Explore Albania with the most reliable vehicles at the best rates."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe", handle: "@john", testimonial: "Excellent service!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg"},
|
||||
{
|
||||
name: "Jane Smith", handle: "@jane", testimonial: "Very affordable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
|
||||
{
|
||||
name: "Mike Ross", handle: "@mike", testimonial: "Smooth ride.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271990.jpg"},
|
||||
{
|
||||
name: "Sara Lee", handle: "@sara", testimonial: "Fast booking.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg"},
|
||||
{
|
||||
name: "Dan Bolt", handle: "@dan", testimonial: "Professional staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Car Now", href: "#contact"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Book Your Car Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-crossover-driving-curved-winter-road-car-travel-concept_169016-71674.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg", alt: "Happy traveler"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-u-smiling-woman-holding-map-taking-selfie-outdoors_23-2148203086.jpg", alt: "Smiling tourist"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-new-town_23-2148631400.jpg", alt: "Business traveler"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-concept-portrait-confident-young-businesswoman-keeping-arms-crossed-looking-camera-w_1258-104422.jpg", alt: "Confident professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-wearing-business-jacket-looking-confident-camera-smiling-with-crossed-arms-hand-raised-chin-thinking-positive_839833-8974.jpg", alt: "Happy student"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "New Fleet Daily"},
|
||||
{
|
||||
type: "text", text: "Full Insurance"},
|
||||
{
|
||||
type: "text", text: "Best Tirana Prices"},
|
||||
{
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text", text: "Easy Booking"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,33 +60,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Affordable Rates", description: "Daily rates that don't break the bank.", icon: DollarSign,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colourful-bar-statistics-with-finance-lettering_23-2148305948.jpg", imageAlt: "money icon simple"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/money-icons-pack_23-2147534372.jpg", imageAlt: "money icon simple"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Wide Fleet", description: "Economy to Luxury, we have it all.", icon: Car,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891400.jpg", imageAlt: "money icon simple"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg", imageAlt: "money icon simple"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "24/7 Support", description: "Help is just a call away, any time.", icon: Headphones,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-female-providing-safety-service_23-2148404127.jpg?_wi=1", imageAlt: "money icon simple"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-sale-dealership-editable-stroke-icons-thin-line-car-dealer-automotive-industry-vehicle-trade_88138-2011.jpg", imageAlt: "money icon simple"},
|
||||
],
|
||||
},
|
||||
{ title: "Affordable Rates", description: "Daily rates that don't break the bank.", icon: DollarSign, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/colourful-bar-statistics-with-finance-lettering_23-2148305948.jpg" }, { imageSrc: "http://img.b2bpic.net/free-vector/money-icons-pack_23-2147534372.jpg" }] },
|
||||
{ title: "Wide Fleet", description: "Economy to Luxury, we have it all.", icon: Car, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/person-taking-driver-s-license-exam_23-2149891400.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-modern-car_23-2148384978.jpg" }] },
|
||||
{ title: "24/7 Support", description: "Help is just a call away, any time.", icon: Headphones, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/security-female-providing-safety-service_23-2148404127.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-vector/auto-sale-dealership-editable-stroke-icons-thin-line-car-dealer-automotive-industry-vehicle-trade_88138-2011.jpg" }] },
|
||||
]}
|
||||
title="Why Choose Rental Lapraka"
|
||||
description="We prioritize your comfort and budget with transparent service."
|
||||
@@ -147,18 +76,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Economy Hatchback", price: "€25/day", variant: "Compact", imageSrc: "http://img.b2bpic.net/free-photo/couple-near-new-white-car-man-driving-work-his-wife-will-waiting-him_496169-275.jpg"},
|
||||
{
|
||||
id: "2", name: "Family Sedan", price: "€45/day", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/toy-car-balancing-increasing-coin-stack_23-2147919110.jpg"},
|
||||
{
|
||||
id: "3", name: "Premium SUV", price: "€70/day", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg"},
|
||||
{
|
||||
id: "4", name: "Luxury Coupe", price: "€120/day", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/security-female-providing-safety-service_23-2148404127.jpg?_wi=2"},
|
||||
{
|
||||
id: "5", name: "City Runabout", price: "€20/day", variant: "Mini", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106158.jpg"},
|
||||
{
|
||||
id: "6", name: "Convertible", price: "€90/day", variant: "Sport", imageSrc: "http://img.b2bpic.net/free-photo/full-length-photo-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16456.jpg"},
|
||||
{ id: "1", name: "Economy Hatchback", price: "€25/day", variant: "Compact", imageSrc: "http://img.b2bpic.net/free-photo/couple-near-new-white-car-man-driving-work-his-wife-will-waiting-him_496169-275.jpg" },
|
||||
{ id: "2", name: "Family Sedan", price: "€45/day", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/toy-car-balancing-increasing-coin-stack_23-2147919110.jpg" },
|
||||
{ id: "3", name: "Premium SUV", price: "€70/day", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg" },
|
||||
]}
|
||||
title="Our Car Fleet"
|
||||
description="Choose from our selection of premium vehicles."
|
||||
@@ -166,77 +86,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Fleet Pricing Table"
|
||||
description="Best daily rates in Tirana."
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Daily", price: "€20", subtitle: "Basic Economy", buttons: [
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full insurance", "24/7 support"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Popular", price: "€45", subtitle: "Standard Family", buttons: [
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All included", "Unlimited km"],
|
||||
},
|
||||
{
|
||||
id: "premium", badge: "Elite", price: "€100", subtitle: "Luxury Experience", buttons: [
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Priority pick-up", "VIP service"],
|
||||
},
|
||||
{ id: "economy", name: "Economy", price: "€20/day", buttons: [{ text: "Select", href: "#contact" }], features: ["Reliable", "Efficient"] },
|
||||
{ id: "suv", name: "SUV", price: "€40/day", buttons: [{ text: "Select", href: "#contact" }], features: ["Spacious", "Rugged"] },
|
||||
{ id: "luxury", name: "Luxury", price: "€80/day", buttons: [{ text: "Select", href: "#contact" }], features: ["High Comfort", "Premium"] },
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="No hidden fees, just simple transparent deals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500+", title: "Cars Rented", description: "Happy clients", imageSrc: "http://img.b2bpic.net/free-photo/sport-car-with-black-white-autotuning-driving-forest_114579-4076.jpg"},
|
||||
{
|
||||
id: "m2", value: "100%", title: "Satisfaction", description: "Top quality", imageSrc: "http://img.b2bpic.net/free-psd/view-3d-supply-chain-representation-illustration_23-2150766769.jpg"},
|
||||
{
|
||||
id: "m3", value: "24/7", title: "Availability", description: "Always there", imageSrc: "http://img.b2bpic.net/free-photo/photo-from-inside-vehicle-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16063.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Trustworthy service across Albania."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"},
|
||||
{
|
||||
id: "t2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-hiker-celebrates-special-occasion-dances-carefree-enjoys-expedition-travel-carries-rucksack-isolated-green-background-people-recreation-vacation-camping-concept_273609-61782.jpg"},
|
||||
{
|
||||
id: "t3", name: "Mike Ross", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg"},
|
||||
{
|
||||
id: "t4", name: "Sara Lee", imageSrc: "http://img.b2bpic.net/free-photo/man-vacation-with-yellow-suitcase-blue_140725-94050.jpg"},
|
||||
{
|
||||
id: "t5", name: "Dan Bolt", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-yellow-t-shirt-glasses_141793-89293.jpg"},
|
||||
]}
|
||||
cardTitle="What People Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -245,15 +105,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "What are the rental duration options?", content: "We offer flexible rental periods ranging from daily (24 hours) to weekly or monthly rates. Custom long-term packages are available upon request."},
|
||||
{
|
||||
id: "f2", title: "What is your deposit policy?", content: "A refundable security deposit is required for all bookings. The exact amount depends on the vehicle class, and it is released fully upon safe return of the car."},
|
||||
{
|
||||
id: "f3", title: "What are the pickup requirements?", content: "Please bring a valid driver's license (held for at least 2 years), your national ID or passport, and a valid credit/debit card for payment and deposit processing."},
|
||||
{ id: "f1", title: "Rental Duration", content: "Flexible durations from 24 hours to monthly rentals. Custom long-term arrangements available." },
|
||||
{ id: "f2", title: "Deposit Policies", content: "A refundable deposit is required based on the vehicle type, fully returned upon safe handover of the car." },
|
||||
{ id: "f3", title: "Pickup Requirements", content: "Valid driver's license (min 2 years), national ID/passport, and a valid credit/debit card for deposit processing." },
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Answers to common questions."
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about renting with us."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -261,47 +118,27 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Car Now"
|
||||
description="Fill out the form below."
|
||||
title="Book Your Car"
|
||||
description="Fill in your details and we will confirm shortly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "date", type: "date", placeholder: "Pickup Date", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-showing-his-boarding-pass-check-counter_107420-85111.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Rental Lapraka"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Rental Lapraka", items: [{ label: "Laprake, Tirana" }] },
|
||||
{ title: "Contact", items: [{ label: "info@rentallapraka.al" }, { label: "+355 69 XXX XXXX" }] },
|
||||
]}
|
||||
bottomLeftText="© 2025 Rental Lapraka"
|
||||
bottomRightText="All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user