Update src/app/page.tsx
This commit is contained in:
152
src/app/page.tsx
152
src/app/page.tsx
@@ -32,12 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Apex Tires"
|
||||
/>
|
||||
@@ -48,23 +45,16 @@ export default function LandingPage() {
|
||||
title="Drive Smarter with Apex Tires"
|
||||
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: "Book Appointment", href: "#contact"},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
]}
|
||||
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/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-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/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/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/hard-drive-with-blue-light-high-angle_23-2149413378.jpg", alt: "Hard drive with blue light high angle" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ drivers"
|
||||
/>
|
||||
@@ -75,7 +65,8 @@ 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>
|
||||
|
||||
@@ -86,24 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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"},
|
||||
{
|
||||
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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Our Tire Catalog"
|
||||
description="Find the perfect fit for your vehicle from our comprehensive selection."
|
||||
@@ -116,33 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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/top-view-hard-disk-with-white-light_23-2149413361.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg"},
|
||||
],
|
||||
},
|
||||
{ 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/top-view-hard-disk-with-white-light_23-2149413361.jpg" }] },
|
||||
{ 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/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg" }] },
|
||||
{ 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/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg" }] },
|
||||
]}
|
||||
title="Precision Service Technology"
|
||||
description="We utilize the latest industry technology to ensure every tire change is perfectly executed for your peace of mind."
|
||||
@@ -156,15 +111,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
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: "m3", value: "5k+", title: "Happy Clients", description: "Trust us with their vehicle", 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: "m3", value: "5k+", title: "Happy Clients", description: "Trust us with their vehicle", icon: Award },
|
||||
]}
|
||||
title="Quality by the Numbers"
|
||||
description="Reliable service backed by data and experience."
|
||||
@@ -176,18 +125,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Quality service that keeps our neighbors returning for years."
|
||||
@@ -199,12 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "q3", title: "Do you provide emergency repairs?", content: "Yes, our shop is available for emergency service during business hours."},
|
||||
{ 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: "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"
|
||||
@@ -217,37 +157,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Appointments", href: "#contact"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Appointments", href: "#contact" }, { label: "Contact", href: "#" }] },
|
||||
]}
|
||||
logoText="Apex Tires"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user