bender/c6eb8f20-98f5-4f97-8234-941392ac177a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 00:33:32 +00:00
parent 69838f15ad
commit 62d0a08083
1 changed files with 38 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

194
src/app/page.tsx
View File

@@ -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."