Update src/app/page.tsx

This commit is contained in:
2026-05-30 20:08:53 +00:00
parent 908c10acf9
commit 0e502b2e81

View File

@@ -13,7 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Book, CalendarCheck, Car, CheckCircle, CreditCard, Leaf, MapPin, ShieldCheck, Smile, Sparkles, Star, Tag, Wallet } from "lucide-react";
import { Award, Book, CalendarCheck, Car, CheckCircle, CreditCard, Headset, Leaf, MapPin, ShieldCheck, Smile, Sparkles, Star, Tag, Wallet } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,127 +34,80 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Inventory",
id: "#products",
},
name: "Inventory", id: "#products"},
{
name: "Financing",
id: "#pricing",
},
name: "Financing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/car-logo-collection_23-2147730100.jpg"
logoAlt="Alibaba Motors Logo"
brandName="Alibaba Motors"
button={{
text: "View Inventory",
href: "#products",
}}
text: "View Inventory", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Your Journey Starts Here."
description="Discover a wide selection of quality pre-owned vehicles at Alibaba Motors Indianapolis. Unbeatable prices and exceptional service."
kpis={[
{
value: "100+",
label: "Vehicles Sold",
},
value: "100+", label: "Vehicles Sold"},
{
value: "50+",
label: "Years Experience",
},
value: "50+", label: "Years Experience"},
{
value: "5-Star",
label: "Customer Rating",
},
value: "5-Star", label: "Customer Rating"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "View Inventory",
href: "#products",
},
text: "View Inventory", href: "#products"},
{
text: "Schedule a Test Drive",
href: "#contact",
},
text: "Schedule a Test Drive", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-family-car-salon_1157-21753.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-family-car-salon_1157-21753.jpg"
imageAlt="Luxury car in a modern dealership showroom"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/businessman-standing-auto-salon-smiling-camera_7502-9589.jpg",
alt: "Businessman standing at auto salon",
},
src: "http://img.b2bpic.net/free-photo/businessman-standing-auto-salon-smiling-camera_7502-9589.jpg", alt: "Businessman standing at auto salon"},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg",
alt: "Handsome man showing thumb up while buying car at salon",
},
src: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg", alt: "Handsome man showing thumb up while buying car at salon"},
{
src: "http://img.b2bpic.net/free-photo/young-business-man-sitting-car_1303-28468.jpg",
alt: "Young business man sitting in a car",
},
src: "http://img.b2bpic.net/free-photo/young-business-man-sitting-car_1303-28468.jpg", alt: "Young business man sitting in a car"},
{
src: "http://img.b2bpic.net/free-photo/happy-customer-posing-car-dealership_651396-1155.jpg",
alt: "Happy customer posing in car dealership",
},
src: "http://img.b2bpic.net/free-photo/happy-customer-posing-car-dealership_651396-1155.jpg", alt: "Happy customer posing in car dealership"},
{
src: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12245.jpg",
alt: "Couple traveling by car to go on vacation",
},
src: "http://img.b2bpic.net/free-photo/couple-traveling-by-car-go-vacation_329181-12245.jpg", alt: "Couple traveling by car to go on vacation"},
]}
avatarText="Join our community of happy drivers!"
marqueeItems={[
{
type: "text-icon",
text: "Exceptional Service",
icon: Star,
type: "text-icon", text: "Exceptional Service", icon: Star,
},
{
type: "text-icon",
text: "Diverse Inventory",
icon: Car,
type: "text-icon", text: "Diverse Inventory", icon: Car,
},
{
type: "text-icon",
text: "Competitive Prices",
icon: Tag,
type: "text-icon", text: "Competitive Prices", icon: Tag,
},
{
type: "text-icon",
text: "Trusted Financing",
icon: ShieldCheck,
type: "text-icon", text: "Trusted Financing", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Happy Customers",
icon: Smile,
type: "text-icon", text: "Happy Customers", icon: Smile,
},
]}
marqueeSpeed={40}
@@ -168,17 +121,11 @@ export default function LandingPage() {
description="Dedicated to providing the best car buying experience, we offer transparent pricing, a diverse inventory, and friendly customer service. Your satisfaction is our priority, ensuring every customer drives away happy."
metrics={[
{
value: "20+",
title: "Brands Available",
},
value: "20+", title: "Brands Available"},
{
value: "100%",
title: "Customer Satisfaction",
},
value: "100%", title: "Customer Satisfaction"},
{
value: "500+",
title: "Happy Drivers",
},
value: "500+", title: "Happy Drivers"},
]}
imageSrc="http://img.b2bpic.net/free-photo/two-specialists-uniform-repairing-car-together-garage_496169-1110.jpg"
imageAlt="Alibaba Motors modern car showroom interior"
@@ -194,62 +141,33 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Quality Inspection",
description: "Every vehicle undergoes a rigorous multi-point inspection by certified technicians to ensure top performance and safety.",
bentoComponent: "reveal-icon",
icon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11831.jpg",
imageAlt: "car mechanic inspecting engine",
title: "Quality Inspection", description: "Every vehicle undergoes a rigorous multi-point inspection by certified technicians to ensure top performance and safety.", bentoComponent: "reveal-icon", icon: Award,
},
{
title: "Flexible Financing",
description: "We partner with multiple lenders to offer competitive financing solutions tailored to your budget and credit needs.",
bentoComponent: "icon-info-cards",
items: [
title: "Flexible Financing", description: "We partner with multiple lenders to offer competitive financing solutions tailored to your budget and credit needs.", bentoComponent: "icon-info-cards", items: [
{
icon: Wallet,
label: "Low Rates",
value: "Starting at 3.9%",
},
label: "Low Rates", value: "Starting at 3.9%"},
{
icon: CalendarCheck,
label: "Flexible Terms",
value: "Up to 72 months",
},
label: "Flexible Terms", value: "Up to 72 months"},
{
icon: CreditCard,
label: "Easy Approval",
value: "All credit types",
},
label: "Easy Approval", value: "All credit types"},
],
imageSrc: "http://img.b2bpic.net/free-vector/car-logo-collection_23-2147730100.jpg",
imageAlt: "car mechanic inspecting engine",
},
{
title: "Exceptional Support",
description: "From selection to after-sales, our friendly and knowledgeable team is here to assist you with any questions or needs.",
bentoComponent: "3d-task-list",
heading: "Customer Success",
subheading: "Dedicated Support",
items: [
title: "Exceptional Support", description: "From selection to after-sales, our friendly and knowledgeable team is here to assist you with any questions or needs.", bentoComponent: "3d-task-list", title: "Customer Success", items: [
{
icon: Headset,
label: "Personalized Consultation",
time: "Immediately",
},
label: "Personalized Consultation", time: "Immediately"},
{
icon: Book,
label: "Transparent Documentation",
time: "Hassle-free",
},
label: "Transparent Documentation", time: "Hassle-free"},
{
icon: MapPin,
label: "Post-Sale Assistance",
time: "Ongoing",
},
label: "Post-Sale Assistance", time: "Ongoing"},
],
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-family-car-salon_1157-21753.jpg?_wi=2",
imageAlt: "car mechanic inspecting engine",
},
]}
title="Our Promise to You"
@@ -265,47 +183,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "car-1",
name: "2020 Honda Civic EX",
price: "$18,500",
imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg",
imageAlt: "2020 Honda Civic EX",
},
id: "car-1", name: "2020 Honda Civic EX", price: "$18,500", imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg", imageAlt: "2020 Honda Civic EX"},
{
id: "car-2",
name: "2021 Toyota RAV4 XLE",
price: "$25,999",
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairwoman-her-customer-examining-car-problems-repair-shop_637285-7752.jpg",
imageAlt: "2021 Toyota RAV4 XLE",
},
id: "car-2", name: "2021 Toyota RAV4 XLE", price: "$25,999", imageSrc: "http://img.b2bpic.net/free-photo/auto-repairwoman-her-customer-examining-car-problems-repair-shop_637285-7752.jpg", imageAlt: "2021 Toyota RAV4 XLE"},
{
id: "car-3",
name: "2019 Ford F-150 Lariat",
price: "$38,000",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241767.jpg",
imageAlt: "2019 Ford F-150 Lariat",
},
id: "car-3", name: "2019 Ford F-150 Lariat", price: "$38,000", imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241767.jpg", imageAlt: "2019 Ford F-150 Lariat"},
{
id: "car-4",
name: "2022 Subaru Outback Premium",
price: "$29,250",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-driving-campervan_23-2149295116.jpg",
imageAlt: "2022 Subaru Outback Premium",
},
id: "car-4", name: "2022 Subaru Outback Premium", price: "$29,250", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-driving-campervan_23-2149295116.jpg", imageAlt: "2022 Subaru Outback Premium"},
{
id: "car-5",
name: "2018 BMW 3 Series 330i",
price: "$21,700",
imageSrc: "http://img.b2bpic.net/free-photo/traffic-bridge-top-view_23-2148242177.jpg",
imageAlt: "2018 BMW 3 Series 330i",
},
id: "car-5", name: "2018 BMW 3 Series 330i", price: "$21,700", imageSrc: "http://img.b2bpic.net/free-photo/traffic-bridge-top-view_23-2148242177.jpg", imageAlt: "2018 BMW 3 Series 330i"},
{
id: "car-6",
name: "2023 Hyundai Elantra SEL",
price: "$22,100",
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2275.jpg",
imageAlt: "2023 Hyundai Elantra SEL",
},
id: "car-6", name: "2023 Hyundai Elantra SEL", price: "$22,100", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2275.jpg", imageAlt: "2023 Hyundai Elantra SEL"},
]}
title="Explore Our Inventory"
description="Browse our latest collection of quality pre-owned cars, trucks, and SUVs. Find your perfect ride today at Alibaba Motors Indianapolis!"
@@ -319,61 +207,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "standard-loan",
badge: "Popular",
badgeIcon: Sparkles,
price: "Low APR",
subtitle: "Traditional Car Loan",
buttons: [
id: "standard-loan", badge: "Popular", badgeIcon: Sparkles,
price: "Low APR", subtitle: "Traditional Car Loan", buttons: [
{
text: "Apply Now",
href: "#contact",
},
text: "Apply Now", href: "#contact"},
],
features: [
"Competitive Interest Rates",
"Flexible Payment Terms (Up to 72 months)",
"All Credit Scores Considered",
"Quick Approval Process",
],
"Competitive Interest Rates", "Flexible Payment Terms (Up to 72 months)", "All Credit Scores Considered", "Quick Approval Process"],
},
{
id: "lease-program",
badge: "Flexible",
badgeIcon: Leaf,
price: "Affordable Monthly",
subtitle: "Lease a New Ride",
buttons: [
id: "lease-program", badge: "Flexible", badgeIcon: Leaf,
price: "Affordable Monthly", subtitle: "Lease a New Ride", buttons: [
{
text: "Learn More",
href: "#contact",
},
text: "Learn More", href: "#contact"},
],
features: [
"Lower Monthly Payments",
"Drive a New Car More Often",
"Included Maintenance Options",
"Option to Purchase or Return",
],
"Lower Monthly Payments", "Drive a New Car More Often", "Included Maintenance Options", "Option to Purchase or Return"],
},
{
id: "trade-in-value",
badge: "Best Value",
badgeIcon: CheckCircle,
price: "Maximize Your Value",
subtitle: "Trade-In & Upgrade",
buttons: [
id: "trade-in-value", badge: "Best Value", badgeIcon: CheckCircle,
price: "Maximize Your Value", subtitle: "Trade-In & Upgrade", buttons: [
{
text: "Get an Estimate",
href: "#contact",
},
text: "Get an Estimate", href: "#contact"},
],
features: [
"Fair Market Value for Your Trade",
"Seamless Transition to a New Vehicle",
"Reduce Your New Car Payment",
"Hassle-Free Evaluation",
],
"Fair Market Value for Your Trade", "Seamless Transition to a New Vehicle", "Reduce Your New Car Payment", "Hassle-Free Evaluation"],
},
]}
title="Flexible Financing Options"
@@ -386,41 +244,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2412.jpg",
imageAlt: "Sarah Johnson, happy customer",
},
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2412.jpg", imageAlt: "Sarah Johnson, happy customer"},
{
id: "2",
name: "Michael T.",
imageSrc: "http://img.b2bpic.net/free-photo/two-men-couple-sitting-car-dancing-street_839833-31657.jpg",
imageAlt: "Michael Thompson, satisfied buyer",
},
id: "2", name: "Michael T.", imageSrc: "http://img.b2bpic.net/free-photo/two-men-couple-sitting-car-dancing-street_839833-31657.jpg", imageAlt: "Michael Thompson, satisfied buyer"},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-15635.jpg",
imageAlt: "Emily Rodriguez, pleased with service",
},
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-15635.jpg", imageAlt: "Emily Rodriguez, pleased with service"},
{
id: "4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-older-business-woman-talking-phone-car_23-2148661283.jpg",
imageAlt: "David Kim, great car purchase",
},
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-older-business-woman-talking-phone-car_23-2148661283.jpg", imageAlt: "David Kim, great car purchase"},
{
id: "5",
name: "Jessica L.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-car-keys-looking-camera_23-2148266176.jpg",
imageAlt: "Jessica Lee, thrilled with vehicle",
},
id: "5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-car-keys-looking-camera_23-2148266176.jpg", imageAlt: "Jessica Lee, thrilled with vehicle"},
{
id: "6",
name: "Chris B.",
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-talking-sales-person-car-showroom_1303-15148.jpg",
imageAlt: "Chris Brown, excellent experience",
},
id: "6", name: "Chris B.", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-talking-sales-person-car-showroom_1303-15148.jpg", imageAlt: "Chris Brown, excellent experience"},
]}
cardTitle="What Our Customers Say"
cardTag="Real Stories"
@@ -433,15 +267,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Bank of America",
"Chase Auto",
"Wells Fargo Auto",
"Ally Financial",
"Capital One Auto Finance",
"CarMax Auto Finance",
"Route 66 Warranty",
"Zurich North America",
]}
"Bank of America", "Chase Auto", "Wells Fargo Auto", "Ally Financial", "Capital One Auto Finance", "CarMax Auto Finance", "Route 66 Warranty", "Zurich North America"]}
title="Trusted Partners"
description="Our collaborations with leading financial institutions and warranty providers ensure you get the best deals and reliable service, making your car buying journey secure and confident."
/>
@@ -453,20 +279,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What types of vehicles do you offer?",
content: "We specialize in a wide range of quality pre-owned cars, trucks, and SUVs from various makes and models. Our inventory is constantly updated, so check back often!",
},
id: "faq-1", title: "What types of vehicles do you offer?", content: "We specialize in a wide range of quality pre-owned cars, trucks, and SUVs from various makes and models. Our inventory is constantly updated, so check back often!"},
{
id: "faq-2",
title: "Do you offer financing options?",
content: "Yes, we work with multiple lenders to provide flexible financing solutions for all credit types. You can apply online or speak with our finance team for personalized assistance.",
},
id: "faq-2", title: "Do you offer financing options?", content: "Yes, we work with multiple lenders to provide flexible financing solutions for all credit types. You can apply online or speak with our finance team for personalized assistance."},
{
id: "faq-3",
title: "Can I trade in my current vehicle?",
content: "Absolutely! We offer competitive trade-in values. Bring your vehicle in for a free appraisal, or get an estimate online to see how much you can save on your next purchase.",
},
id: "faq-3", title: "Can I trade in my current vehicle?", content: "Absolutely! We offer competitive trade-in values. Bring your vehicle in for a free appraisal, or get an estimate online to see how much you can save on your next purchase."},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-mechanic-making-phone-call-while-working-auto-repair-shop_637285-11583.jpg"
imageAlt="Customer service agent assisting a client"
@@ -481,8 +298,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
title="Contact Our Team"
description="Ready for a test drive, have questions about our inventory, or need financing advice? Fill out the form below and a friendly representative from Alibaba Motors will get back to you promptly."
@@ -499,54 +315,33 @@ export default function LandingPage() {
logoText="Alibaba Motors"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Inventory",
href: "#products",
},
label: "Inventory", href: "#products"},
{
label: "Financing",
href: "#pricing",
},
label: "Financing", href: "#pricing"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Service Center",
href: "#",
},
label: "Service Center", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}