Update src/app/page.tsx
This commit is contained in:
194
src/app/page.tsx
194
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Grand Performance Inc."
|
||||
/>
|
||||
@@ -55,23 +47,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Performance. Automotive Excellence."
|
||||
description="Grand Performance Inc. delivers world-class mechanical expertise for the most demanding vehicle enthusiasts."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-fixing-car_23-2149385729.jpg?_wi=1",
|
||||
imageAlt: "modern mechanic workshop interior professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-fixing-car_23-2149385729.jpg", imageAlt: "modern mechanic workshop interior professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-17054.jpg?_wi=1",
|
||||
imageAlt: "car engine detailing close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-17054.jpg", imageAlt: "car engine detailing close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-car_23-2149385721.jpg?_wi=1",
|
||||
imageAlt: "luxury car chassis restoration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-car_23-2149385721.jpg", imageAlt: "luxury car chassis restoration"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -84,46 +69,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Engine Diagnostics",
|
||||
description: "Cutting-edge diagnostic technology to pinpoint issues before they escalate.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg",
|
||||
imageAlt: "car diagnostic test modern screen",
|
||||
},
|
||||
title: "Engine Diagnostics", description: "Cutting-edge diagnostic technology to pinpoint issues before they escalate.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg", imageAlt: "car diagnostic test modern screen"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-working-garage-repair-service_146671-18349.jpg",
|
||||
imageAlt: "oil change service premium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-fixing-car_23-2149385729.jpg?_wi=2",
|
||||
imageAlt: "car diagnostic test modern screen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-working-garage-repair-service_146671-18349.jpg", imageAlt: "oil change service premium"},
|
||||
},
|
||||
{
|
||||
title: "Routine Maintenance",
|
||||
description: "Professional oil changes, fluid checks, and filter replacements.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg",
|
||||
imageAlt: "oil change service premium",
|
||||
},
|
||||
title: "Routine Maintenance", description: "Professional oil changes, fluid checks, and filter replacements.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg", imageAlt: "oil change service premium"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-touchscreen-device_1170-1680.jpg",
|
||||
imageAlt: "car diagnostic test modern screen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-17054.jpg?_wi=2",
|
||||
imageAlt: "car diagnostic test modern screen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-touchscreen-device_1170-1680.jpg", imageAlt: "car diagnostic test modern screen"},
|
||||
},
|
||||
{
|
||||
title: "Performance Tuning",
|
||||
description: "Custom modifications to extract maximum power and efficiency.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163682.jpg",
|
||||
imageAlt: "car diagnostic test modern screen",
|
||||
},
|
||||
title: "Performance Tuning", description: "Custom modifications to extract maximum power and efficiency.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163682.jpg", imageAlt: "car diagnostic test modern screen"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pouring-oil-lubricant-into-car-engine_1170-1461.jpg",
|
||||
imageAlt: "oil change service premium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-car_23-2149385721.jpg?_wi=2",
|
||||
imageAlt: "car diagnostic test modern screen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pouring-oil-lubricant-into-car-engine_1170-1461.jpg", imageAlt: "oil change service premium"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -140,20 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Excellence"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Vehicles Serviced",
|
||||
},
|
||||
id: "m2", value: "5k+", description: "Vehicles Serviced"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Client Satisfaction"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers speak for our quality of work."
|
||||
@@ -168,23 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Michael Reed",
|
||||
role: "Master Mechanic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275719.jpg",
|
||||
},
|
||||
id: "t1", name: "Michael Reed", role: "Master Mechanic", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275719.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
role: "Engine Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Chen", role: "Engine Specialist", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James Vance",
|
||||
role: "Diagnostic Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-taking-his-hat-while-standing-workshop-looking-camera-his-customers-are-background_637285-7792.jpg",
|
||||
},
|
||||
id: "t3", name: "James Vance", role: "Diagnostic Lead", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-taking-his-hat-while-standing-workshop-looking-camera-his-customers-are-background_637285-7792.jpg"},
|
||||
]}
|
||||
title="Our Master Technicians"
|
||||
description="The skilled hands behind every Grand Performance project."
|
||||
@@ -198,40 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus A.",
|
||||
role: "Sports Car Enthusiast",
|
||||
testimonial: "The best performance tuning in the city. My engine feels brand new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-valet_23-2150320986.jpg",
|
||||
},
|
||||
id: "1", name: "Marcus A.", role: "Sports Car Enthusiast", testimonial: "The best performance tuning in the city. My engine feels brand new.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-valet_23-2150320986.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena P.",
|
||||
role: "Luxury Sedan Owner",
|
||||
testimonial: "Trustworthy, transparent, and incredibly skilled technicians.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
|
||||
},
|
||||
id: "2", name: "Elena P.", role: "Luxury Sedan Owner", testimonial: "Trustworthy, transparent, and incredibly skilled technicians.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
role: "Performance Tuner",
|
||||
testimonial: "Expertise you just don't find anywhere else. Absolutely amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-his-colleague-communicating-while-working-together-workshop_637285-7662.jpg",
|
||||
},
|
||||
id: "3", name: "David W.", role: "Performance Tuner", testimonial: "Expertise you just don't find anywhere else. Absolutely amazing.", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-his-colleague-communicating-while-working-together-workshop_637285-7662.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jane Doe",
|
||||
role: "Routine Service Client",
|
||||
testimonial: "Grand Performance keeps my family car running reliably every single year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
|
||||
},
|
||||
id: "4", name: "Jane Doe", role: "Routine Service Client", testimonial: "Grand Performance keeps my family car running reliably every single year.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert S.",
|
||||
role: "Vehicle Owner",
|
||||
testimonial: "Professional from start to finish. Highly recommend their work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-with-crossed-arms_23-2147956339.jpg",
|
||||
},
|
||||
id: "5", name: "Robert S.", role: "Vehicle Owner", testimonial: "Professional from start to finish. Highly recommend their work.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-with-crossed-arms_23-2147956339.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what our loyal community says about us."
|
||||
@@ -245,39 +160,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$129",
|
||||
subtitle: "For routine health checks",
|
||||
features: [
|
||||
"Full Diagnostic",
|
||||
"Oil & Filter",
|
||||
"Brake Check",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$129", subtitle: "For routine health checks", features: [
|
||||
"Full Diagnostic", "Oil & Filter", "Brake Check"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Performance",
|
||||
price: "$349",
|
||||
subtitle: "For peak power optimization",
|
||||
features: [
|
||||
"Full Diagnostic",
|
||||
"Performance Tuning",
|
||||
"Fluid Swap",
|
||||
"Custom Calibration",
|
||||
],
|
||||
id: "pro", badge: "Performance", price: "$349", subtitle: "For peak power optimization", features: [
|
||||
"Full Diagnostic", "Performance Tuning", "Fluid Swap", "Custom Calibration"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Ultimate",
|
||||
price: "$899",
|
||||
subtitle: "Full service and rebuild",
|
||||
features: [
|
||||
"Engine Rebuild",
|
||||
"Complete Performance Kit",
|
||||
"Yearly Membership",
|
||||
"Track Readiness Check",
|
||||
],
|
||||
id: "elite", badge: "Ultimate", price: "$899", subtitle: "Full service and rebuild", features: [
|
||||
"Engine Rebuild", "Complete Performance Kit", "Yearly Membership", "Track Readiness Check"],
|
||||
},
|
||||
]}
|
||||
title="Service Packages"
|
||||
@@ -291,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I tune my car?",
|
||||
content: "Generally, every 10,000 miles or if you notice significant performance drops.",
|
||||
},
|
||||
id: "f1", title: "How often should I tune my car?", content: "Generally, every 10,000 miles or if you notice significant performance drops."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide warranty?",
|
||||
content: "Yes, we provide 12-month warranties on all mechanical repairs and tuning.",
|
||||
},
|
||||
id: "f2", title: "Do you provide warranty?", content: "Yes, we provide 12-month warranties on all mechanical repairs and tuning."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request custom parts?",
|
||||
content: "Absolutely. We specialize in custom sourcing and installation for performance builds.",
|
||||
},
|
||||
id: "f3", title: "Can I request custom parts?", content: "Absolutely. We specialize in custom sourcing and installation for performance builds."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -319,8 +202,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Inquire"
|
||||
title="Ready for Peak Performance?"
|
||||
description="Contact our master technicians today to schedule your automotive consultation."
|
||||
|
||||
Reference in New Issue
Block a user