Update src/app/page.tsx
This commit is contained in:
295
src/app/page.tsx
295
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Collections", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="AutoParts Pro"
|
||||
/>
|
||||
@@ -54,33 +42,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Engineering Excellence in Every Part"
|
||||
description="Providing the world's most reliable high-performance automotive components for professionals and enthusiasts alike."
|
||||
tag="PREMIUM AUTOMOTIVE"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-gun_23-2150888789.jpg?_wi=1",
|
||||
imageAlt: "Luxury car engine parts clean background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-gun_23-2150888789.jpg", imageAlt: "Luxury car engine parts clean background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1412.jpg?_wi=1",
|
||||
imageAlt: "High performance car component metallic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-parts_23-2150704699.jpg",
|
||||
imageAlt: "Close-up of motorcycle parts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hard-disk-components_23-2149413367.jpg",
|
||||
imageAlt: "Flat lay hard disk components",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-blue-light_23-2149413365.jpg",
|
||||
imageAlt: "Top view hard disk with blue light",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1412.jpg", imageAlt: "High performance car component metallic"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -93,12 +63,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Precision Automotive Sourcing"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
tag="OUR LEGACY"
|
||||
/>
|
||||
</div>
|
||||
@@ -109,56 +74,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "OEM Quality Standards",
|
||||
author: "Pro",
|
||||
description: "Strict verification for every component in our catalog.",
|
||||
tags: [
|
||||
"certified",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dealership-agent-talking-with-client-gain-insights-into-what-might-sway-him_482257-124075.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Rapid Global Shipping",
|
||||
author: "Fast",
|
||||
description: "Logistics optimized for automotive timelines.",
|
||||
tags: [
|
||||
"express",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26910.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Expert Technical Support",
|
||||
author: "Support",
|
||||
description: "Engineers available for parts compatibility.",
|
||||
tags: [
|
||||
"verified",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tires-auto-service-workshop_637285-7524.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Precision Engineering",
|
||||
author: "Quality",
|
||||
description: "Components designed for peak vehicle performance.",
|
||||
tags: [
|
||||
"engineered",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-car-shop-be-repaired_23-2150170010.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Lifetime Durability",
|
||||
author: "Reliable",
|
||||
description: "Built to withstand the toughest road conditions.",
|
||||
tags: [
|
||||
"durable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg",
|
||||
},
|
||||
{ id: "f1", title: "OEM Quality Standards", author: "Pro", description: "Strict verification for every component in our catalog.", tags: ["certified"], imageSrc: "http://img.b2bpic.net/free-photo/dealership-agent-talking-with-client-gain-insights-into-what-might-sway-him_482257-124075.jpg" },
|
||||
{ id: "f2", title: "Rapid Global Shipping", author: "Fast", description: "Logistics optimized for automotive timelines.", tags: ["express"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26910.jpg" },
|
||||
{ id: "f3", title: "Expert Technical Support", author: "Support", description: "Engineers available for parts compatibility.", tags: ["verified"], imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tires-auto-service-workshop_637285-7524.jpg" },
|
||||
{ id: "f4", title: "Precision Engineering", author: "Quality", description: "Components designed for peak vehicle performance.", tags: ["engineered"], imageSrc: "http://img.b2bpic.net/free-photo/view-car-shop-be-repaired_23-2150170010.jpg" },
|
||||
{ id: "f5", title: "Lifetime Durability", author: "Reliable", description: "Built to withstand the toughest road conditions.", tags: ["durable"], imageSrc: "http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg" }
|
||||
]}
|
||||
title="Why Choose AutoParts Pro"
|
||||
description="Unmatched quality standards and logistical efficiency."
|
||||
@@ -172,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Racing Piston",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-four-newly-changed-nozzles-car-diesel-engine_651396-1335.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Turbo Assembly",
|
||||
price: "$1250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shock-absorber-atv-car-close-up_93675-133524.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Performance Brakes",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-fixing-undercarriage-with-wrench_7502-4429.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Alternator Pro",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fuel Injector",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-component-wrench_23-2148796586.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Coil Spring",
|
||||
price: "$220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-disassembling-mechanical-part-cleaning_23-2148254065.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Racing Piston", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/close-up-four-newly-changed-nozzles-car-diesel-engine_651396-1335.jpg" },
|
||||
{ id: "p2", name: "Turbo Assembly", price: "$1250", imageSrc: "http://img.b2bpic.net/free-photo/shock-absorber-atv-car-close-up_93675-133524.jpg" },
|
||||
{ id: "p3", name: "Performance Brakes", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-fixing-undercarriage-with-wrench_7502-4429.jpg" },
|
||||
{ id: "p4", name: "Alternator Pro", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg" },
|
||||
{ id: "p5", name: "Fuel Injector", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/close-up-component-wrench_23-2148796586.jpg" },
|
||||
{ id: "p6", name: "Coil Spring", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/man-disassembling-mechanical-part-cleaning_23-2148254065.jpg" }
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Essential components for modern vehicles."
|
||||
@@ -221,27 +111,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
title: "Parts Shipped",
|
||||
description: "Across six continents daily.",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.8%",
|
||||
title: "Accuracy",
|
||||
description: "Order fulfillment precision.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always ready to assist.",
|
||||
icon: Headphones,
|
||||
},
|
||||
{ id: "m1", value: "50k+", title: "Parts Shipped", description: "Across six continents daily.", icon: Truck },
|
||||
{ id: "m2", value: "99.8%", title: "Accuracy", description: "Order fulfillment precision.", icon: CheckCircle },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Always ready to assist.", icon: Headphones }
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Our numbers speak for the trust of our partners."
|
||||
@@ -253,61 +125,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Riv",
|
||||
date: "Jan 2024",
|
||||
title: "Shop Owner",
|
||||
quote: "The most reliable parts provider we've used.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-mechanic-woman-customer-discussing-repairs-done-her-vehicle_146671-14209.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-gun_23-2150888789.jpg?_wi=2",
|
||||
imageAlt: "customer feedback auto parts shop",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Lee",
|
||||
date: "Feb 2024",
|
||||
title: "Technician",
|
||||
quote: "Fast shipping, perfect fit every time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/resentful-young-handsome-man-grey-shirt-looking-aside-displeased-standing-green-wall_141793-53213.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1412.jpg?_wi=2",
|
||||
imageAlt: "customer feedback auto parts shop",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David G",
|
||||
date: "Mar 2024",
|
||||
title: "Mechanic",
|
||||
quote: "Excellent technical support and quality.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-car-mechanic-using-computer-with-his-manager-auto-repair-shop_637285-4243.jpg",
|
||||
imageAlt: "customer feedback auto parts shop",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike J",
|
||||
date: "Apr 2024",
|
||||
title: "Enthusiast",
|
||||
quote: "My restoration projects rely on their inventory.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dealership-agent-talking-with-client-gain-insights-into-what-might-sway-him_482257-124075.jpg?_wi=2",
|
||||
imageAlt: "customer feedback auto parts shop",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emma W",
|
||||
date: "May 2024",
|
||||
title: "Fleet Manager",
|
||||
quote: "Unbeatable accuracy for our commercial fleet.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-four-newly-changed-nozzles-car-diesel-engine_651396-1335.jpg?_wi=2",
|
||||
imageAlt: "customer feedback auto parts shop",
|
||||
},
|
||||
{ id: "1", name: "Alex Riv", date: "Jan 2024", title: "Shop Owner", quote: "The most reliable parts provider we've used.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-mechanic-woman-customer-discussing-repairs-done-her-vehicle_146671-14209.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-gun_23-2150888789.jpg", imageAlt: "customer feedback auto parts shop" },
|
||||
{ id: "2", name: "Sarah Lee", date: "Feb 2024", title: "Technician", quote: "Fast shipping, perfect fit every time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/resentful-young-handsome-man-grey-shirt-looking-aside-displeased-standing-green-wall_141793-53213.jpg", imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1412.jpg", imageAlt: "customer feedback auto parts shop" },
|
||||
{ id: "3", name: "David G", date: "Mar 2024", title: "Mechanic", quote: "Excellent technical support and quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-black-car-mechanic-using-computer-with-his-manager-auto-repair-shop_637285-4243.jpg", imageAlt: "customer feedback auto parts shop" },
|
||||
{ id: "4", name: "Mike J", date: "Apr 2024", title: "Enthusiast", quote: "My restoration projects rely on their inventory.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dealership-agent-talking-with-client-gain-insights-into-what-might-sway-him_482257-124075.jpg", imageAlt: "customer feedback auto parts shop" },
|
||||
{ id: "5", name: "Emma W", date: "May 2024", title: "Fleet Manager", quote: "Unbeatable accuracy for our commercial fleet.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-four-newly-changed-nozzles-car-diesel-engine_651396-1335.jpg", imageAlt: "customer feedback auto parts shop" }
|
||||
]}
|
||||
title="Mechanic's Choice"
|
||||
description="What our professional partners say."
|
||||
@@ -320,25 +142,10 @@ export default function LandingPage() {
|
||||
title="Partner with Us"
|
||||
description="Get a quote for bulk orders or professional inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message here...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-interior-hightech-factory_645730-783.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -347,45 +154,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="AutoParts Pro"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Products", items: [{ label: "New Arrivals", href: "#products" }, { label: "Best Sellers", href: "#products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user