Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Vehicles",
|
||||
id: "products",
|
||||
},
|
||||
name: "Vehicles", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AutoMarket"
|
||||
/>
|
||||
@@ -56,108 +48,63 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Buy or Sell Your Dream Vehicle Today"
|
||||
description="AutoMarket is the most trusted platform to browse thousands of pre-owned cars and bikes. Get the best price, guaranteed safety, and verified listings."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-vehicle-dealership-buying-new-car_342744-749.jpg?_wi=1",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-vehicle-dealership-buying-new-car_342744-749.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-premium-suv-driving-curved-winter-road-luxury-car-motion_169016-71558.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-premium-suv-driving-curved-winter-road-luxury-car-motion_169016-71558.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10505.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10505.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18967.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18967.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-sea_181624-322.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-sea_181624-322.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861916.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-brown-car_23-2151914154.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-brown-car_23-2151914154.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-taking-pictures-with-camera-from-car_23-2148585264.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-taking-pictures-with-camera-from-car_23-2148585264.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asia-urban-sunny-skyline-riverbank_1112-1061.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asia-urban-sunny-skyline-riverbank_1112-1061.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Vehicles",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Vehicles", href: "#products"},
|
||||
{
|
||||
text: "Post an Ad",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Post an Ad", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-salesman-with-tablet_23-2148130723.jpg",
|
||||
alt: "Car salesman with tablet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/car-salesman-with-tablet_23-2148130723.jpg", alt: "Car salesman with tablet"},
|
||||
{
|
||||
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/stylish-elegant-couple-car-salon_1157-22679.jpg", alt: "Stylish and elegant couple in a car salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg",
|
||||
alt: "Colleagues working with computer at office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg", alt: "Colleagues working with computer at office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-blurry-people-working-as-team_23-2149307825.jpg",
|
||||
alt: "Medium shot blurry people working as team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-blurry-people-working-as-team_23-2149307825.jpg", alt: "Medium shot blurry people working as team"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blurred-parking-car_1339-8002.jpg",
|
||||
alt: "abstract blurred parking car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blurred-parking-car_1339-8002.jpg", alt: "abstract blurred parking car"},
|
||||
]}
|
||||
avatarText="Trusted by 100k+ users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Toyota",
|
||||
},
|
||||
type: "text", text: "Toyota"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Honda",
|
||||
},
|
||||
type: "text", text: "Honda"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tesla",
|
||||
},
|
||||
type: "text", text: "Tesla"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mazda",
|
||||
},
|
||||
type: "text", text: "Mazda"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ford",
|
||||
},
|
||||
type: "text", text: "Ford"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,28 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Listings",
|
||||
description: "Every vehicle is thoroughly inspected by experts.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-business-woman-walking-out-her-car_1303-27273.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
title: "Verified Listings", description: "Every vehicle is thoroughly inspected by experts.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Safe transaction portals for your peace of mind.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Lock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-vehicle-dealership-buying-new-car_342744-749.jpg?_wi=2",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
title: "Secure Payments", description: "Safe transaction portals for your peace of mind.", bentoComponent: "reveal-icon", icon: Lock,
|
||||
},
|
||||
{
|
||||
title: "Nationwide Reach",
|
||||
description: "Sell your car to buyers across the country.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Globe,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6605.jpg?_wi=1",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
title: "Nationwide Reach", description: "Sell your car to buyers across the country.", bentoComponent: "reveal-icon", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Why AutoMarket?"
|
||||
@@ -206,41 +138,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Toyota Sedan 2022",
|
||||
price: "$18,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6605.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Toyota Sedan 2022", price: "$18,500", imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6605.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Honda Compact SUV",
|
||||
price: "$22,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528626.jpg",
|
||||
},
|
||||
id: "2", name: "Honda Compact SUV", price: "$22,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528626.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mazda Sports Coupe",
|
||||
price: "$28,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-female-model-off-shoulder-dress-posing-near-vehicle_181624-5421.jpg",
|
||||
},
|
||||
id: "3", name: "Mazda Sports Coupe", price: "$28,000", imageSrc: "http://img.b2bpic.net/free-photo/attractive-female-model-off-shoulder-dress-posing-near-vehicle_181624-5421.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Yamaha Sport Bike",
|
||||
price: "$8,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cafe-racer-style-motorbike_23-2148189637.jpg",
|
||||
},
|
||||
id: "4", name: "Yamaha Sport Bike", price: "$8,500", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cafe-racer-style-motorbike_23-2148189637.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ford Family Van",
|
||||
price: "$15,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-brunette-girl-yellow-shirt-sits-with-legs-crossed-beside-white-car-while-her-friend-playing-with-long-hair_197531-4497.jpg",
|
||||
},
|
||||
id: "5", name: "Ford Family Van", price: "$15,000", imageSrc: "http://img.b2bpic.net/free-photo/inspired-brunette-girl-yellow-shirt-sits-with-legs-crossed-beside-white-car-while-her-friend-playing-with-long-hair_197531-4497.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tesla Model EV",
|
||||
price: "$35,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25979.jpg",
|
||||
},
|
||||
id: "6", name: "Tesla Model EV", price: "$35,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25979.jpg"},
|
||||
]}
|
||||
title="Top Vehicles Today"
|
||||
description="Explore our curated selection of verified vehicles."
|
||||
@@ -254,53 +162,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Basic Ad",
|
||||
price: "$19",
|
||||
period: "/per month",
|
||||
features: [
|
||||
"1 Listing",
|
||||
"Standard Visibility",
|
||||
"Email Support",
|
||||
],
|
||||
id: "basic", title: "Basic Ad", price: "$19", period: "/per month", features: [
|
||||
"1 Listing", "Standard Visibility", "Email Support"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-photographing-camera_23-2148149927.jpg",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-photographing-camera_23-2148149927.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Premium Ad",
|
||||
price: "$49",
|
||||
period: "/per month",
|
||||
features: [
|
||||
"5 Listings",
|
||||
"Featured Status",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
id: "premium", title: "Premium Ad", price: "$49", period: "/per month", features: [
|
||||
"5 Listings", "Featured Status", "Dedicated Manager"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-vehicle-dealership-buying-new-car_342744-749.jpg?_wi=3",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-vehicle-dealership-buying-new-car_342744-749.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Dealer Pro",
|
||||
price: "$199",
|
||||
period: "/per month",
|
||||
features: [
|
||||
"Unlimited Listings",
|
||||
"Top Rank Visibility",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "enterprise", title: "Dealer Pro", price: "$199", period: "/per month", features: [
|
||||
"Unlimited Listings", "Top Rank Visibility", "Priority Support"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6605.jpg?_wi=3",
|
||||
imageAlt: "luxury car showcase bright street",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6605.jpg", imageAlt: "luxury car showcase bright street"},
|
||||
]}
|
||||
title="Ad Posting Plans"
|
||||
description="Choose the best plan to reach thousands of potential buyers."
|
||||
@@ -314,20 +192,11 @@ export default function LandingPage() {
|
||||
tag="Trusted by thousands"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
description: "Vehicles Sold",
|
||||
},
|
||||
id: "m1", value: "50k+", description: "Vehicles Sold"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100k+",
|
||||
description: "Happy Users",
|
||||
},
|
||||
id: "m2", value: "100k+", description: "Happy Users"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
description: "Expert Centers",
|
||||
},
|
||||
id: "m3", value: "200+", description: "Expert Centers"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -338,30 +207,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955304.jpg",
|
||||
},
|
||||
id: "2", name: "Bob D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955304.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg",
|
||||
},
|
||||
id: "3", name: "Clara S.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-choosing-car-car-salon_1303-31670.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-choosing-car-car-salon_1303-31670.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-thumbs-up-holding-keys-with-copyspace_23-2148252037.jpg",
|
||||
},
|
||||
id: "5", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-thumbs-up-holding-keys-with-copyspace_23-2148252037.jpg"},
|
||||
]}
|
||||
cardTitle="Customer Success"
|
||||
cardTag="Read their stories"
|
||||
@@ -374,20 +228,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I sell my car?",
|
||||
content: "Simply click on 'Post an Ad', fill in your vehicle details, upload clear photos, and submit.",
|
||||
},
|
||||
id: "f1", title: "How do I sell my car?", content: "Simply click on 'Post an Ad', fill in your vehicle details, upload clear photos, and submit."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my information safe?",
|
||||
content: "Yes, we use industry-standard encryption to ensure your personal and financial data remains secure.",
|
||||
},
|
||||
id: "f2", title: "Is my information safe?", content: "Yes, we use industry-standard encryption to ensure your personal and financial data remains secure."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are listings verified?",
|
||||
content: "Our team inspects each listing to maintain quality and avoid fraudulent activity on the platform.",
|
||||
},
|
||||
id: "f3", title: "Are listings verified?", content: "Our team inspects each listing to maintain quality and avoid fraudulent activity on the platform."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -398,15 +243,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to sell your vehicle?"
|
||||
description="Join thousands of satisfied sellers and get the best value for your car today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Post Your Ad",
|
||||
},
|
||||
text: "Post Your Ad"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user