Merge version_2 into main #1
256
src/app/page.tsx
256
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "AC Parts",
|
||||
id: "products",
|
||||
},
|
||||
name: "AC Parts", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AutoParts Pro"
|
||||
/>
|
||||
@@ -56,77 +48,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Car Spare Parts Delivered"
|
||||
description="High-performance components and specialized AC systems for every make and model. We ensure your vehicle runs cooler and smoother."
|
||||
kpis={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Parts in Stock",
|
||||
},
|
||||
value: "10k+", label: "Parts in Stock"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "5k+", label: "Happy Clients"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Tech Support",
|
||||
},
|
||||
value: "24/7", label: "Tech Support"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Catalog", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/different-car-accessories-arrangement_23-2149030405.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-smiling-standing-cliff-near-beautiful-sea_181624-23716.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-smiling-standing-cliff-near-beautiful-sea_181624-23716.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-traveler-looking-camera-outdoors_23-2148148710.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-traveler-looking-camera-outdoors_23-2148148710.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-looking-camera_23-2148187159.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-looking-camera_23-2148187159.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-studio-with-copy-space_23-2148422281.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-studio-with-copy-space_23-2148422281.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy vehicle owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "OEM Quality",
|
||||
},
|
||||
type: "text", text: "OEM Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
type: "text", text: "Expert Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Parts",
|
||||
},
|
||||
type: "text", text: "Global Parts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Prices",
|
||||
},
|
||||
type: "text", text: "Competitive Prices"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,26 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "OEM Quality",
|
||||
description: "Authentic components meeting factory standards.",
|
||||
tag: "Trusted",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workout-weights-rack-barbell-dumbbells_1203-3784.jpg",
|
||||
},
|
||||
id: "f1", title: "OEM Quality", description: "Authentic components meeting factory standards.", tag: "Trusted", imageSrc: "http://img.b2bpic.net/free-photo/workout-weights-rack-barbell-dumbbells_1203-3784.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fast Shipping",
|
||||
description: "Get your parts delivered within 48 hours.",
|
||||
tag: "Quick",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-s-hand-picking-up-cardboard-box_23-2147862286.jpg",
|
||||
},
|
||||
id: "f2", title: "Fast Shipping", description: "Get your parts delivered within 48 hours.", tag: "Quick", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-s-hand-picking-up-cardboard-box_23-2147862286.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "AC Experts",
|
||||
description: "Specialized solutions for climate control.",
|
||||
tag: "Cooling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-with-buttons_23-2148882652.jpg",
|
||||
},
|
||||
id: "f3", title: "AC Experts", description: "Specialized solutions for climate control.", tag: "Cooling", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-with-buttons_23-2148882652.jpg"},
|
||||
]}
|
||||
title="Why Choose Our Parts?"
|
||||
description="We prioritize quality and compatibility for every component we sell."
|
||||
@@ -169,24 +117,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Specialists in ",
|
||||
},
|
||||
type: "text", content: "Specialists in "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-hvac-logo-template_23-2149207455.jpg",
|
||||
alt: "AC icon",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/flat-design-hvac-logo-template_23-2149207455.jpg", alt: "AC icon"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Car AC Performance",
|
||||
},
|
||||
type: "text", content: " Car AC Performance"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -199,44 +138,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AC Compressor",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-engine-car_1157-24688.jpg",
|
||||
},
|
||||
id: "p1", name: "AC Compressor", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-engine-car_1157-24688.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Condenser Unit",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/place-airbag-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16599.jpg",
|
||||
},
|
||||
id: "p2", name: "Condenser Unit", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/place-airbag-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16599.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Expansion Valve",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131936.jpg",
|
||||
},
|
||||
id: "p3", name: "Expansion Valve", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131936.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Refrigerant Line",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-pasta_1203-6869.jpg",
|
||||
},
|
||||
id: "p4", name: "Refrigerant Line", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/black-pasta_1203-6869.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "AC Blower Motor",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drivers-view-forest-road-hand-steering-wheel_169016-69302.jpg",
|
||||
},
|
||||
id: "p5", name: "AC Blower Motor", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/drivers-view-forest-road-hand-steering-wheel_169016-69302.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pressure Switch",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-still-life_23-2149417051.jpg",
|
||||
},
|
||||
id: "p6", name: "Pressure Switch", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-still-life_23-2149417051.jpg"},
|
||||
]}
|
||||
title="Our AC Catalog"
|
||||
description="Essential climate control components for reliable performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Full Catalog", href: "/catalog"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,26 +167,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Compatibility Rate",
|
||||
description: "Guaranteed fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631011.jpg",
|
||||
},
|
||||
id: "m1", value: "98%", title: "Compatibility Rate", description: "Guaranteed fit.", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631011.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "250+",
|
||||
title: "Car Models",
|
||||
description: "Widest coverage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/auto-sale-dealership-line-gradient-icons-automotive-industry-car-dealers-vehicle-production-center_88138-2014.jpg",
|
||||
},
|
||||
id: "m2", value: "250+", title: "Car Models", description: "Widest coverage.", imageSrc: "http://img.b2bpic.net/free-vector/auto-sale-dealership-line-gradient-icons-automotive-industry-car-dealers-vehicle-production-center_88138-2014.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "User Ratings",
|
||||
description: "Highly satisfied.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-review_23-2151952995.jpg",
|
||||
},
|
||||
id: "m3", value: "4.9/5", title: "User Ratings", description: "Highly satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-review_23-2151952995.jpg"},
|
||||
]}
|
||||
title="Performance Tracking"
|
||||
description="Data-driven results for every order processed."
|
||||
@@ -278,14 +183,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Bosch",
|
||||
"Denso",
|
||||
"Valeo",
|
||||
"Mahle",
|
||||
"Delphi",
|
||||
"Mann",
|
||||
"Hella",
|
||||
]}
|
||||
"Bosch", "Denso", "Valeo", "Mahle", "Delphi", "Mann", "Hella"]}
|
||||
title="Supported Brands"
|
||||
description="Only the best partners for your vehicle."
|
||||
/>
|
||||
@@ -299,25 +197,15 @@ export default function LandingPage() {
|
||||
author="Mark D."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-studio-with-copy-space_23-2148422281.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-studio-with-copy-space_23-2148422281.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-smiling-standing-cliff-near-beautiful-sea_181624-23716.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-smiling-standing-cliff-near-beautiful-sea_181624-23716.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-traveler-looking-camera-outdoors_23-2148148710.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-traveler-looking-camera-outdoors_23-2148148710.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-looking-camera_23-2148187159.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-looking-camera_23-2148187159.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-black-t-shirt-smiles-isolated-grey-wall_132075-8163.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -330,20 +218,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I check compatibility?",
|
||||
content: "Use our search tool with your VIN number.",
|
||||
},
|
||||
id: "q1", title: "How do I check compatibility?", content: "Use our search tool with your VIN number."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Yes, all parts have a 12-month warranty.",
|
||||
},
|
||||
id: "q2", title: "Do you offer warranty?", content: "Yes, all parts have a 12-month warranty."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is AC oil included?",
|
||||
content: "Some kits include oil, please check the description.",
|
||||
},
|
||||
id: "q3", title: "Is AC oil included?", content: "Some kits include oil, please check the description."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about purchasing parts."
|
||||
@@ -358,25 +237,14 @@ export default function LandingPage() {
|
||||
description="Have specific questions about parts? Reach out today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{
|
||||
name: "part",
|
||||
type: "text",
|
||||
placeholder: "Car Make/Model",
|
||||
},
|
||||
name: "part", type: "text", placeholder: "Car Make/Model"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "msg",
|
||||
placeholder: "Tell us what you need",
|
||||
}}
|
||||
name: "msg", placeholder: "Tell us what you need"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-engine_1170-1544.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -387,25 +255,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "AC Parts",
|
||||
href: "#products",
|
||||
},
|
||||
label: "AC Parts", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -415,4 +275,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user