Merge version_1 into main #2
354
src/app/page.tsx
354
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "#inventory",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Inventory", id: "inventory" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU2Ohje0tGoUc2700LFuihzlII/uploaded-1776427674347-igt3ax8d.png"
|
||||
logoAlt="ABC Saitama Auto Traders Logo"
|
||||
@@ -57,103 +45,35 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Drive Your Dream with Confidence"
|
||||
description="ABC Saitama Auto Traders provides premium quality vehicles at the best prices in Sri Jayawardenepura Kotte."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Vishoda Kalhara",
|
||||
handle: "@vishoda",
|
||||
testimonial: "Highly recommended!!! Very transparent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vindi Nawa",
|
||||
handle: "@vindi",
|
||||
testimonial: "Great place! Smooth process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
},
|
||||
{
|
||||
name: "Amal P.",
|
||||
handle: "@amalp",
|
||||
testimonial: "Best service I've experienced locally.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sajith K.",
|
||||
handle: "@sajith",
|
||||
testimonial: "Very professional and helpful staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg",
|
||||
},
|
||||
{
|
||||
name: "Nimali W.",
|
||||
handle: "@nimali",
|
||||
testimonial: "Extremely happy with my purchase.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
|
||||
},
|
||||
{ name: "Vishoda Kalhara", handle: "@vishoda", testimonial: "Highly recommended!!! Very transparent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg" },
|
||||
{ name: "Vindi Nawa", handle: "@vindi", testimonial: "Great place! Smooth process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
|
||||
{ name: "Amal P.", handle: "@amalp", testimonial: "Best service I've experienced locally.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
|
||||
{ name: "Sajith K.", handle: "@sajith", testimonial: "Very professional and helpful staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg" },
|
||||
{ name: "Nimali W.", handle: "@nimali", testimonial: "Extremely happy with my purchase.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0718729889",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/94718729889",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:0718729889" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/94718729889" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg"
|
||||
imageAlt="Luxury car in showroom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14485.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29532.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14486.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14485.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29532.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14486.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Customer" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Vehicles",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Financial Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Post-Sale Service",
|
||||
},
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Verified Vehicles" },
|
||||
{ type: "text", text: "Financial Support" },
|
||||
{ type: "text", text: "Customer Satisfaction" },
|
||||
{ type: "text", text: "Post-Sale Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,42 +85,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Toyota Premio 2018",
|
||||
price: "Rs. 9,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Honda Vezel 2017",
|
||||
price: "Rs. 8,200,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796914.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Suzuki Alto 2021",
|
||||
price: "Rs. 3,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-suv-autumn-road-car-with-headlights_169016-70231.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Toyota Axio 2019",
|
||||
price: "Rs. 6,800,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5433.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mitsubishi Xpander 2020",
|
||||
price: "Rs. 10,200,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-salon_1157-20897.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Toyota Harrier 2016",
|
||||
price: "Rs. 12,500,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-pickup-truck-road-strength-motion-modern-freedom_169016-69739.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Toyota Premio 2018", price: "Rs. 9,500,000", imageSrc: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg" },
|
||||
{ id: "p2", name: "Honda Vezel 2017", price: "Rs. 8,200,000", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796914.jpg" },
|
||||
{ id: "p3", name: "Suzuki Alto 2021", price: "Rs. 3,500,000", imageSrc: "http://img.b2bpic.net/free-photo/black-suv-autumn-road-car-with-headlights_169016-70231.jpg" },
|
||||
{ id: "p4", name: "Toyota Axio 2019", price: "Rs. 6,800,000", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5433.jpg" },
|
||||
{ id: "p5", name: "Mitsubishi Xpander 2020", price: "Rs. 10,200,000", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-car-salon_1157-20897.jpg" },
|
||||
{ id: "p6", name: "Toyota Harrier 2016", price: "Rs. 12,500,000", imageSrc: "http://img.b2bpic.net/free-photo/blue-pickup-truck-road-strength-motion-modern-freedom_169016-69739.jpg" },
|
||||
]}
|
||||
title="Vehicle Inventory"
|
||||
description="Browse our latest arrivals."
|
||||
@@ -212,21 +102,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Us"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "4.8",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Trusted",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Vehicles Sold",
|
||||
value: "500+",
|
||||
},
|
||||
{ icon: Star, label: "Google Rating", value: "4.8" },
|
||||
{ icon: Award, label: "Years Trusted", value: "10+" },
|
||||
{ icon: CheckCircle, label: "Vehicles Sold", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -239,50 +117,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "All vehicles undergo strict inspection.",
|
||||
icon: Shield,
|
||||
title: "Verified Quality", description: "All vehicles undergo strict inspection.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16453.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-suv-wet-road-power-safety-modern-design_169016-70068.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU2Ohje0tGoUc2700LFuihzlII/uploaded-1776427674347-igt3ax8d.png",
|
||||
imageAlt: "modern suv studio shot",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16453.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-suv-wet-road-power-safety-modern-design_169016-70068.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Financial Support",
|
||||
description: "Flexible payment plans available.",
|
||||
icon: Zap,
|
||||
title: "Financial Support", description: "Flexible payment plans available.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-spoiler-white-luxury-car-lights-isolated_181624-23597.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-suv-wet-road-modern-car-details-motion_169016-69808.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19794.jpg?_wi=2",
|
||||
imageAlt: "modern suv studio shot",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-spoiler-white-luxury-car-lights-isolated_181624-23597.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-suv-wet-road-modern-car-details-motion_169016-69808.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Post-Sale Service",
|
||||
description: "Dedicated customer support team.",
|
||||
icon: CheckCircle,
|
||||
title: "Post-Sale Service", description: "Dedicated customer support team.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/view-crossroad-car_23-2151780968.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106173.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg?_wi=2",
|
||||
imageAlt: "modern suv studio shot",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/view-crossroad-car_23-2151780968.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106173.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Commitment to reliability and quality."
|
||||
@@ -296,46 +150,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Vishoda Kalhara",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Vindi Nawa",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amal P.",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sajith K.",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Nimali W.",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Vishoda Kalhara", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg" },
|
||||
{ id: "t2", name: "Vindi Nawa", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg" },
|
||||
{ id: "t3", name: "Amal P.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ id: "t4", name: "Sajith K.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg" },
|
||||
{ id: "t5", name: "Nimali W.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg" },
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="Rated 4.8/5 by our local community."
|
||||
@@ -346,21 +165,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with leading banks.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is testing available?",
|
||||
content: "Absolutely, schedule your test drive today.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "Open daily until 8 PM.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer financing?", content: "Yes, we work with leading banks." },
|
||||
{ id: "f2", title: "Is testing available?", content: "Absolutely, schedule your test drive today." },
|
||||
{ id: "f3", title: "What are your hours?", content: "Open daily until 8 PM." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about buying from us."
|
||||
@@ -374,62 +181,29 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Visit us at 18 School Ln, Sri Jayawardenepura Kotte or call 071 872 9889."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us what you are looking for...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us what you are looking for...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041852.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU2Ohje0tGoUc2700LFuihzlII/uploaded-1776427674347-igt3ax8d.png"
|
||||
logoText="ABC Saitama Auto Traders"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Inventory", href: "#inventory" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "18 School Ln, Kotte",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Open Daily until 8PM",
|
||||
href: "#",
|
||||
},
|
||||
title: "Location", items: [
|
||||
{ label: "18 School Ln, Kotte", href: "#" },
|
||||
{ label: "Open Daily until 8PM", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -439,4 +213,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user