Merge version_1 into main #1
514
src/app/page.tsx
514
src/app/page.tsx
@@ -18,388 +18,160 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "featured",
|
||||
},
|
||||
{
|
||||
name: "Sell",
|
||||
id: "sell",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="AutoElite Pro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Inventory", id: "featured" },
|
||||
{ name: "Sell", id: "sell" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="AutoElite Pro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="AutoElite Pro: Premium Car Marketplace"
|
||||
description="Discover your dream car with over 5000+ luxury vehicles. Certified pre-owned, 360° inspection, and nationwide delivery."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500611.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2367.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796982.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-bridge-night-time_181624-29222.jpg",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-geometric-background-business_24972-1791.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/luxury-modern-background-gradient-abstract_343694-1693.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16424.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#featured",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-positive-businesswoman-coat-with-laptop-joyfully-looking-away-outdoor_574295-2165.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ happy car owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ferrari",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Porsche",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mercedes-Benz",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lamborghini",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Audi",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="AutoElite Pro: Premium Car Marketplace"
|
||||
description="Discover your dream car with over 5000+ luxury vehicles. Certified pre-owned, 360° inspection, and nationwide delivery."
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500611.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2367.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796982.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-bridge-night-time_181624-29222.jpg" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/elegant-geometric-background-business_24972-1791.jpg" }, { imageSrc: "http://img.b2bpic.net/free-vector/luxury-modern-background-gradient-abstract_343694-1693.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16424.jpg" }]}
|
||||
buttons={[{ text: "Browse Inventory", href: "#featured" }]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 1" }, { src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Client 2" }, { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "Client 3" }, { src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Client 4" }, { src: "http://img.b2bpic.net/free-photo/young-pretty-positive-businesswoman-coat-with-laptop-joyfully-looking-away-outdoor_574295-2165.jpg", alt: "Client 5" }]}
|
||||
avatarText="Trusted by 50,000+ happy car owners"
|
||||
marqueeItems={[{ type: "text", text: "Ferrari" }, { type: "text", text: "Porsche" }, { type: "text", text: "Mercedes-Benz" }, { type: "text", text: "Lamborghini" }, { type: "text", text: "Audi" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured" data-section="featured">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mercedes S-Class",
|
||||
price: "$125,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Porsche 911 Turbo",
|
||||
price: "$189,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-silver-car_181624-22638.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "BMW M8 Competition",
|
||||
price: "$145,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-tunnel-futuristic-perspective_23-2151986961.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Audi RS7 Sportback",
|
||||
price: "$115,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-led-headlight-black-auto_23-2147963034.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lamborghini Huracan",
|
||||
price: "$295,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ferrari SF90",
|
||||
price: "$450,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Handpicked luxury vehicles with full service history."
|
||||
/>
|
||||
</div>
|
||||
<div id="featured" data-section="featured">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Mercedes S-Class", price: "$125,000", imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg" },
|
||||
{ id: "p2", name: "Porsche 911 Turbo", price: "$189,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-silver-car_181624-22638.jpg" },
|
||||
{ id: "p3", name: "BMW M8 Competition", price: "$145,000", imageSrc: "http://img.b2bpic.net/free-photo/neon-tunnel-futuristic-perspective_23-2151986961.jpg" },
|
||||
{ id: "p4", name: "Audi RS7 Sportback", price: "$115,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-led-headlight-black-auto_23-2147963034.jpg" },
|
||||
{ id: "p5", name: "Lamborghini Huracan", price: "$295,000", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg" },
|
||||
{ id: "p6", name: "Ferrari SF90", price: "$450,000", imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg" }
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Handpicked luxury vehicles with full service history."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "360° Inspection",
|
||||
subtitle: "Every vehicle is thoroughly vetted.",
|
||||
category: "Trust",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Service History",
|
||||
subtitle: "Full documentation provided.",
|
||||
category: "Quality",
|
||||
value: "Verified",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Buyback Protection",
|
||||
subtitle: "30-day peace of mind guarantee.",
|
||||
category: "Protection",
|
||||
value: "30 Days",
|
||||
},
|
||||
]}
|
||||
title="Why Choose AutoElite Pro?"
|
||||
description="Luxury redefined through trust and quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "360° Inspection", subtitle: "Every vehicle is thoroughly vetted.", category: "Trust", value: "100%" },
|
||||
{ id: "f2", title: "Service History", subtitle: "Full documentation provided.", category: "Quality", value: "Verified" },
|
||||
{ id: "f3", title: "Buyback Protection", subtitle: "30-day peace of mind guarantee.", category: "Protection", value: "30 Days" }
|
||||
]}
|
||||
title="Why Choose AutoElite Pro?"
|
||||
description="Luxury redefined through trust and quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50,000+",
|
||||
title: "Happy Clients",
|
||||
description: "Global reach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-purple-arrow_1232-165.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5,247",
|
||||
title: "Inventory",
|
||||
description: "Live cars.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crystal-building-view_1112-416.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Average Rating",
|
||||
description: "Verified reviews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-full-big-variety-new-tyres-busy-warehouse_613910-17116.jpg",
|
||||
},
|
||||
]}
|
||||
title="Market Impact"
|
||||
description="Proven results for luxury car enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "50,000+", title: "Happy Clients", description: "Global reach.", imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-purple-arrow_1232-165.jpg" },
|
||||
{ id: "m2", value: "5,247", title: "Inventory", description: "Live cars.", imageSrc: "http://img.b2bpic.net/free-photo/crystal-building-view_1112-416.jpg" },
|
||||
{ id: "m3", value: "4.9/5", title: "Average Rating", description: "Verified reviews.", imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-full-big-variety-new-tyres-busy-warehouse_613910-17116.jpg" }
|
||||
]}
|
||||
title="Market Impact"
|
||||
description="Proven results for luxury car enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The buying process was incredibly smooth. AutoElite Pro provided professional service from start to finish."
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-smiling-confident-sitting-sofa-home_839833-34080.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The buying process was incredibly smooth. AutoElite Pro provided professional service from start to finish."
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-smiling-confident-sitting-sofa-home_839833-34080.jpg", alt: "Mark" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I sell my car?",
|
||||
content: "Submit details via our form, get a quote, and we handle pickup.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is delivery nationwide?",
|
||||
content: "Yes, we ship to all 50 states.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer financing?",
|
||||
content: "We work with top banks for flexible rates.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers quickly."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I sell my car?", content: "Submit details via our form, get a quote, and we handle pickup." },
|
||||
{ id: "q2", title: "Is delivery nationwide?", content: "Yes, we ship to all 50 states." },
|
||||
{ id: "q3", title: "Do you offer financing?", content: "We work with top banks for flexible rates." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers quickly."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="sell" data-section="sell">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Sell Your Car Today"
|
||||
description="Instant valuation and fast payout."
|
||||
inputs={[
|
||||
{
|
||||
name: "make",
|
||||
type: "text",
|
||||
placeholder: "Vehicle Make",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-collegues-working-car-showroom_1303-17436.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="sell" data-section="sell">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Sell Your Car Today"
|
||||
description="Instant valuation and fast payout."
|
||||
inputs={[
|
||||
{ name: "make", type: "text", placeholder: "Vehicle Make", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-collegues-working-car-showroom_1303-17436.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Still Have Questions?"
|
||||
description="Reach out to our expert support team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "msg",
|
||||
type: "text",
|
||||
placeholder: "Message",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/horizontal-indoor-shot-beautiful-young-woman-with-stylish-haircut-working-home-office-sitting-front-generic-laptop-computer-having-thoughtful-look-dreaming-about-vacations-by-sea_343059-181.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Still Have Questions?"
|
||||
description="Reach out to our expert support team."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "msg", type: "text", placeholder: "Message", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/horizontal-indoor-shot-beautiful-young-woman-with-stylish-haircut-working-home-office-sitting-front-generic-laptop-computer-having-thoughtful-look-dreaming-about-vacations-by-sea_343059-181.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/luxury-wings-eagle-with-gold-color-logo-template_361591-408.jpg"
|
||||
logoText="AutoElite Pro"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#featured",
|
||||
},
|
||||
{
|
||||
label: "Valuation",
|
||||
href: "#sell",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/luxury-wings-eagle-with-gold-color-logo-template_361591-408.jpg"
|
||||
logoText="AutoElite Pro"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Inventory", href: "#featured" }, { label: "Valuation", href: "#sell" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user