Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fe95541ce6 | |||
| b86c45e7ae | |||
| 4812190be7 | |||
| bdcb83660c | |||
| e6206510a2 | |||
| 5927e0d2df | |||
| a170034449 | |||
| 095aa21c5e | |||
| 8e6407be67 | |||
| eb879d5d15 | |||
| bf513c9e46 | |||
| ecb440db4b | |||
| 5410fa8397 | |||
| a817ffeae1 |
248
src/app/page.tsx
248
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Wizard Tires"
|
||||
/>
|
||||
@@ -59,83 +49,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Wizard New & Used Tires"
|
||||
description="Premium tires. Unmatched prices. Fast service. Drive with confidence today."
|
||||
kpis={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Tires Installed",
|
||||
},
|
||||
value: "10k+", label: "Tires Installed"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Customer Rating"},
|
||||
{
|
||||
value: "15min",
|
||||
label: "Fast Service",
|
||||
},
|
||||
value: "15min", label: "Fast Service"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Tires",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Tires", href: "#products"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1000000000",
|
||||
},
|
||||
text: "Book Your Service", href: "tel:+1000000000"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/a-high-quality-ultra-realistic-close-up--1777072939439-ae282de1.png"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/uniform-male-electrician-blue-working_1134-1119.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/uniform-male-electrician-blue-working_1134-1119.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1653.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1653.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-mechanic-dressed-uniform-holds-crowbar-sits-old-car-tires-garage_613910-19539.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-mechanic-dressed-uniform-holds-crowbar-sits-old-car-tires-garage_613910-19539.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-holding-wrench_53876-26221.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-holding-wrench_53876-26221.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Factory Direct Prices",
|
||||
type: "text", text: "Factory Direct Prices"},
|
||||
{
|
||||
type: "text-icon", text: "Certified Technicians", icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Technicians",
|
||||
icon: Wrench,
|
||||
type: "text", text: "State-of-the-Art Alignment"},
|
||||
{
|
||||
type: "text-icon", text: "Rapid Installation", icon: Timer,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "State-of-the-Art Alignment",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Rapid Installation",
|
||||
icon: Timer,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium & Used Options",
|
||||
},
|
||||
type: "text", text: "Premium & Used Options"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,41 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "New Tire Sales",
|
||||
description: "Top-tier brands at factory-direct pricing for all vehicle types.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/professional-mechanic-changing-car-tires-1777072949212-e05bf1df.png",
|
||||
imageAlt: "New Tires",
|
||||
},
|
||||
title: "New Tire Sales", description: "Top-tier brands at factory-direct pricing for all vehicle types.", buttons: [{ text: "Book Now", href: "#contact" }], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/professional-mechanic-changing-car-tires-1777072949212-e05bf1df.png", imageAlt: "New Tires"},
|
||||
{
|
||||
title: "Used Tires",
|
||||
description: "Strictly inspected, high-tread depth used tires for any budget.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/professional-mechanic-changing-car-tires-1777073038916-71a9ed40.png",
|
||||
imageAlt: "Used Tires",
|
||||
},
|
||||
title: "Used Tires", description: "Strictly inspected, high-tread depth used tires for any budget.", buttons: [{ text: "Inquire", href: "#contact" }], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/professional-mechanic-changing-car-tires-1777073038916-71a9ed40.png", imageAlt: "Used Tires"},
|
||||
{
|
||||
title: "Wheel Balancing",
|
||||
description: "Precise balancing to ensure smooth ride and extended tread life.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/wheel-balancing-equipment-displaying-pre-1777072958975-f0ee2818.png",
|
||||
imageAlt: "Mount and Balance",
|
||||
},
|
||||
title: "Wheel Balancing", description: "Precise balancing to ensure smooth ride and extended tread life.", buttons: [{ text: "Book Now", href: "#contact" }], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/wheel-balancing-equipment-displaying-pre-1777072958975-f0ee2818.png", imageAlt: "Mount and Balance"},
|
||||
{
|
||||
title: "Flat Tire Repair",
|
||||
description: "Quick, safe, and reliable repairs to get you back on the road.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/wheel-balancing-equipment-displaying-pre-1777073047560-f3e8ee57.png",
|
||||
imageAlt: "Flat Repair",
|
||||
},
|
||||
title: "Flat Tire Repair", description: "Quick, safe, and reliable repairs to get you back on the road.", buttons: [{ text: "Book Now", href: "#contact" }], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/wheel-balancing-equipment-displaying-pre-1777073047560-f3e8ee57.png", imageAlt: "Flat Repair"},
|
||||
{
|
||||
title: "Wheel Alignment",
|
||||
description: "State-of-the-art laser alignment for perfect road contact.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/car-alignment-diagnostics-screen-with-la-1777072968698-4e0a6dc1.png",
|
||||
imageAlt: "Wheel Alignment",
|
||||
},
|
||||
title: "Wheel Alignment", description: "State-of-the-art laser alignment for perfect road contact.", buttons: [{ text: "Book Now", href: "#contact" }], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/car-alignment-diagnostics-screen-with-la-1777072968698-4e0a6dc1.png", imageAlt: "Wheel Alignment"},
|
||||
{
|
||||
title: "Tire Rotation",
|
||||
description: "Regular maintenance to maximize the lifespan of your investment.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/car-alignment-diagnostics-screen-with-la-1777073057248-cd192d01.png",
|
||||
imageAlt: "Tire Rotation",
|
||||
},
|
||||
title: "Tire Rotation", description: "Regular maintenance to maximize the lifespan of your investment.", buttons: [{ text: "Book Now", href: "#contact" }], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/car-alignment-diagnostics-screen-with-la-1777073057248-cd192d01.png", imageAlt: "Tire Rotation"},
|
||||
]}
|
||||
title="Professional Tire Services"
|
||||
description="From high-performance new tires to reliable, budget-friendly used options, we handle every detail."
|
||||
@@ -195,19 +130,13 @@ export default function LandingPage() {
|
||||
description="We combine local expertise with modern technology. Our team ensures that your vehicle receives premium care at transparent, affordable prices."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Affordable Quality",
|
||||
description: "Premium new sets or budget-friendly used sets that last.",
|
||||
icon: ShieldCheck,
|
||||
title: "Affordable Quality", description: "Premium new sets or budget-friendly used sets that last.", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Fast Turnaround",
|
||||
description: "Get in, get out, and get back on the road in minutes.",
|
||||
icon: Clock,
|
||||
title: "Fast Turnaround", description: "Get in, get out, and get back on the road in minutes.", icon: Clock,
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Certified technicians with years of hands-on automotive experience.",
|
||||
icon: UserCheck,
|
||||
title: "Expert Team", description: "Certified technicians with years of hands-on automotive experience.", icon: UserCheck,
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/a-scenic-view-of-a-modern-tire-shop-at-d-1777073028775-6e429a28.png"
|
||||
@@ -220,30 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/a-satisfied-male-customer-standing-next--1777072977871-f64be40e.png",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/a-satisfied-male-customer-standing-next--1777072977871-f64be40e.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/a-smiling-female-customer-holding-new-ca-1777072987641-19c125e1.png",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/a-smiling-female-customer-holding-new-ca-1777072987641-19c125e1.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/happy-customer-standing-outside-modern-a-1777072997626-218bd85e.png",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/happy-customer-standing-outside-modern-a-1777072997626-218bd85e.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/satisfied-customer-getting-keys-back-fro-1777073006045-0c867ee0.png",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/satisfied-customer-getting-keys-back-fro-1777073006045-0c867ee0.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/young-man-smiling-after-getting-tires-ch-1777073015795-9ad69ecf.png",
|
||||
},
|
||||
id: "5", name: "Jane Smith", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cp9K6SRez6ObVvmfexFIl6DHLu/young-man-smiling-after-getting-tires-ch-1777073015795-9ad69ecf.png"},
|
||||
]}
|
||||
cardTitle="What Our Drivers Say"
|
||||
cardTag="Trusted Reviews"
|
||||
@@ -256,14 +170,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bridgestone",
|
||||
"Michelin",
|
||||
"Goodyear",
|
||||
"Firestone",
|
||||
"Continental",
|
||||
"Pirelli",
|
||||
"BFGoodrich",
|
||||
]}
|
||||
"Bridgestone", "Michelin", "Goodyear", "Firestone", "Continental", "Pirelli", "BFGoodrich"]}
|
||||
title="Brands We Trust"
|
||||
description="We partner with the world's most trusted manufacturers to bring you safety."
|
||||
/>
|
||||
@@ -271,29 +178,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment", href: "#contact"
|
||||
}
|
||||
]}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we have multiple financing options for large purchases.",
|
||||
},
|
||||
id: "1", title: "Do you offer financing?", content: "Yes, we offer flexible financing through Affirm or Synchrony. Call us at (555) 123-4567 or [click here to start your application](#contact) for an instant pre-approval."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does installation take?",
|
||||
content: "Usually 30-45 minutes for a full set.",
|
||||
},
|
||||
id: "2", title: "How long does installation take?", content: "Usually 30-45 minutes for a full set."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Appointments are recommended but we welcome walk-ins.",
|
||||
},
|
||||
id: "3", title: "Do I need an appointment?", content: "Appointments are recommended but we welcome walk-ins. You can [Book Now](#contact) to secure your spot."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What kind of tires do you stock?",
|
||||
content: "We stock major brands and high-quality used tires.",
|
||||
},
|
||||
id: "4", title: "What kind of tires do you stock?", content: "We stock major brands and high-quality used tires."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our tire services and pricing."
|
||||
@@ -305,18 +205,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to get back on the road with confidence? Visit us today or give our friendly team a call."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#map",
|
||||
},
|
||||
text: "Get Directions", href: "#map"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1000000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+1000000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -327,50 +222,31 @@ export default function LandingPage() {
|
||||
logoText="Wizard Tires"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "New Tires",
|
||||
href: "#services",
|
||||
},
|
||||
label: "New Tires", href: "#services"},
|
||||
{
|
||||
label: "Flat Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Flat Repair", href: "#services"},
|
||||
{
|
||||
label: "Alignment",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Alignment", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
label: "About Us", href: "#why-us"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
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