Merge version_1 into main #1
292
src/app/page.tsx
292
src/app/page.tsx
@@ -13,7 +13,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, CalendarCheck, Car, Gauge, ShieldCheck, Star, Tool, Truck, Users, Wrench } from "lucide-react";
|
||||
import { Award, CalendarCheck, Car, Gauge, ShieldCheck, Star, Truck, Users, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -34,81 +34,50 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="AutoParts Pro"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Drive with Confidence: Premium Car Parts & Tires"
|
||||
description="Discover a vast selection of high-quality tires and automotive components. We provide expert advice, professional installation, and unbeatable prices to keep your vehicle running smoothly and safely."
|
||||
tag="Your Ultimate Automotive Partner"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Tires",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Tires", href: "#products"},
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-banking-cool-using-company_1134-924.jpg",
|
||||
imageAlt: "Sports car with performance tires",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-banking-cool-using-company_1134-924.jpg", imageAlt: "Sports car with performance tires"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-leaning-stack-car-tires-while-working-workshop_637285-7536.jpg",
|
||||
imageAlt: "Mechanic installing a new car tire",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-leaning-stack-car-tires-while-working-workshop_637285-7536.jpg", imageAlt: "Mechanic installing a new car tire"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-working-with-tires-car-service-workshop_637285-7526.jpg",
|
||||
imageAlt: "Warehouse with stacks of new car tires",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-working-with-tires-car-service-workshop_637285-7526.jpg", imageAlt: "Warehouse with stacks of new car tires"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-sedan-speeds-winter-road-with-motion-blur-winter-car-drive_169016-71219.jpg",
|
||||
imageAlt: "Stylish car driving on a road",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-sedan-speeds-winter-road-with-motion-blur-winter-car-drive_169016-71219.jpg", imageAlt: "Stylish car driving on a road"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket-grocery-store-background_640221-331.jpg",
|
||||
imageAlt: "Car parts store interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket-grocery-store-background_640221-331.jpg", imageAlt: "Car parts store interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11797.jpg",
|
||||
imageAlt: "Car on a lift in an auto repair shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11797.jpg", imageAlt: "Car on a lift in an auto repair shop"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,19 +89,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Wrench,
|
||||
label: "Years in Service",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years in Service", value: "15+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality Brands",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Quality Brands", value: "50+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "10K+",
|
||||
},
|
||||
label: "Happy Customers", value: "10K+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -146,24 +109,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Car,
|
||||
title: "Wide Tire Selection",
|
||||
description: "From performance to all-season, discover the perfect tires for your vehicle and driving needs.",
|
||||
},
|
||||
title: "Wide Tire Selection", description: "From performance to all-season, discover the perfect tires for your vehicle and driving needs."},
|
||||
{
|
||||
icon: Tool,
|
||||
title: "Expert Installation",
|
||||
description: "Our certified technicians ensure precise and safe installation, balancing, and alignment services.",
|
||||
},
|
||||
icon: Wrench,
|
||||
title: "Expert Installation", description: "Our certified technicians ensure precise and safe installation, balancing, and alignment services."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Reliable Car Parts",
|
||||
description: "Browse a curated collection of high-quality brake pads, filters, batteries, and more.",
|
||||
},
|
||||
title: "Reliable Car Parts", description: "Browse a curated collection of high-quality brake pads, filters, batteries, and more."},
|
||||
{
|
||||
icon: CalendarCheck,
|
||||
title: "Scheduled Maintenance",
|
||||
description: "Keep your vehicle in top condition with our routine maintenance and inspection services.",
|
||||
},
|
||||
title: "Scheduled Maintenance", description: "Keep your vehicle in top condition with our routine maintenance and inspection services."},
|
||||
]}
|
||||
title="Your Trusted Partner for Every Journey"
|
||||
description="We offer a comprehensive range of services and products designed to enhance your driving experience and ensure safety on the road."
|
||||
@@ -178,47 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "High-Performance Summer Tire",
|
||||
price: "$189.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-auto-repairman-measuring-depth-car-tire-auto-repair-shop_637285-7562.jpg",
|
||||
imageAlt: "High-Performance Summer Tire",
|
||||
},
|
||||
id: "product-1", name: "High-Performance Summer Tire", price: "$189.99", imageSrc: "http://img.b2bpic.net/free-photo/closeup-auto-repairman-measuring-depth-car-tire-auto-repair-shop_637285-7562.jpg", imageAlt: "High-Performance Summer Tire"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "All-Terrain SUV Tire",
|
||||
price: "$249.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-headlight-new-tractor_627829-12180.jpg",
|
||||
imageAlt: "All-Terrain SUV Tire",
|
||||
},
|
||||
id: "product-2", name: "All-Terrain SUV Tire", price: "$249.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-headlight-new-tractor_627829-12180.jpg", imageAlt: "All-Terrain SUV Tire"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Premium Winter Tire",
|
||||
price: "$219.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-wheel_23-2148875781.jpg",
|
||||
imageAlt: "Premium Winter Tire",
|
||||
},
|
||||
id: "product-3", name: "Premium Winter Tire", price: "$219.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-wheel_23-2148875781.jpg", imageAlt: "Premium Winter Tire"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Eco-Friendly Low Resistance Tire",
|
||||
price: "$159.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148896031.jpg",
|
||||
imageAlt: "Eco-Friendly Low Resistance Tire",
|
||||
},
|
||||
id: "product-4", name: "Eco-Friendly Low Resistance Tire", price: "$159.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148896031.jpg", imageAlt: "Eco-Friendly Low Resistance Tire"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Heavy Duty Commercial Truck Tire",
|
||||
price: "$319.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-girl-checkered-shirt-tire-fitting-zone_627829-9501.jpg",
|
||||
imageAlt: "Heavy Duty Commercial Truck Tire",
|
||||
},
|
||||
id: "product-5", name: "Heavy Duty Commercial Truck Tire", price: "$319.99", imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-girl-checkered-shirt-tire-fitting-zone_627829-9501.jpg", imageAlt: "Heavy Duty Commercial Truck Tire"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "Classic Car Whitewall Tire",
|
||||
price: "$179.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4284.jpg",
|
||||
imageAlt: "Classic Car Whitewall Tire",
|
||||
},
|
||||
id: "product-6", name: "Classic Car Whitewall Tire", price: "$179.99", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4284.jpg", imageAlt: "Classic Car Whitewall Tire"},
|
||||
]}
|
||||
title="Our Latest Tire & Part Inventory"
|
||||
description="Explore our extensive catalog featuring top brands and exceptional products for all vehicle types. Find exactly what you need with ease."
|
||||
@@ -233,26 +158,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
icon: Star,
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Our top priority is ensuring every customer is delighted with their purchase and service.",
|
||||
},
|
||||
id: "metric-1", icon: Star,
|
||||
value: "99%", title: "Customer Satisfaction", description: "Our top priority is ensuring every customer is delighted with their purchase and service."},
|
||||
{
|
||||
id: "metric-2",
|
||||
icon: Gauge,
|
||||
value: "1M+",
|
||||
title: "Miles Driven Safely",
|
||||
description: "Millions of miles covered on tires and parts supplied by us, with safety and reliability.",
|
||||
},
|
||||
id: "metric-2", icon: Gauge,
|
||||
value: "1M+", title: "Miles Driven Safely", description: "Millions of miles covered on tires and parts supplied by us, with safety and reliability."},
|
||||
{
|
||||
id: "metric-3",
|
||||
icon: Truck,
|
||||
value: "24/7",
|
||||
title: "Support & Service",
|
||||
description: "Dedicated round-the-clock support for all your automotive needs and queries.",
|
||||
},
|
||||
id: "metric-3", icon: Truck,
|
||||
value: "24/7", title: "Support & Service", description: "Dedicated round-the-clock support for all your automotive needs and queries."},
|
||||
]}
|
||||
title="Driving Success, One Part at a Time"
|
||||
description="Our dedication to quality and service is reflected in our achievements and the trust our customers place in us."
|
||||
@@ -264,15 +177,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Goodyear",
|
||||
"Michelin",
|
||||
"Pirelli",
|
||||
"Continental",
|
||||
"Bridgestone",
|
||||
"Dunlop",
|
||||
"Hankook",
|
||||
"BFGoodrich",
|
||||
]}
|
||||
"Goodyear", "Michelin", "Pirelli", "Continental", "Bridgestone", "Dunlop", "Hankook", "BFGoodrich"]}
|
||||
title="Trusted by Top Automotive Brands"
|
||||
description="We partner with industry-leading manufacturers to bring you the best quality and selection."
|
||||
tag="Our Partners"
|
||||
@@ -287,50 +192,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Sedan Owner",
|
||||
company: "Local Driver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-carrying-tyre_1170-1159.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Sedan Owner", company: "Local Driver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-carrying-tyre_1170-1159.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Truck Enthusiast",
|
||||
company: "Off-Road Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-testing-car-car-showroom_1303-20298.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Truck Enthusiast", company: "Off-Road Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-testing-car-car-showroom_1303-20298.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Family Van Driver",
|
||||
company: "Daily Commuter",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-car-showroom_1303-19008.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Family Van Driver", company: "Daily Commuter", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-car-showroom_1303-19008.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Performance Car Owner",
|
||||
company: "Track Day Racer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Performance Car Owner", company: "Track Day Racer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Olivia Smith",
|
||||
role: "Fleet Manager",
|
||||
company: "Logistics Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25489.jpg",
|
||||
imageAlt: "Olivia Smith",
|
||||
},
|
||||
id: "5", name: "Olivia Smith", role: "Fleet Manager", company: "Logistics Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25489.jpg", imageAlt: "Olivia Smith"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear directly from satisfied drivers who trust us with their vehicle's needs."
|
||||
@@ -342,25 +217,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "How do I know which tire is right for my car?",
|
||||
content: "Our experts can guide you through the selection process based on your vehicle type, driving habits, and local climate. You can also use our online tire finder.",
|
||||
},
|
||||
id: "faq-1", title: "How do I know which tire is right for my car?", content: "Our experts can guide you through the selection process based on your vehicle type, driving habits, and local climate. You can also use our online tire finder."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you offer tire installation and balancing services?",
|
||||
content: "Yes, we provide professional tire installation, balancing, and rotation services by certified technicians at our service center.",
|
||||
},
|
||||
id: "faq-2", title: "Do you offer tire installation and balancing services?", content: "Yes, we provide professional tire installation, balancing, and rotation services by certified technicians at our service center."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What is your warranty policy on car parts and tires?",
|
||||
content: "Most of our products come with a manufacturer's warranty. Specific details vary by product and will be provided at the time of purchase.",
|
||||
},
|
||||
id: "faq-3", title: "What is your warranty policy on car parts and tires?", content: "Most of our products come with a manufacturer's warranty. Specific details vary by product and will be provided at the time of purchase."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Can I order parts online for pick-up or delivery?",
|
||||
content: "Absolutely! You can order most parts and tires through our website for convenient in-store pickup or delivery to your location.",
|
||||
},
|
||||
id: "faq-4", title: "Can I order parts online for pick-up or delivery?", content: "Absolutely! You can order most parts and tires through our website for convenient in-store pickup or delivery to your location."},
|
||||
]}
|
||||
sideTitle="Common Questions About Car Parts & Tires"
|
||||
sideDescription="Find quick answers to your most pressing questions regarding our products, services, and policies."
|
||||
@@ -373,20 +236,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Need Help? Contact Our Automotive Experts"
|
||||
description="Whether you have a question about a specific part, need a quote for new tires, or want to schedule a service, our team is ready to assist you. Reach out today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+18001234567",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+18001234567"},
|
||||
{
|
||||
text: "Send an Email",
|
||||
href: "mailto:info@autopartspro.com",
|
||||
},
|
||||
text: "Send an Email", href: "mailto:info@autopartspro.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -397,53 +255,33 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Our Services", href: "#features"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All Tires",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All Tires", href: "#products"},
|
||||
{
|
||||
label: "Car Parts",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Car Parts", href: "#products"},
|
||||
{
|
||||
label: "Special Offers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Special Offers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Support", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user