Merge version_2 into main #1
281
src/app/page.tsx
281
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Vehicles",
|
||||
id: "products",
|
||||
},
|
||||
name: "Vehicles", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sudesh Car Sales"
|
||||
/>
|
||||
@@ -55,108 +47,63 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Sudesh Car Sales"
|
||||
description="Trusted vehicles, best prices, and fast deals. We make owning your dream car easy."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22409.jpg",
|
||||
imageAlt: "Luxury car dealership showroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22409.jpg", imageAlt: "Luxury car dealership showroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106169.jpg",
|
||||
imageAlt: "Modern car sales floor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106169.jpg", imageAlt: "Modern car sales floor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8348.jpg",
|
||||
imageAlt: "Professional display area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8348.jpg", imageAlt: "Professional display area"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434345.jpg",
|
||||
imageAlt: "Clean car interior view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434345.jpg", imageAlt: "Clean car interior view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106170.jpg",
|
||||
imageAlt: "Showroom luxury vehicles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106170.jpg", imageAlt: "Showroom luxury vehicles"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg",
|
||||
imageAlt: "Quality used car display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg", imageAlt: "Quality used car display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-dealership-agent-demonstrating-vehicle-door-durability-clients_482257-124409.jpg",
|
||||
imageAlt: "Spacious showroom view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-dealership-agent-demonstrating-vehicle-door-durability-clients_482257-124409.jpg", imageAlt: "Spacious showroom view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-corridor_1127-2314.jpg",
|
||||
imageAlt: "Featured vehicle selection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-corridor_1127-2314.jpg", imageAlt: "Featured vehicle selection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-entering-showroom-looking-make-vehicle-purchase_482257-124435.jpg",
|
||||
imageAlt: "Prime automotive stock",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-entering-showroom-looking-make-vehicle-purchase_482257-124435.jpg", imageAlt: "Prime automotive stock"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-building_1112-240.jpg",
|
||||
imageAlt: "Modern dealership lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-building_1112-240.jpg", imageAlt: "Modern dealership lighting"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Cars",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Cars", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861920.jpg",
|
||||
alt: "Customer representative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861920.jpg", alt: "Customer representative"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8281.jpg",
|
||||
alt: "Sales team lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8281.jpg", alt: "Sales team lead"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22679.jpg",
|
||||
alt: "Certified mechanic",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22679.jpg", alt: "Certified mechanic"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-car-dealership_23-2148333002.jpg",
|
||||
alt: "Customer support expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-car-dealership_23-2148333002.jpg", alt: "Customer support expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg",
|
||||
alt: "Consultant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg", alt: "Consultant"},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ happy car owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "15+ Years Trusted Experience",
|
||||
},
|
||||
type: "text", text: "15+ Years Trusted Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Quality Inspection",
|
||||
},
|
||||
type: "text", text: "Verified Quality Inspection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quick Financing Available",
|
||||
},
|
||||
type: "text", text: "Quick Financing Available"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trade-In Facility",
|
||||
},
|
||||
type: "text", text: "Trade-In Facility"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Delivery",
|
||||
},
|
||||
type: "text", text: "Nationwide Delivery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,17 +115,11 @@ export default function LandingPage() {
|
||||
description="With years of experience and thousands of satisfied customers across Sri Lanka, we provide transparent service for every car lover."
|
||||
metrics={[
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Cars Sold",
|
||||
},
|
||||
value: "1000+", title: "Cars Sold"},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
},
|
||||
value: "24/7", title: "Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-choosing-car-talking-with-salesperson_1303-25576.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -194,26 +135,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wide Selection",
|
||||
description: "From daily commuters to luxury vehicles for every budget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15143.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/colorful-cars-toys_1194-2345.jpg",
|
||||
buttonText: "View Stock",
|
||||
},
|
||||
title: "Wide Selection", description: "From daily commuters to luxury vehicles for every budget.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15143.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/colorful-cars-toys_1194-2345.jpg", buttonText: "View Stock"},
|
||||
{
|
||||
title: "Trusted Service",
|
||||
description: "Transparent documentation and fast, friendly support processes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-calling-taxi_23-2148002436.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171224.jpg",
|
||||
buttonText: "Read Reviews",
|
||||
},
|
||||
title: "Trusted Service", description: "Transparent documentation and fast, friendly support processes.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-calling-taxi_23-2148002436.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171224.jpg", buttonText: "Read Reviews"},
|
||||
{
|
||||
title: "Two Locations",
|
||||
description: "Visit us conveniently in Negombo or Nittambuwa today.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-symbol-with-landscape-background_23-2149906268.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/location-symbol-street-city_23-2149764154.jpg",
|
||||
buttonText: "Get Directions",
|
||||
},
|
||||
title: "Two Locations", description: "Visit us conveniently in Negombo or Nittambuwa today.", imageSrc: "http://img.b2bpic.net/free-photo/location-symbol-with-landscape-background_23-2149906268.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/location-symbol-street-city_23-2149764154.jpg", buttonText: "Get Directions"},
|
||||
]}
|
||||
title="Unmatched Value"
|
||||
description="Benefits of buying with Sudesh Car Sales."
|
||||
@@ -228,50 +154,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Toyota Vitz",
|
||||
price: "LKR 5,500,000",
|
||||
variant: "Excellent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-20983.jpg",
|
||||
},
|
||||
id: "p1", name: "Toyota Vitz", price: "LKR 5,500,000", variant: "Excellent", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-20983.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Honda Fit",
|
||||
price: "LKR 6,200,000",
|
||||
variant: "Low Mileage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-looking-auto-mobile-car-showroom_1303-21315.jpg",
|
||||
},
|
||||
id: "p2", name: "Honda Fit", price: "LKR 6,200,000", variant: "Low Mileage", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-looking-auto-mobile-car-showroom_1303-21315.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Suzuki Swift",
|
||||
price: "LKR 5,800,000",
|
||||
variant: "Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6916.jpg",
|
||||
},
|
||||
id: "p3", name: "Suzuki Swift", price: "LKR 5,800,000", variant: "Clean", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6916.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Toyota Premio",
|
||||
price: "LKR 9,500,000",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-simple-background_23-2150998618.jpg",
|
||||
},
|
||||
id: "p4", name: "Toyota Premio", price: "LKR 9,500,000", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-with-simple-background_23-2150998618.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Nissan Leaf",
|
||||
price: "LKR 4,900,000",
|
||||
variant: "Electric",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-salesman-with-tablet_23-2148130724.jpg",
|
||||
},
|
||||
id: "p5", name: "Nissan Leaf", price: "LKR 4,900,000", variant: "Electric", imageSrc: "http://img.b2bpic.net/free-photo/car-salesman-with-tablet_23-2148130724.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Toyota Allion",
|
||||
price: "LKR 11,200,000",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-headlamp-with-brilliant-reflections-body-car_146671-14974.jpg",
|
||||
},
|
||||
id: "p6", name: "Toyota Allion", price: "LKR 11,200,000", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/front-headlamp-with-brilliant-reflections-body-car_146671-14974.jpg"},
|
||||
]}
|
||||
title="Featured Vehicles"
|
||||
description="Our current selection of high-quality vehicles."
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Inventory", href: "/inventory"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -282,59 +183,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Janith Jayaruwan",
|
||||
role: "Entrepreneur",
|
||||
company: "GrowthCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2541.jpg",
|
||||
},
|
||||
id: "t1", name: "Janith Jayaruwan", role: "Entrepreneur", company: "GrowthCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2541.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sisira Siriwardana",
|
||||
role: "Consultant",
|
||||
company: "FinanceLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
},
|
||||
id: "t2", name: "Sisira Siriwardana", role: "Consultant", company: "FinanceLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sasanga Ramanayaka",
|
||||
role: "Developer",
|
||||
company: "TechBase",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
id: "t3", name: "Sasanga Ramanayaka", role: "Developer", company: "TechBase", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Recent Customer",
|
||||
role: "Professional",
|
||||
company: "Unknown",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660685.jpg",
|
||||
},
|
||||
id: "t4", name: "Recent Customer", role: "Professional", company: "Unknown", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660685.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Nilani Perera",
|
||||
role: "Marketing",
|
||||
company: "CreativeCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg",
|
||||
},
|
||||
id: "t5", name: "Nilani Perera", role: "Marketing", company: "CreativeCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9", label: "Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Satisfaction"},
|
||||
{
|
||||
value: "2hrs",
|
||||
label: "Fast Delivery",
|
||||
},
|
||||
value: "2hrs", label: "Fast Delivery"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our happy customers say."
|
||||
@@ -346,14 +216,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Toyota",
|
||||
"Honda",
|
||||
"Nissan",
|
||||
"Suzuki",
|
||||
"Mitsubishi",
|
||||
"DFCC Bank",
|
||||
"Sampath Bank",
|
||||
]}
|
||||
"Toyota", "Honda", "Nissan", "Suzuki", "Mitsubishi", "DFCC Bank", "Sampath Bank"]}
|
||||
title="Trusted Partner Network"
|
||||
description="Collaborating with local banks and service providers."
|
||||
/>
|
||||
@@ -365,20 +228,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does paperwork take?",
|
||||
content: "Our documentation process is optimized to be completed within 2 hours.",
|
||||
},
|
||||
id: "f1", title: "How long does paperwork take?", content: "Our documentation process is optimized to be completed within 2 hours."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I trade in my car?",
|
||||
content: "Yes, we accept trade-ins at competitive valuations.",
|
||||
},
|
||||
id: "f2", title: "Can I trade in my car?", content: "Yes, we accept trade-ins at competitive valuations."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer financing?",
|
||||
content: "We work with top banks to facilitate quick financing for you.",
|
||||
},
|
||||
id: "f3", title: "Do you offer financing?", content: "We work with top banks to facilitate quick financing for you."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to common questions."
|
||||
@@ -390,8 +244,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to buy?"
|
||||
title="Get in touch with us"
|
||||
description="Call us or visit our Negombo or Nittambuwa showroom for the best deals."
|
||||
@@ -404,16 +257,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Sudesh Car Sales"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user