Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5769f7ae99 | |||
| 067949ff3e |
235
src/app/page.tsx
235
src/app/page.tsx
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Cars",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Inventory", id: "products" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Car Club"
|
||||
/>
|
||||
@@ -54,68 +43,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Drive Your Dream Today"
|
||||
description="Jalandhar's premier destination for high-quality self-drive rentals and verified pre-owned car sales."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Rent a Car",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Browse Inventory", href: "#products" },
|
||||
{ text: "Rent a Car", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-22855.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18967.jpg",
|
||||
alt: "Senior man in a car showroom choosing a car",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-guy-modern-stylish-bearded-businessman-automobile-saloon_146671-16683.jpg",
|
||||
alt: "Successful guy. Modern stylish bearded businessman in the automobile saloon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22679.jpg",
|
||||
alt: "Stylish and elegant couple in a car salon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22819.jpg",
|
||||
alt: "Young business woman sitting in car",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106169.jpg",
|
||||
alt: "Happy customers in car dealership",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy Financing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Roadside Assistance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,42 +71,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Sedan X",
|
||||
price: "$15,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-101890.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Compact City Car",
|
||||
price: "$8,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-electric-crossover-driving-winter-village-road-eco-mobility-concept_169016-71577.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Adventure SUV",
|
||||
price: "$22,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-with-toddler-girl-choosing-car-car-showroom_1303-26810.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Eco Electric Car",
|
||||
price: "$25,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106151.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sport Roadster",
|
||||
price: "$30,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-man-driving_23-2148320259.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Family Minivan",
|
||||
price: "$12,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17456.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luxury Sedan X", price: "$15,000", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-101890.jpg" },
|
||||
{ id: "p2", name: "Compact City Car", price: "$8,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-electric-crossover-driving-winter-village-road-eco-mobility-concept_169016-71577.jpg" },
|
||||
{ id: "p3", name: "Adventure SUV", price: "$22,000", imageSrc: "http://img.b2bpic.net/free-photo/family-with-toddler-girl-choosing-car-car-showroom_1303-26810.jpg" }
|
||||
]}
|
||||
title="Our Featured Fleet"
|
||||
description="Explore our curated inventory of top-tier cars available for sale and rent."
|
||||
@@ -183,36 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Rentals",
|
||||
title: "Self-Drive Rental",
|
||||
items: [
|
||||
"Hourly options",
|
||||
"Unlimited KM plans",
|
||||
"24/7 Roadside Assistance",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Buying",
|
||||
title: "Buy Used Cars",
|
||||
items: [
|
||||
"100+ Checkpoints",
|
||||
"Easy Finance",
|
||||
"Certified Warranty",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Selling",
|
||||
title: "Sell Your Car",
|
||||
items: [
|
||||
"Instant Valuation",
|
||||
"Transparent Offers",
|
||||
"Same-Day Payment",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Rentals", title: "Self-Drive Rental", items: ["Hourly options", "Unlimited KM plans", "24/7 Roadside Assistance"] },
|
||||
{ id: "f2", label: "Buying", title: "Buy Used Cars", items: ["100+ Checkpoints", "Easy Finance", "Certified Warranty"] },
|
||||
{ id: "f3", label: "Selling", title: "Sell Your Car", items: ["Instant Valuation", "Transparent Offers", "Same-Day Payment"] }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive automotive solutions designed for your needs."
|
||||
@@ -226,46 +102,8 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rajesh Kumar",
|
||||
role: "Entrepreneur",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-his-scooter-parking-lot-indoors_23-2149019575.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sunita Sharma",
|
||||
role: "Professional",
|
||||
company: "IT Sector",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit Virdi",
|
||||
role: "Manager",
|
||||
company: "Consulting",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-showroom-agent-suggesting-clients-extra-features-buy-asks-signature_482257-113135.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Priya Singh",
|
||||
role: "Teacher",
|
||||
company: "Education",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-baby-girl-choosing-car_1303-27397.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram Seth",
|
||||
role: "Consultant",
|
||||
company: "Real Estate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-man-near-car-outdoors_158595-4251.jpg",
|
||||
},
|
||||
{ id: "1", name: "Rajesh Kumar", role: "Entrepreneur", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-his-scooter-parking-lot-indoors_23-2149019575.jpg" },
|
||||
{ id: "2", name: "Sunita Sharma", role: "Professional", company: "IT Sector", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg" }
|
||||
]}
|
||||
title="Loved by Jalandhar Drivers"
|
||||
description="See why our customers trust us for their automotive journeys."
|
||||
@@ -277,21 +115,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What documents are required for rental?",
|
||||
content: "Driver's license, ID proof, and address verification.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide car warranties?",
|
||||
content: "Yes, all our certified pre-owned cars come with a minimum 6-month warranty.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I trade-in my old car?",
|
||||
content: "Absolutely! Bring it in for a free expert valuation today.",
|
||||
},
|
||||
{ id: "q1", title: "What documents are required for rental?", content: "Driver's license, ID proof, and address verification." },
|
||||
{ id: "q2", title: "Do you provide car warranties?", content: "Yes, all our certified pre-owned cars come with a minimum 6-month warranty." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
@@ -305,13 +130,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Finance Corp",
|
||||
"Vehicle Safety",
|
||||
"Service Master",
|
||||
"Logistics Pro",
|
||||
"Certified Parts",
|
||||
]}
|
||||
names={["Finance Corp", "Vehicle Safety", "Service Master", "Logistics Pro"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry leaders to serve you better."
|
||||
/>
|
||||
@@ -320,9 +139,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to hit the road?"
|
||||
description="Send us an inquiry or visit our showroom for a test drive."
|
||||
@@ -334,17 +151,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Car Club Jalandhar"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user