Merge version_2 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "products",
|
||||
},
|
||||
name: "Inventory", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cochin Cars"
|
||||
/>
|
||||
@@ -60,19 +50,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Cochin Cars"
|
||||
description="The most trusted destination for buying and selling high-quality pre-owned vehicles in Kochi. Guaranteed transparency and fair pricing."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Inventory", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-car-parking-lot_74190-4753.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -86,9 +71,7 @@ export default function LandingPage() {
|
||||
title="Why Choose Cochin Cars?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,17 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Hidden history",
|
||||
"Unverified service records",
|
||||
"Opaque pricing",
|
||||
],
|
||||
"Hidden history", "Unverified service records", "Opaque pricing"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Certified pre-owned check",
|
||||
"Full service history",
|
||||
"Fair market pricing",
|
||||
],
|
||||
"Certified pre-owned check", "Full service history", "Fair market pricing"],
|
||||
}}
|
||||
title="Transparency Guaranteed"
|
||||
description="We ensure complete peace of mind through rigorous checks and professional documentation."
|
||||
@@ -125,40 +102,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hyundai i20",
|
||||
price: "₹6,50,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-suv-wet-road-modern-car-details-motion_169016-69808.jpg?_wi=1",
|
||||
id: "1", name: "Hyundai i20", price: "₹6,50,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-suv-wet-road-modern-car-details-motion_169016-69808.jpg?_wi=1", priceButtonProps: { text: "Inquire Now", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Honda City",
|
||||
price: "₹8,20,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-lamp-car_1203-7805.jpg",
|
||||
id: "2", name: "Honda City", price: "₹8,20,000", imageSrc: "http://img.b2bpic.net/free-photo/headlights-lamp-car_1203-7805.jpg", priceButtonProps: { text: "Book Test Drive", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mahindra XUV500",
|
||||
price: "₹12,50,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15134.jpg?_wi=1",
|
||||
id: "3", name: "Mahindra XUV500", price: "₹12,50,000", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15134.jpg?_wi=1", priceButtonProps: { text: "Inquire Now", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Maruti Swift",
|
||||
price: "₹4,90,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-entering-showroom-looking-make-vehicle-purchase_482257-124435.jpg",
|
||||
id: "4", name: "Maruti Swift", price: "₹4,90,000", imageSrc: "http://img.b2bpic.net/free-photo/clients-entering-showroom-looking-make-vehicle-purchase_482257-124435.jpg", priceButtonProps: { text: "Book Test Drive", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Toyota Corolla",
|
||||
price: "₹9,50,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house-holding-charger_1303-17800.jpg",
|
||||
id: "5", name: "Toyota Corolla", price: "₹9,50,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house-holding-charger_1303-17800.jpg", priceButtonProps: { text: "Inquire Now", href: "#contact" }
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tata Nexon",
|
||||
price: "₹7,80,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parked-vehicles-aerial-view_23-2148959696.jpg",
|
||||
id: "6", name: "Tata Nexon", price: "₹7,80,000", imageSrc: "http://img.b2bpic.net/free-photo/parked-vehicles-aerial-view_23-2148959696.jpg", priceButtonProps: { text: "Book Test Drive", href: "#contact" }
|
||||
},
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
@@ -173,22 +132,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Cars Sold",
|
||||
value: "1500+",
|
||||
icon: CheckCircle,
|
||||
id: "m1", title: "Cars Sold", value: "1500+", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Clients",
|
||||
value: "1200+",
|
||||
icon: Star,
|
||||
id: "m2", title: "Happy Clients", value: "1200+", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Years Experience",
|
||||
value: "10+",
|
||||
icon: Award,
|
||||
id: "m3", title: "Years Experience", value: "10+", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
@@ -202,60 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arun K.",
|
||||
date: "Jan 2024",
|
||||
title: "Excellent Service",
|
||||
quote: "Very professional and fair deals.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-car-parking-lot_74190-4753.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer with car",
|
||||
},
|
||||
id: "1", name: "Arun K.", date: "Jan 2024", title: "Excellent Service", quote: "Very professional and fair deals.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-car-parking-lot_74190-4753.jpg?_wi=2", imageAlt: "satisfied customer with car"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Meera S.",
|
||||
date: "Feb 2024",
|
||||
title: "Reliable",
|
||||
quote: "They helped me find my first car easily.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-sales-manager-holding-car-house-key_1262-5159.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg",
|
||||
imageAlt: "satisfied customer with car",
|
||||
},
|
||||
id: "2", name: "Meera S.", date: "Feb 2024", title: "Reliable", quote: "They helped me find my first car easily.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/happy-sales-manager-holding-car-house-key_1262-5159.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg", imageAlt: "satisfied customer with car"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rahul V.",
|
||||
date: "Mar 2024",
|
||||
title: "Fast Process",
|
||||
quote: "Completed my sale in just 2 days.",
|
||||
tag: "Verified Seller",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-man-holding-car-keys_23-2148332981.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-13742.jpg",
|
||||
imageAlt: "satisfied customer with car",
|
||||
},
|
||||
id: "3", name: "Rahul V.", date: "Mar 2024", title: "Fast Process", quote: "Completed my sale in just 2 days.", tag: "Verified Seller", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-man-holding-car-keys_23-2148332981.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car_1303-13742.jpg", imageAlt: "satisfied customer with car"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Deepak J.",
|
||||
date: "Apr 2024",
|
||||
title: "Trusted Dealer",
|
||||
quote: "Highly recommended for Kochi buyers.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-31966.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-suv-wet-road-modern-car-details-motion_169016-69808.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer with car",
|
||||
},
|
||||
id: "4", name: "Deepak J.", date: "Apr 2024", title: "Trusted Dealer", quote: "Highly recommended for Kochi buyers.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-31966.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-suv-wet-road-modern-car-details-motion_169016-69808.jpg?_wi=2", imageAlt: "satisfied customer with car"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sunita P.",
|
||||
date: "May 2024",
|
||||
title: "Transparent",
|
||||
quote: "Great selection of clean cars.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/headlights-lamp-car_1203-7805.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15134.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer with car",
|
||||
},
|
||||
id: "5", name: "Sunita P.", date: "May 2024", title: "Transparent", quote: "Great selection of clean cars.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/headlights-lamp-car_1203-7805.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15134.jpg?_wi=2", imageAlt: "satisfied customer with car"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our customers say about their experience with us."
|
||||
@@ -268,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is the valuation determined?",
|
||||
content: "We use market trends and current condition reports.",
|
||||
},
|
||||
id: "f1", title: "How is the valuation determined?", content: "We use market trends and current condition reports."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is finance available?",
|
||||
content: "Yes, we work with leading banks.",
|
||||
},
|
||||
id: "f2", title: "Is finance available?", content: "Yes, we work with leading banks."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Yes, 6-month coverage on specific models.",
|
||||
},
|
||||
id: "f3", title: "Do you offer warranty?", content: "Yes, 6-month coverage on specific models."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Frequently asked questions about buying and selling."
|
||||
@@ -296,28 +192,17 @@ export default function LandingPage() {
|
||||
description="Contact us today for a free appraisal or to view any car."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130110.jpg"
|
||||
mediaPosition="right"
|
||||
@@ -329,42 +214,27 @@ export default function LandingPage() {
|
||||
logoText="Cochin Cars"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Inventory", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Sell My Car",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Sell My Car", href: "#contact"},
|
||||
{
|
||||
label: "Car Loans",
|
||||
href: "#",
|
||||
},
|
||||
label: "Car Loans", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -373,4 +243,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user