230 lines
13 KiB
TypeScript
230 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { CheckCircle, Sparkles, Star } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import MediaSplitTabsAbout from "@/components/sections/about/MediaSplitTabsAbout";
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="FOXUSA"
|
|
navItems={[
|
|
{ name: "Browse", id: "products" },
|
|
{ name: "How It Works", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Find Your Car", href: "products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Find Your Perfect Car from the USA"
|
|
description="Browse verified vehicles with complete Carfax reports. Transparent pricing, instant comparisons, and seamless purchasing. FOXUSA connects you with quality cars across America."
|
|
tag="Verified & Trusted"
|
|
tagIcon={CheckCircle}
|
|
background={{ variant: "radial-gradient" }}
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17457.jpg"
|
|
imageAlt="Premium car showcase"
|
|
buttons={[
|
|
{ text: "Browse Vehicles", href: "products" },
|
|
{ text: "Learn More", href: "features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
title="How FOXUSA Works"
|
|
description="A transparent, simple process to find and purchase your next vehicle with complete confidence."
|
|
tag="Simple Process"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Browse", title: "Search & Filter", subtitle: "Explore thousands of verified vehicles", description: "Use our advanced search to filter by make, model, year, price, mileage, and location. Every vehicle listing includes complete Carfax history reports.", imageSrc: "https://img.b2bpic.net/free-photo/older-man-traveling-outdoors-using-magnifying-glass_23-2148641915.jpg", imageAlt: "Vehicle search interface", buttons: [
|
|
{ text: "Start Browsing", href: "products" }
|
|
]
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Verify", title: "Carfax Verification", subtitle: "Complete vehicle history and inspection data", description: "All vehicles come with verified Carfax reports showing accident history, service records, ownership details, and title information. No hidden surprises.", imageSrc: "https://img.b2bpic.net/free-photo/woman-looking-tree-bark-through-magnifying-glass_23-2147776833.jpg", imageAlt: "Carfax verification report", buttons: [
|
|
{ text: "View Sample Report", href: "about" }
|
|
]
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Purchase", title: "Secure Purchase", subtitle: "Complete your transaction safely", description: "Transparent pricing with no hidden fees. Secure payment processing, instant documentation, and fast delivery options. Purchase with confidence.", imageSrc: "https://img.b2bpic.net/free-photo/holding-magnifier-increases-background-backpack-grass_23-2148199880.jpg", imageAlt: "Purchase and delivery process", buttons: [
|
|
{ text: "Start Your Purchase", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Featured Vehicles"
|
|
description="Handpicked inventory of verified vehicles from across the USA. All with complete Carfax reports."
|
|
tag="Popular Listings"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "1", name: "2023 Honda Civic EX", price: "$22,500", variant: "Silver • 45K miles • Florida", imageSrc: "https://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg", imageAlt: "2023 Honda Civic"
|
|
},
|
|
{
|
|
id: "2", name: "2022 Toyota RAV4 LE", price: "$28,900", variant: "Pearl White • 32K miles • California", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17456.jpg", imageAlt: "2022 Toyota RAV4"
|
|
},
|
|
{
|
|
id: "3", name: "2021 Ford Mustang GT", price: "$35,800", variant: "Red • 28K miles • Texas", imageSrc: "https://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-5873.jpg", imageAlt: "2021 Ford Mustang GT"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="Why Choose FOXUSA"
|
|
description="We're revolutionizing how Americans buy cars online with transparency and trust."
|
|
imagePosition="right"
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-vector/secure-card-payment_78370-8471.jpg"
|
|
imageAlt="FOXUSA Carfax Verified"
|
|
tabs={[
|
|
{
|
|
id: "carfax", label: "Carfax Verified", description: "Every vehicle includes a complete Carfax report with accident history, service records, and ownership details. No hidden information—just transparent data to help you make confident decisions."
|
|
},
|
|
{
|
|
id: "pricing", label: "Fair Pricing", description: "Our competitive pricing algorithm ensures you get fair market value. No hidden fees, no surprises at checkout. What you see is what you pay, guaranteed."
|
|
},
|
|
{
|
|
id: "selection", label: "Wide Selection", description: "Access thousands of verified vehicles from across the USA. Filter by location, price, features, and more. Find exactly what you're looking for."
|
|
},
|
|
{
|
|
id: "support", label: "Expert Support", description: "Our team of automotive experts is available 24/7 to answer questions, provide insights, and guide you through the purchase process from start to finish."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Transparent Pricing"
|
|
description="Choose the right purchase option for your needs. All prices include Carfax verification and secure documentation."
|
|
tag="Service Tiers"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "standard", price: "Included", name: "Standard Purchase", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More", href: "features" }
|
|
],
|
|
features: [
|
|
"Complete Carfax report", "Vehicle inspection summary", "Title and registration assistance", "5-day money-back guarantee"
|
|
]
|
|
},
|
|
{
|
|
id: "premium", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "+$799", name: "Premium Protection", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More", href: "features" }
|
|
],
|
|
features: [
|
|
"Extended Carfax verification", "3rd-party inspection report", "Extended warranty option", "White-glove delivery service", "24/7 buyer support"
|
|
]
|
|
},
|
|
{
|
|
id: "elite", price: "+$599", name: "Elite Care Package", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More", href: "features" }
|
|
],
|
|
features: [
|
|
"Full vehicle history deep dive", "Certified pre-purchase inspection", "24-month extended warranty", "Free shipping nationwide", "Dedicated account manager", "Lifetime support"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Our Customers Say"
|
|
description="Real feedback from real buyers who found their perfect vehicle through FOXUSA."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Michael Johnson", role: "Business Owner", testimonial: "FOXUSA made buying a car online actually easy. The Carfax reports were incredibly detailed, and I felt confident making my purchase without any hidden surprises.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Martinez", role: "Marketing Executive", testimonial: "The transparent pricing and professional service set FOXUSA apart. No pressure, no games—just honest information and excellent customer support throughout the process.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Sarah Martinez"
|
|
},
|
|
{
|
|
id: "3", name: "David Chen", role: "Software Engineer", testimonial: "As someone who values data, I loved the detailed vehicle reports and specifications. Found my dream car in minutes and closed the deal within a week. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Amanda Rodriguez", role: "College Professor", testimonial: "The customer service team answered every question I had. The whole experience was smooth, professional, and reassuring. I'm already recommending FOXUSA to friends.", imageSrc: "https://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", imageAlt: "Amanda Rodriguez"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Ready to Find Your Car?"
|
|
description="Join thousands of satisfied customers who found their perfect vehicle through FOXUSA. Subscribe to our newsletter for exclusive deals, new listings, and automotive insights."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17457.jpg"
|
|
imageAlt="Contact illustration"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get Started"
|
|
termsText="By subscribing, you agree to receive updates about vehicles and exclusive FOXUSA offers. We respect your privacy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="FOXUSA"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |