bender/1e8ac250-4120-4dbc-b851-b69cb10989be
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-20 21:32:37 +00:00
Conversation 0 Commits 1 Files Changed 1 +56 -248
1 changed files with 56 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

304
src/app/page.tsx
View File

@@ -32,99 +32,47 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Precision Motors"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Precision Engine Repair & Maintenance"
description="Expert diagnostic and engine repair services for all makes and models. Get your vehicle back on the road with confidence."
buttons={[
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
{
text: "View Services",
href: "#features",
},
text: "View Services", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/photo-automobile-production-line-modern-car-assembly-plant-modern-hightech-automotive-industry_645730-760.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/photo-automobile-production-line-modern-car-assembly-plant-modern-hightech-automotive-industry_645730-760.jpg"
imageAlt="Engine repair specialist"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg",
alt: "Mechanic 1",
},
{
src: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137315.jpg",
alt: "Mechanic 2",
},
{
src: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg",
alt: "Mechanic 3",
},
{
src: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1611.jpg",
alt: "Mechanic 4",
},
{
src: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1147.jpg",
alt: "Mechanic 5",
},
{ src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881624.jpg", alt: "Mechanic 1" },
{ src: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137315.jpg", alt: "Mechanic 2" },
{ src: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg", alt: "Mechanic 3" },
{ src: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1611.jpg", alt: "Mechanic 4" },
{ src: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1147.jpg", alt: "Mechanic 5" },
]}
avatarText="Trusted by 500+ Local Drivers"
marqueeItems={[
{
type: "text",
text: "Engine Rebuilds",
},
{
type: "text",
text: "Diagnostic Testing",
},
{
type: "text",
text: "Fuel Systems",
},
{
type: "text",
text: "Transmission Repair",
},
{
type: "text",
text: "Performance Tuning",
},
{ type: "text", text: "Engine Rebuilds" },
{ type: "text", text: "Diagnostic Testing" },
{ type: "text", text: "Fuel Systems" },
{ type: "text", text: "Transmission Repair" },
{ type: "text", text: "Performance Tuning" },
]}
/>
</div>
@@ -136,20 +84,11 @@ export default function LandingPage() {
title="Built on Trust & Performance"
description="We specialize in complex engine rebuilds and routine maintenance. With over 20 years of experience, our certified technicians ensure every engine performs at its best."
bulletPoints={[
{
title: "Certified Technicians",
description: "Expert ASE certified mechanics.",
},
{
title: "Advanced Diagnostics",
description: "Latest computer diagnostic tools.",
},
{
title: "Quality Guaranteed",
description: "All repairs covered by warranty.",
},
{ title: "Certified Technicians", description: "Expert ASE certified mechanics." },
{ title: "Advanced Diagnostics", description: "Latest computer diagnostic tools." },
{ title: "Quality Guaranteed", description: "All repairs covered by warranty." },
]}
imageSrc="http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1181.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1181.jpg"
imageAlt="Expert engine mechanic"
mediaAnimation="blur-reveal"
/>
@@ -162,28 +101,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Engine Diagnostics",
description: "Pinpoint the source of check engine lights.",
bentoComponent: "reveal-icon",
icon: Search,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet_1170-1567.jpg",
imageAlt: "Mechanic using digital tablet",
title: "Engine Diagnostics", description: "Pinpoint the source of check engine lights.", bentoComponent: "reveal-icon", icon: Search
},
{
title: "Major Overhauls",
description: "Full engine rebuilds for high mileage.",
bentoComponent: "reveal-icon",
icon: Wrench,
imageSrc: "http://img.b2bpic.net/free-photo/photo-automobile-production-line-modern-car-assembly-plant-modern-hightech-automotive-industry_645730-760.jpg?_wi=2",
imageAlt: "Mechanic using digital tablet",
title: "Major Overhauls", description: "Full engine rebuilds for high mileage.", bentoComponent: "reveal-icon", icon: Wrench
},
{
title: "Fuel Systems",
description: "Clean and maintain fuel delivery.",
bentoComponent: "reveal-icon",
icon: Droplet,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1181.jpg?_wi=2",
imageAlt: "Mechanic using digital tablet",
title: "Fuel Systems", description: "Clean and maintain fuel delivery.", bentoComponent: "reveal-icon", icon: Droplet
},
]}
title="Comprehensive Repair Services"
@@ -193,56 +117,21 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "$99",
name: "Standard Tune-up",
features: [
"Oil change",
"Filter replacement",
"General checkup",
],
buttons: [
{
text: "Book",
href: "#contact",
},
],
id: "basic", price: "$99", name: "Standard Tune-up", features: ["Oil change", "Filter replacement", "General checkup"],
buttons: [{ text: "Book", href: "#contact" }],
},
{
id: "pro",
price: "$249",
name: "Advanced Service",
features: [
"Standard Tune-up",
"Diagnostic report",
"Cooling system flush",
],
buttons: [
{
text: "Book",
href: "#contact",
},
],
id: "pro", price: "$249", name: "Advanced Service", features: ["Standard Tune-up", "Diagnostic report", "Cooling system flush"],
buttons: [{ text: "Book", href: "#contact" }],
},
{
id: "expert",
price: "$899",
name: "Complete Rebuild",
features: [
"Engine tear down",
"Part restoration",
"Performance tuning",
],
buttons: [
{
text: "Book",
href: "#contact",
},
],
id: "expert", price: "$899", name: "Complete Rebuild", features: ["Engine tear down", "Part restoration", "Performance tuning"],
buttons: [{ text: "Book", href: "#contact" }],
},
]}
title="Transparent Pricing"
@@ -257,27 +146,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "m1",
name: "John Doe",
role: "Lead Mechanic",
description: "20 years in automotive repair.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-working-car-workshop-looking-camera_637285-11545.jpg",
},
{
id: "m2",
name: "Sarah Smith",
role: "Diagnostic Tech",
description: "Electrical systems specialist.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-glasses_329181-19751.jpg",
},
{
id: "m3",
name: "Mike Brown",
role: "Service Manager",
description: "Overseeing quality assurance.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg",
},
{ id: "m1", name: "John Doe", role: "Lead Mechanic", description: "20 years in automotive repair.", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-working-car-workshop-looking-camera_637285-11545.jpg" },
{ id: "m2", name: "Sarah Smith", role: "Diagnostic Tech", description: "Electrical systems specialist.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-glasses_329181-19751.jpg" },
{ id: "m3", name: "Mike Brown", role: "Service Manager", description: "Overseeing quality assurance.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg" },
]}
title="Meet Our Experts"
description="Our team of certified professionals keeps your engine humming."
@@ -286,44 +157,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice Green",
handle: "@alice",
testimonial: "Excellent service, car runs perfectly again.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-delivering-christmas-tree-car_1303-19511.jpg",
},
{
id: "2",
name: "Bob White",
handle: "@bob",
testimonial: "Fast turnaround and fair price.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-man-holding-his-phone_23-2148404331.jpg",
},
{
id: "3",
name: "Charlie Blue",
handle: "@charlie",
testimonial: "The best engine shop in town.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
{
id: "4",
name: "Diana Rose",
handle: "@diana",
testimonial: "Very professional and friendly team.",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-standing-by-car_1157-33899.jpg",
},
{
id: "5",
name: "Eve Gold",
handle: "@eve",
testimonial: "I trust them completely with my vehicle.",
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-holding-car-key-auto-repair-shop-looking-camera_637285-7746.jpg",
},
{ id: "1", name: "Alice Green", handle: "@alice", testimonial: "Excellent service, car runs perfectly again.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-delivering-christmas-tree-car_1303-19511.jpg" },
{ id: "2", name: "Bob White", handle: "@bob", testimonial: "Fast turnaround and fair price.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-man-holding-his-phone_23-2148404331.jpg" },
{ id: "3", name: "Charlie Blue", handle: "@charlie", testimonial: "The best engine shop in town.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
{ id: "4", name: "Diana Rose", handle: "@diana", testimonial: "Very professional and friendly team.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-standing-by-car_1157-33899.jpg" },
{ id: "5", name: "Eve Gold", handle: "@eve", testimonial: "I trust them completely with my vehicle.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-holding-car-key-auto-repair-shop-looking-camera_637285-7746.jpg" },
]}
title="Client Success Stories"
description="Real feedback from drivers who trust us with their engines."
@@ -334,21 +176,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you offer warranties?",
content: "Yes, we provide 12-month warranties on all labor and parts.",
},
{
id: "q2",
title: "How long do major repairs take?",
content: "Standard repairs are usually done within 3-5 business days.",
},
{
id: "q3",
title: "Can you handle electric vehicles?",
content: "We currently focus on internal combustion engines.",
},
{ id: "q1", title: "Do you offer warranties?", content: "Yes, we provide 12-month warranties on all labor and parts." },
{ id: "q2", title: "How long do major repairs take?", content: "Standard repairs are usually done within 3-5 business days." },
{ id: "q3", title: "Can you handle electric vehicles?", content: "We currently focus on internal combustion engines." },
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
@@ -358,9 +188,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Schedule Your Repair"
description="Contact our garage today to book an appointment."
@@ -375,37 +203,17 @@ export default function LandingPage() {
logoText="Precision Motors"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
title: "Navigation", items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" },
{ label: "Services", href: "#features" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
{
label: "Terms",
href: "#",
},
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "FAQ", href: "#faq" },
{ label: "Terms", href: "#" },
],
},
]}
@@ -414,4 +222,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}