Update src/app/page.tsx
This commit is contained in:
217
src/app/page.tsx
217
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ELITE AUTO"
|
||||
/>
|
||||
@@ -61,35 +51,21 @@ export default function LandingPage() {
|
||||
description="Refining the drive with precision-engineered automotive aesthetics. Experience the intersection of luxury design and performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Accessories", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138884.jpg",
|
||||
imageAlt: "Luxury accessory 3d render beige black",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-interior_23-2151138884.jpg", imageAlt: "Luxury accessory 3d render beige black"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-weight-plate-fitness-strength-training_187299-46317.jpg",
|
||||
imageAlt: "carbon fiber car part luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-weight-plate-fitness-strength-training_187299-46317.jpg", imageAlt: "carbon fiber car part luxury"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-accessories-with-copy-space_23-2149030396.jpg",
|
||||
imageAlt: "luxury car emblem accessory 3d",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-accessories-with-copy-space_23-2149030396.jpg", imageAlt: "luxury car emblem accessory 3d"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-shifting-gear_23-2151113218.jpg",
|
||||
imageAlt: "car dashboard digital cluster modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-shifting-gear_23-2151113218.jpg", imageAlt: "car dashboard digital cluster modern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg",
|
||||
imageAlt: "ergonomic car seat accessory premium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg", imageAlt: "ergonomic car seat accessory premium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-control-buttons-steering-wheel-luxury-car-lights_181624-25459.jpg",
|
||||
imageAlt: "modern gear shifter design premium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-control-buttons-steering-wheel-luxury-car-lights_181624-25459.jpg", imageAlt: "modern gear shifter design premium"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,26 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Durability",
|
||||
description: "High-grade materials for long-lasting finish.",
|
||||
tag: "Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-455.jpg",
|
||||
},
|
||||
id: "f1", title: "Premium Durability", description: "High-grade materials for long-lasting finish.", tag: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-455.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Aerodynamic Precision",
|
||||
description: "Enhance vehicle aesthetics and drag reduction.",
|
||||
tag: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-headlight-black-luxury-car-isolated-white-background_181624-25404.jpg",
|
||||
},
|
||||
id: "f2", title: "Aerodynamic Precision", description: "Enhance vehicle aesthetics and drag reduction.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-headlight-black-luxury-car-isolated-white-background_181624-25404.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Acoustic Excellence",
|
||||
description: "Integrated sound enhancement modules.",
|
||||
tag: "Innovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-interior-details_93675-135451.jpg",
|
||||
},
|
||||
id: "f3", title: "Acoustic Excellence", description: "Integrated sound enhancement modules.", tag: "Innovation", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-interior-details_93675-135451.jpg"},
|
||||
]}
|
||||
title="Unmatched Engineering"
|
||||
description="Precision performance meets timeless design."
|
||||
@@ -135,41 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Gear Knob",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500615.jpg",
|
||||
},
|
||||
id: "p1", name: "Luxury Gear Knob", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500615.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Floor Mats",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg",
|
||||
},
|
||||
id: "p2", name: "Premium Floor Mats", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cabin Air Purifier",
|
||||
price: "$189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-robotic-vacuum_23-2151108312.jpg",
|
||||
},
|
||||
id: "p3", name: "Cabin Air Purifier", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/still-life-robotic-vacuum_23-2151108312.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Performance Brake Caliper",
|
||||
price: "$799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rim-black-metal-grunge-3d-rendering_1379-898.jpg",
|
||||
},
|
||||
id: "p4", name: "Performance Brake Caliper", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/rim-black-metal-grunge-3d-rendering_1379-898.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Interior LED Kit",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-colorful-lights_116123-2.jpg",
|
||||
},
|
||||
id: "p5", name: "Interior LED Kit", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/christmas-colorful-lights_116123-2.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Leather Armrest",
|
||||
price: "$459",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg",
|
||||
},
|
||||
id: "p6", name: "Leather Armrest", price: "$459", imageSrc: "http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Upgrade your driving experience with our premium selection."
|
||||
@@ -183,40 +120,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
role: "Collector",
|
||||
testimonial: "The precision and finish are second to none. Truly transformed my interior.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-driving-car-positive-emotions-bright-daylight-interior_169016-68621.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivers", role: "Collector", testimonial: "The precision and finish are second to none. Truly transformed my interior.", imageSrc: "http://img.b2bpic.net/free-photo/man-driving-car-positive-emotions-bright-daylight-interior_169016-68621.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Designer",
|
||||
testimonial: "Finally, accessories that match the build quality of a luxury vehicle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-young-businesswoman-speak-by-phone-car_496169-1186.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", role: "Designer", testimonial: "Finally, accessories that match the build quality of a luxury vehicle.", imageSrc: "http://img.b2bpic.net/free-photo/busy-young-businesswoman-speak-by-phone-car_496169-1186.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Vane",
|
||||
role: "Enthusiast",
|
||||
testimonial: "Unparalleled aesthetics. The cabin experience is completely elevated.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-car-dealership_23-2148332951.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus Vane", role: "Enthusiast", testimonial: "Unparalleled aesthetics. The cabin experience is completely elevated.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-car-dealership_23-2148332951.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Ross",
|
||||
role: "CEO",
|
||||
testimonial: "Sophisticated, functional, and perfectly curated. A must for any luxury build.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
id: "4", name: "Elena Ross", role: "CEO", testimonial: "Sophisticated, functional, and perfectly curated. A must for any luxury build.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julian Fox",
|
||||
role: "Architect",
|
||||
testimonial: "Design-led automotive upgrades. The attention to detail is evident everywhere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14781.jpg",
|
||||
},
|
||||
id: "5", name: "Julian Fox", role: "Architect", testimonial: "Design-led automotive upgrades. The attention to detail is evident everywhere.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14781.jpg"},
|
||||
]}
|
||||
title="Drivers' Perspectives"
|
||||
description="Refining the industry, one drive at a time."
|
||||
@@ -225,30 +137,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Models Supported",
|
||||
description: "Compatible with major luxury vehicle lines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg",
|
||||
},
|
||||
id: "m1", value: "15+", title: "Models Supported", description: "Compatible with major luxury vehicle lines.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Fit Precision",
|
||||
description: "Engineered for a seamless interior integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gears-cogwheels_1112-921.jpg",
|
||||
},
|
||||
id: "m2", value: "99.9%", title: "Fit Precision", description: "Engineered for a seamless interior integration.", imageSrc: "http://img.b2bpic.net/free-photo/gears-cogwheels_1112-921.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Happy Enthusiasts",
|
||||
description: "Driving the community forward.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",
|
||||
},
|
||||
id: "m3", value: "500+", title: "Happy Enthusiasts", description: "Driving the community forward.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg"},
|
||||
]}
|
||||
title="Driving The Standard"
|
||||
description="Quantifying our commitment to automotive excellence."
|
||||
@@ -260,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these compatible with older models?",
|
||||
content: "Our modular designs are versatile and fit various luxury model generations.",
|
||||
},
|
||||
id: "q1", title: "Are these compatible with older models?", content: "Our modular designs are versatile and fit various luxury model generations."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is installation professional-grade?",
|
||||
content: "All our parts follow OEM standards, ensuring a simple yet robust install.",
|
||||
},
|
||||
id: "q2", title: "Is installation professional-grade?", content: "All our parts follow OEM standards, ensuring a simple yet robust install."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the warranty policy?",
|
||||
content: "We offer a 2-year guarantee on all finishes and structural integrity.",
|
||||
},
|
||||
id: "q3", title: "What is the warranty policy?", content: "We offer a 2-year guarantee on all finishes and structural integrity."},
|
||||
]}
|
||||
sideTitle="Questions? Answers."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -284,14 +173,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to elevate your driving experience? Contact us for custom orders."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -302,42 +188,27 @@ export default function LandingPage() {
|
||||
logoText="ELITE AUTO"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Interior",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Interior", href: "#products"},
|
||||
{
|
||||
label: "Performance",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Performance", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user