bender/73f47bfe-4305-421e-83b5-007c7a05521d
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-06-12 04:35:24 +00:00
parent b05965e104
commit a6ca16b81f
1 changed files with 54 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

252
src/app/page.tsx
View File

@@ -30,25 +30,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
{
name: "Book a Service",
id: "#contact",
},
name: "Book a Service", id: "#contact"},
]}
brandName="Sonesta Mechanic & Body Repair"
/>
@@ -57,19 +47,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
variant: "plain"}}
title="Your Ride, Restored & Reliable."
description="Expert Mechanic & Body Repair in San Francisco — We Fix It Right the First Time."
buttons={[
{
text: "View Our Services",
href: "#services",
},
text: "View Our Services", href: "#services"},
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169986.jpg"
imageAlt="Modern auto repair shop interior with clean tools and lifts"
@@ -84,140 +69,50 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "body-trim",
name: "Body & Trim",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/auto-center-logo-template_1057-4800.jpg",
imageAlt: "Body & Trim service icon",
},
id: "body-trim", brand: "Sonesta", name: "Body & Trim", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/auto-center-logo-template_1057-4800.jpg", imageAlt: "Body & Trim service icon"},
{
id: "ac-repair",
name: "Air Conditioning",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194117.jpg",
imageAlt: "Air Conditioning service icon",
},
id: "ac-repair", brand: "Sonesta", name: "Air Conditioning", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194117.jpg", imageAlt: "Air Conditioning service icon"},
{
id: "battery-service",
name: "Battery Service",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/charging-station-neon-sign-white-car-with-bolt-lightning_1262-11845.jpg",
imageAlt: "Battery Service icon",
},
id: "battery-service", brand: "Sonesta", name: "Battery Service", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/charging-station-neon-sign-white-car-with-bolt-lightning_1262-11845.jpg", imageAlt: "Battery Service icon"},
{
id: "oil-change",
name: "Oil Change",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/car-infographic_23-2147508968.jpg",
imageAlt: "Oil Change service icon",
},
id: "oil-change", brand: "Sonesta", name: "Oil Change", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/car-infographic_23-2147508968.jpg", imageAlt: "Oil Change service icon"},
{
id: "filter-replacement",
name: "Filter Replacement",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/antigravity-technology-with-elements_23-2148072678.jpg",
imageAlt: "Filter Replacement icon",
},
id: "filter-replacement", brand: "Sonesta", name: "Filter Replacement", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/antigravity-technology-with-elements_23-2148072678.jpg", imageAlt: "Filter Replacement icon"},
{
id: "engine-diagnostic",
name: "Engine Diagnostic",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-photo/car-service-icon-sign-symbol_53876-132171.jpg",
imageAlt: "Engine Diagnostic icon",
},
id: "engine-diagnostic", brand: "Sonesta", name: "Engine Diagnostic", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-photo/car-service-icon-sign-symbol_53876-132171.jpg", imageAlt: "Engine Diagnostic icon"},
{
id: "electrical-repair",
name: "Electrical Repair",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-photo/close-view-electric-car-charging-station_1268-20909.jpg",
imageAlt: "Electrical Repair icon",
},
id: "electrical-repair", brand: "Sonesta", name: "Electrical Repair", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-photo/close-view-electric-car-charging-station_1268-20909.jpg", imageAlt: "Electrical Repair icon"},
{
id: "exhaust-system",
name: "Exhaust System",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/car-service-icons-set-with-repairmen-auto-details-instruments_1284-33904.jpg",
imageAlt: "Exhaust System service icon",
},
id: "exhaust-system", brand: "Sonesta", name: "Exhaust System", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/car-service-icons-set-with-repairmen-auto-details-instruments_1284-33904.jpg", imageAlt: "Exhaust System service icon"},
{
id: "brakes",
name: "Brakes",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/car-service-emblems_1284-4722.jpg",
imageAlt: "Brakes service icon",
},
id: "brakes", brand: "Sonesta", name: "Brakes", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/car-service-emblems_1284-4722.jpg", imageAlt: "Brakes service icon"},
{
id: "steering-suspension",
name: "Steering & Suspension",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170013.jpg",
imageAlt: "Steering & Suspension icon",
},
id: "steering-suspension", brand: "Sonesta", name: "Steering & Suspension", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170013.jpg", imageAlt: "Steering & Suspension icon"},
{
id: "tires",
name: "Tires",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/round-water-wheel-turbine-logo-ideas-inspiration-logo-design-template-vector-illustration-isolated-white-background_384344-750.jpg",
imageAlt: "Tires service icon",
},
id: "tires", brand: "Sonesta", name: "Tires", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/round-water-wheel-turbine-logo-ideas-inspiration-logo-design-template-vector-illustration-isolated-white-background_384344-750.jpg", imageAlt: "Tires service icon"},
{
id: "transmission",
name: "Transmission",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529700.jpg",
imageAlt: "Transmission service icon",
},
id: "transmission", brand: "Sonesta", name: "Transmission", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529700.jpg", imageAlt: "Transmission service icon"},
{
id: "engine-repair",
name: "Engine Repair",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/mechanical-engineering-logo-design_23-2150045642.jpg",
imageAlt: "Engine Repair service icon",
},
id: "engine-repair", brand: "Sonesta", name: "Engine Repair", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/mechanical-engineering-logo-design_23-2150045642.jpg", imageAlt: "Engine Repair service icon"},
{
id: "painting",
name: "Painting",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/paint-gun-logo-design_23-2150029681.jpg",
imageAlt: "Painting service icon",
},
id: "painting", brand: "Sonesta", name: "Painting", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-vector/paint-gun-logo-design_23-2150029681.jpg", imageAlt: "Painting service icon"},
{
id: "welding",
name: "Welding",
price: "Expert",
rating: 5,
reviewCount: "Service",
imageSrc: "http://img.b2bpic.net/free-photo/workman-with-drill-white-background_1368-5715.jpg",
imageAlt: "Welding service icon",
},
id: "welding", brand: "Sonesta", name: "Welding", price: "Expert", rating: 5,
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-photo/workman-with-drill-white-background_1368-5715.jpg", imageAlt: "Welding service icon"},
]}
title="What We Do"
description="Comprehensive mechanical and cosmetic services to keep your vehicle running smoothly and looking its best."
@@ -232,32 +127,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "Certified",
title: "Certified Technicians",
description: "Our team consists of highly skilled and certified mechanics, ensuring expert care for your vehicle.",
icon: Wrench,
id: "1", value: "Certified", title: "Certified Technicians", description: "Our team consists of highly skilled and certified mechanics, ensuring expert care for your vehicle.", icon: Wrench,
},
{
id: "2",
value: "Transparent",
title: "Honest Pricing",
description: "We believe in clear and upfront costs with no hidden fees, providing you with peace of mind.",
icon: Award,
id: "2", value: "Transparent", title: "Honest Pricing", description: "We believe in clear and upfront costs with no hidden fees, providing you with peace of mind.", icon: Award,
},
{
id: "3",
value: "Efficient",
title: "Fast Turnaround",
description: "We prioritize quick and efficient service to get you back on the road safely and sooner.",
icon: Clock,
id: "3", value: "Efficient", title: "Fast Turnaround", description: "We prioritize quick and efficient service to get you back on the road safely and sooner.", icon: Clock,
},
{
id: "4",
value: "Versatile",
title: "All Makes & Models",
description: "Equipped to handle a wide range of vehicles, foreign and domestic, with specialized expertise.",
icon: Car,
id: "4", value: "Versatile", title: "All Makes & Models", description: "Equipped to handle a wide range of vehicles, foreign and domestic, with specialized expertise.", icon: Car,
},
]}
title="Why Choose Sonesta?"
@@ -279,14 +158,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready to Get Your Vehicle Back in Shape?"
buttons={[
{
text: "Schedule Your Appointment Today",
href: "#contact",
},
text: "Schedule Your Appointment Today", href: "#contact"},
]}
/>
</div>
@@ -297,53 +173,33 @@ export default function LandingPage() {
{
items: [
{
label: "Body & Trim",
href: "#services",
},
label: "Body & Trim", href: "#services"},
{
label: "Oil Change",
href: "#services",
},
label: "Oil Change", href: "#services"},
{
label: "Brakes",
href: "#services",
},
label: "Brakes", href: "#services"},
{
label: "Tires",
href: "#services",
},
label: "Tires", href: "#services"},
],
},
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Why Choose Us",
href: "#why-choose-us",
},
label: "Why Choose Us", href: "#why-choose-us"},
{
label: "Book a Service",
href: "#contact",
},
label: "Book a Service", href: "#contact"},
],
},
{
items: [
{
label: "Phone: (555) 123-4567",
href: "tel:5551234567",
},
label: "Phone: (555) 123-4567", href: "tel:5551234567"},
{
label: "Address: 123 Auto Lane, San Francisco",
href: "#",
},
label: "Address: 123 Auto Lane, San Francisco", href: "#"},
{
label: "Hours: Mon-Fri 8am-6pm",
href: "#",
},
label: "Hours: Mon-Fri 8am-6pm", href: "#"},
],
},
]}