Merge version_1 into main #2
248
src/app/page.tsx
248
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apex Tires"
|
||||
/>
|
||||
@@ -55,36 +49,22 @@ export default function LandingPage() {
|
||||
description="Premium selection of high-performance tires for every road condition. Expert installation and precision alignment services to keep you safe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/motion-speed-effect-with-city-night_1112-2017.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/motion-speed-effect-with-city-night_1112-2017.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg",
|
||||
alt: "Top view hard drive with blue light",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg", alt: "Top view hard drive with blue light"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg",
|
||||
alt: "Effect of city lights at night",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg", alt: "Effect of city lights at night"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139121.jpg",
|
||||
alt: "Blurred night lights",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139121.jpg", alt: "Blurred night lights"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-nightlights-city_23-2149049659.jpg",
|
||||
alt: "Blurred nightlights in the city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-nightlights-city_23-2149049659.jpg", alt: "Blurred nightlights in the city"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hard-drive-with-blue-light-high-angle_23-2149413378.jpg",
|
||||
alt: "Hard drive with blue light high angle",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hard-drive-with-blue-light-high-angle_23-2149413378.jpg", alt: "Hard drive with blue light high angle"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ drivers"
|
||||
/>
|
||||
@@ -95,9 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Tire Experts"
|
||||
description={[
|
||||
"For over two decades, Apex Tires has provided top-tier tire solutions for drivers across the city.",
|
||||
"Our commitment to safety, performance, and durability means you always get the best value for your vehicle.",
|
||||
]}
|
||||
"For over two decades, Apex Tires has provided top-tier tire solutions for drivers across the city.", "Our commitment to safety, performance, and durability means you always get the best value for your vehicle."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,59 +87,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Apex",
|
||||
name: "All-Season Premier",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-off-road-tire-tread_23-2151979278.jpg?_wi=1",
|
||||
},
|
||||
id: "1", brand: "Apex", name: "All-Season Premier", price: "$150", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-off-road-tire-tread_23-2151979278.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Apex",
|
||||
name: "Velocity Performance",
|
||||
price: "$220",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-vertical-tire-asphalt_23-2148322026.jpg",
|
||||
},
|
||||
id: "2", brand: "Apex", name: "Velocity Performance", price: "$220", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/single-vertical-tire-asphalt_23-2148322026.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Apex",
|
||||
name: "Arctic Ice Specialist",
|
||||
price: "$190",
|
||||
rating: 4,
|
||||
reviewCount: "62",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-tires-car-service_1303-26890.jpg",
|
||||
},
|
||||
id: "3", brand: "Apex", name: "Arctic Ice Specialist", price: "$190", rating: 4,
|
||||
reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-tires-car-service_1303-26890.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Apex",
|
||||
name: "Highway Cruiser",
|
||||
price: "$130",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jacket-businessman-projection-sophisticated-urban_1134-1188.jpg",
|
||||
},
|
||||
id: "4", brand: "Apex", name: "Highway Cruiser", price: "$130", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/jacket-businessman-projection-sophisticated-urban_1134-1188.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Apex",
|
||||
name: "Terrain Master Off-Road",
|
||||
price: "$280",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg",
|
||||
},
|
||||
id: "5", brand: "Apex", name: "Terrain Master Off-Road", price: "$280", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Apex",
|
||||
name: "Track Pro Low Profile",
|
||||
price: "$310",
|
||||
rating: 5,
|
||||
reviewCount: "34",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hexagon-sphere_1048-2463.jpg",
|
||||
},
|
||||
id: "6", brand: "Apex", name: "Track Pro Low Profile", price: "$310", rating: 5,
|
||||
reviewCount: "34", imageSrc: "http://img.b2bpic.net/free-photo/hexagon-sphere_1048-2463.jpg"},
|
||||
]}
|
||||
title="Our Tire Catalog"
|
||||
description="Find the perfect fit for your vehicle from our comprehensive selection."
|
||||
@@ -175,49 +117,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sensor Analysis",
|
||||
description: "High-accuracy digital monitoring and data logging for every installation.",
|
||||
icon: Shield,
|
||||
title: "Sensor Analysis", description: "High-accuracy digital monitoring and data logging for every installation.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-software-developer-using-computer-monitor-neural-network-ai-llm_482257-130078.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-software-developer-using-computer-monitor-neural-network-ai-llm_482257-130078.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-speed-effect-with-city-night_1112-2017.jpg?_wi=2",
|
||||
imageAlt: "tire pressure sensor digital",
|
||||
},
|
||||
{
|
||||
title: "Expert Mounting",
|
||||
description: "Industry-standard automated mounting equipment for scratch-free service.",
|
||||
icon: Zap,
|
||||
title: "Expert Mounting", description: "Industry-standard automated mounting equipment for scratch-free service.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2885.jpg?_wi=1",
|
||||
imageAlt: "tire pressure sensor digital",
|
||||
},
|
||||
{
|
||||
title: "Laser Alignment",
|
||||
description: "Professional 3D laser alignment services for better tire longevity.",
|
||||
icon: Star,
|
||||
title: "Laser Alignment", description: "Professional 3D laser alignment services for better tire longevity.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-off-road-tire-tread_23-2151979278.jpg?_wi=2",
|
||||
imageAlt: "tire pressure sensor digital",
|
||||
},
|
||||
]}
|
||||
title="Precision Service Technology"
|
||||
@@ -233,25 +157,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20K+",
|
||||
title: "Tires Installed",
|
||||
description: "Successfully installed to date",
|
||||
icon: Award,
|
||||
id: "m1", value: "20K+", title: "Tires Installed", description: "Successfully installed to date", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Serving our local community",
|
||||
icon: Award,
|
||||
id: "m2", value: "15", title: "Years Experience", description: "Serving our local community", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Happy Clients",
|
||||
description: "Trust us with their vehicle",
|
||||
icon: Award,
|
||||
id: "m3", value: "5k+", title: "Happy Clients", description: "Trust us with their vehicle", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Quality by the Numbers"
|
||||
@@ -265,53 +177,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Experience",
|
||||
quote: "The service here is unbeatable, quick, and very thorough.",
|
||||
name: "John D.",
|
||||
role: "Driver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-communicating-with-young-couple-workshop_637285-4259.jpg",
|
||||
},
|
||||
id: "t1", title: "Great Experience", quote: "The service here is unbeatable, quick, and very thorough.", name: "John D.", role: "Driver", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-communicating-with-young-couple-workshop_637285-4259.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Fast Service",
|
||||
quote: "In and out in under an hour. Very professional staff.",
|
||||
name: "Sarah W.",
|
||||
role: "Commuter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/informed-salesperson-answering-questions-car-dealership_482257-113071.jpg",
|
||||
},
|
||||
id: "t2", title: "Fast Service", quote: "In and out in under an hour. Very professional staff.", name: "Sarah W.", role: "Commuter", imageSrc: "http://img.b2bpic.net/free-photo/informed-salesperson-answering-questions-car-dealership_482257-113071.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Expert Advice",
|
||||
quote: "They helped me find the perfect tires for my SUV.",
|
||||
name: "Mark P.",
|
||||
role: "Family Driver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg",
|
||||
},
|
||||
id: "t3", title: "Expert Advice", quote: "They helped me find the perfect tires for my SUV.", name: "Mark P.", role: "Family Driver", imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Trustworthy",
|
||||
quote: "I have been coming here for 5 years, always satisfied.",
|
||||
name: "Emily R.",
|
||||
role: "SUV Driver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg",
|
||||
},
|
||||
id: "t4", title: "Trustworthy", quote: "I have been coming here for 5 years, always satisfied.", name: "Emily R.", role: "SUV Driver", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly Recommended",
|
||||
quote: "Best prices in the city and top-notch installation.",
|
||||
name: "David K.",
|
||||
role: "Truck Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31895.jpg",
|
||||
},
|
||||
id: "t5", title: "Highly Recommended", quote: "Best prices in the city and top-notch installation.", name: "David K.", role: "Truck Owner", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31895.jpg"},
|
||||
{
|
||||
id: "t6",
|
||||
title: "Safety First",
|
||||
quote: "They caught an issue with my alignment, saved my tires.",
|
||||
name: "Jessica L.",
|
||||
role: "Commuter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg",
|
||||
},
|
||||
id: "t6", title: "Safety First", quote: "They caught an issue with my alignment, saved my tires.", name: "Jessica L.", role: "Commuter", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Quality service that keeps our neighbors returning for years."
|
||||
@@ -324,26 +200,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I rotate my tires?",
|
||||
content: "We recommend every 5,000 to 7,000 miles.",
|
||||
},
|
||||
id: "q1", title: "How often should I rotate my tires?", content: "We recommend every 5,000 to 7,000 miles."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we have flexible payment plans available for all our customers.",
|
||||
},
|
||||
id: "q2", title: "Do you offer financing?", content: "Yes, we have flexible payment plans available for all our customers."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide emergency repairs?",
|
||||
content: "Yes, our shop is available for emergency service during business hours.",
|
||||
},
|
||||
id: "q3", title: "Do you provide emergency repairs?", content: "Yes, our shop is available for emergency service during business hours."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our services or tires?"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2885.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2885.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -351,16 +218,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to hit the road?"
|
||||
description="Schedule your service today or visit us in-store for a professional consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -371,25 +235,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Appointments",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Appointments", href: "#contact"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user