Merge version_1 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "trust",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Inventory", id: "inventory" },
|
||||
{ name: "Why Us", id: "trust" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tripz Automobiles"
|
||||
/>
|
||||
@@ -52,88 +40,36 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Drive Luxury. Own Confidence."
|
||||
description="Premium Cars. Best Deals. Zero Stress. Experience the Tripz difference with Lagos' most trusted luxury dealership."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Owners",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Verified Quality",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support Available",
|
||||
},
|
||||
{ value: "500+", label: "Happy Owners" },
|
||||
{ value: "100%", label: "Verified Quality" },
|
||||
{ value: "24/7", label: "Support Available" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Available Cars",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Browse Available Cars", href: "#inventory" },
|
||||
{ text: "Book a Consultation", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001232.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001232.jpg"
|
||||
imageAlt="Luxury car showroom cinematic shot"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1654.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-shot-female-leaning-white-wall-building-with-black-floor_181624-20509.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1654.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-shot-female-leaning-white-wall-building-with-black-floor_181624-20509.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied car owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Verified Vehicles",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Stress-Free Docs",
|
||||
icon: CheckSquare,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Top-Tier Service",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Competitive Prices",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Selection",
|
||||
icon: Star,
|
||||
},
|
||||
{ type: "text-icon", text: "Verified Vehicles", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Stress-Free Docs", icon: CheckSquare },
|
||||
{ type: "text-icon", text: "Top-Tier Service", icon: Award },
|
||||
{ type: "text-icon", text: "Competitive Prices", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "Luxury Selection", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,60 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Mercedes-Benz",
|
||||
name: "S-Class Sedan",
|
||||
price: "₦ 85,000,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-13690.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Range Rover",
|
||||
name: "Autobiography SUV",
|
||||
price: "₦ 120,000,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796984.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Porsche",
|
||||
name: "Cayenne Coupe",
|
||||
price: "₦ 95,000,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Toyota",
|
||||
name: "Land Cruiser 300",
|
||||
price: "₦ 110,000,000",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Lexus",
|
||||
name: "LX 600",
|
||||
price: "₦ 105,000,000",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Bentley",
|
||||
name: "Continental GT",
|
||||
price: "₦ 150,000,000",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-night-starry-sky-grassy-hill-with-car_651396-2272.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Mercedes-Benz", name: "S-Class Sedan", price: "₦ 85,000,000", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-13690.jpg" },
|
||||
{ id: "2", brand: "Range Rover", name: "Autobiography SUV", price: "₦ 120,000,000", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796984.jpg" },
|
||||
{ id: "3", brand: "Porsche", name: "Cayenne Coupe", price: "₦ 95,000,000", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg" },
|
||||
{ id: "4", brand: "Toyota", name: "Land Cruiser 300", price: "₦ 110,000,000", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg" },
|
||||
{ id: "5", brand: "Lexus", name: "LX 600", price: "₦ 105,000,000", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg" },
|
||||
{ id: "6", brand: "Bentley", name: "Continental GT", price: "₦ 150,000,000", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-night-starry-sky-grassy-hill-with-car_651396-2272.jpg" },
|
||||
]}
|
||||
title="Featured Luxury Inventory"
|
||||
description="Discover our collection of premium, vetted vehicles, handpicked for style, reliability, and performance."
|
||||
@@ -212,40 +100,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "Every vehicle undergoes a rigorous inspection to ensure it meets our elite standards.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-using-smartphone-rainy-highway-navigation-move_169016-69913.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11793.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001232.jpg?_wi=2",
|
||||
imageAlt: "luxury car studio dark",
|
||||
title: "Verified Quality", description: "Every vehicle undergoes a rigorous inspection to ensure it meets our elite standards.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/driver-using-smartphone-rainy-highway-navigation-move_169016-69913.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11793.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, no surprises. Just straightforward, competitive pricing for every car.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-using-smartphone-rainy-highway-navigation-move_169016-69913.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11793.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-13690.jpg?_wi=2",
|
||||
imageAlt: "black luxury car studio",
|
||||
title: "Transparent Pricing", description: "No hidden fees, no surprises. Just straightforward, competitive pricing for every car.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/driver-using-smartphone-rainy-highway-navigation-move_169016-69913.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11793.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Full Documentation",
|
||||
description: "We manage the entire registration process so you can focus on the drive, not the paperwork.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-using-smartphone-rainy-highway-navigation-move_169016-69913.jpg?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11793.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796984.jpg?_wi=2",
|
||||
imageAlt: "luxury SUV studio dark",
|
||||
title: "Full Documentation", description: "We manage the entire registration process so you can focus on the drive, not the paperwork.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/driver-using-smartphone-rainy-highway-navigation-move_169016-69913.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11793.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -260,41 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO, TechCorp",
|
||||
testimonial: "Best car deal I’ve ever gotten. The entire process was professional, honest, and stress-free.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "I'll never buy a car anywhere else. Tripz makes you feel like family, not just a customer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
testimonial: "Affordable, clean, and reliable. Exceptional after-sales support that truly cares.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
testimonial: "The documentation was seamless. I got more value here than I would have by importing myself.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1654.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Femi Adeleke",
|
||||
role: "Architect",
|
||||
testimonial: "The best car hub in Lagos. Reliable, transparent, and always professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-female-leaning-white-wall-building-with-black-floor_181624-20509.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO, TechCorp", testimonial: "Best car deal I’ve ever gotten. The entire process was professional, honest, and stress-free.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Entrepreneur", testimonial: "I'll never buy a car anywhere else. Tripz makes you feel like family, not just a customer.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "Affordable, clean, and reliable. Exceptional after-sales support that truly cares.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", testimonial: "The documentation was seamless. I got more value here than I would have by importing myself.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1654.jpg" },
|
||||
{ id: "5", name: "Femi Adeleke", role: "Architect", testimonial: "The best car hub in Lagos. Reliable, transparent, and always professional.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-female-leaning-white-wall-building-with-black-floor_181624-20509.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of car enthusiasts across Lagos for our integrity, speed, and premium service."
|
||||
@@ -304,81 +138,25 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="GET IN TOUCH"
|
||||
title="Your Dream Car Is One Call Away."
|
||||
description="Limited stock. Best deals go fast. Contact us now to secure your next premium ride."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chat on WhatsApp",
|
||||
href: "https://wa.me/234...",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+234...",
|
||||
},
|
||||
{ text: "Chat on WhatsApp", href: "https://wa.me/234..." },
|
||||
{ text: "Call Now", href: "tel:+234..." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001232.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001232.jpg"
|
||||
logoText="Tripz Automobiles"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Showroom",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Car Sales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sourcing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Showroom", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Car Sales", href: "#" }, { label: "Sourcing", href: "#" }, { label: "Documentation", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | Tripz Automobiles — Making Your Automobile Your Best Friend."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user