bender/93f03028-954b-4aef-818e-c98280606ea0
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-04-17 15:57:06 +00:00
Conversation 0 Commits 4 Files Changed 4 +98 -232
4 changed files with 98 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/contact/page.tsx
View File

@@ -7,33 +7,28 @@ import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Process",
id: "/process",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Process", id: "/process" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="AutoClinic"
/>
@@ -43,8 +38,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
tag="Get in Touch"
title="Schedule Your Inspection"
description="Book a time for a full mechanical breakdown and expert analysis."
@@ -55,14 +49,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Need direct assistance? Give us a call or visit our studio."
buttons={[
{
text: "Call Now",
href: "tel:5550199",
},
text: "Call Now", href: "tel:5550199"},
]}
/>
</div>
@@ -72,18 +63,9 @@ export default function LandingPage() {
columns={[
{
items: [
{
label: "Services",
href: "/services",
},
{
label: "Process",
href: "/process",
},
{
label: "Contact",
href: "/contact",
},
{ label: "Services", href: "/services" },
{ label: "Process", href: "/process" },
{ label: "Contact", href: "/contact" },
],
},
]}
@@ -93,4 +75,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

91
src/app/page.tsx
View File

@@ -17,27 +17,22 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Process",
id: "/process",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Process", id: "/process" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="AutoClinic"
/>
@@ -49,11 +44,9 @@ export default function LandingPage() {
description="Professional garage services where your car is disassembled, inspected, and rebuilt with exacting standards. Experience mechanics the way it should be."
buttons={[
{
text: "View Our Process",
href: "/process",
},
text: "View Our Process", href: "/process"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1583.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1583.jpg"
/>
</div>
@@ -79,17 +72,9 @@ export default function LandingPage() {
description="Our team combines decades of automotive experience with modern diagnostic technology."
team={[
{
id: "t1",
name: "Sarah Miller",
role: "Lead Mechanic",
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1530.jpg?_wi=1",
},
id: "t1", name: "Sarah Miller", role: "Lead Mechanic", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1530.jpg"},
{
id: "t2",
name: "James Chen",
role: "Diagnostics Expert",
imageSrc: "http://img.b2bpic.net/free-photo/young-car-repairman-talking-with-his-coworker-while-checking-engine-performance-with-diagnostic-tools-auto-repair-shop_637285-4277.jpg",
},
id: "t2", name: "James Chen", role: "Diagnostics Expert", imageSrc: "http://img.b2bpic.net/free-photo/young-car-repairman-talking-with-his-coworker-while-checking-engine-performance-with-diagnostic-tools-auto-repair-shop_637285-4277.jpg"},
]}
/>
</div>
@@ -103,26 +88,12 @@ export default function LandingPage() {
description="Straightforward costs for high-precision diagnostic and repair work."
plans={[
{
id: "p1",
badge: "Standard",
price: "$150",
subtitle: "Basic diagnostic and health check",
features: [
"Sensor scan",
"Fluid check",
"Report",
],
id: "p1", badge: "Standard", price: "$150", subtitle: "Basic diagnostic and health check", features: [
"Sensor scan", "Fluid check", "Report"],
},
{
id: "p2",
badge: "Pro",
price: "$450",
subtitle: "Comprehensive mechanical inspection",
features: [
"Full disassembly",
"Compression test",
"Report",
],
id: "p2", badge: "Pro", price: "$450", subtitle: "Comprehensive mechanical inspection", features: [
"Full disassembly", "Compression test", "Report"],
},
]}
/>
@@ -137,15 +108,9 @@ export default function LandingPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "f1",
title: "Do you disassemble the engine?",
content: "Yes, for our comprehensive inspections, we perform a partial or full disassembly to inspect internal components.",
},
id: "f1", title: "Do you disassemble the engine?", content: "Yes, for our comprehensive inspections, we perform a partial or full disassembly to inspect internal components."},
{
id: "f2",
title: "Is the diagnostic report included?",
content: "Every service includes a detailed digital report with photos of the components inspected.",
},
id: "f2", title: "Is the diagnostic report included?", content: "Every service includes a detailed digital report with photos of the components inspected."},
]}
/>
</div>
@@ -156,17 +121,11 @@ export default function LandingPage() {
{
items: [
{
label: "Services",
href: "/services",
},
label: "Services", href: "/services"},
{
label: "Process",
href: "/process",
},
label: "Process", href: "/process"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
]}
@@ -176,4 +135,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

63
src/app/process/page.tsx
View File

@@ -7,33 +7,28 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LandingPage() {
export default function ProcessPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Process",
id: "/process",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Process", id: "/process" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="AutoClinic"
/>
@@ -46,15 +41,11 @@ export default function LandingPage() {
description="We treat every repair as an engineering project. Our disassembly-first approach ensures no hidden issue goes undetected before rebuild."
metrics={[
{
value: "100%",
title: "Safety Rating",
},
value: "100%", title: "Safety Rating"},
{
value: "24h",
title: "Diagnostics",
},
value: "24h", title: "Diagnostics"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mechanic-garage_23-2151983456.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/mechanic-garage_23-2151983456.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
@@ -67,15 +58,9 @@ export default function LandingPage() {
tag="Efficiency"
metrics={[
{
id: "m1",
value: "45 min",
description: "Quick Scan",
},
id: "m1", value: "45 min", description: "Quick Scan"},
{
id: "m2",
value: "12 steps",
description: "Deep Check",
},
id: "m2", value: "12 steps", description: "Deep Check"},
]}
metricsAnimation="slide-up"
/>
@@ -87,17 +72,11 @@ export default function LandingPage() {
{
items: [
{
label: "Services",
href: "/services",
},
label: "Services", href: "/services"},
{
label: "Process",
href: "/process",
},
label: "Process", href: "/process"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
]}
@@ -107,4 +86,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

120
src/app/services/page.tsx
View File

@@ -6,35 +6,30 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Award, Shield, Zap } from "lucide-react";
import { Award, Shield, Zap, ArrowRight } from "lucide-react";
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Process",
id: "/process",
},
{
name: "Services",
id: "/services",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Process", id: "/process" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="AutoClinic"
/>
@@ -47,49 +42,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Digital Diagnostics",
description: "Precision software checking every sensor.",
icon: Zap,
title: "Digital Diagnostics", description: "Precision software checking every sensor.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/driver-checking-stock-market-his-phone-while-car_53876-98095.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881769.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1583.jpg?_wi=2",
imageAlt: "car diagnostic software ui",
{ imageSrc: "http://img.b2bpic.net/free-photo/driver-checking-stock-market-his-phone-while-car_53876-98095.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881769.jpg" },
]
},
{
title: "Engine Rebuilds",
description: "Full disassembly and cleaning.",
icon: Shield,
title: "Engine Rebuilds", description: "Full disassembly and cleaning.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11875.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tools-tool-tray-repairing-cars_1150-18951.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-garage_23-2151983456.jpg?_wi=2",
imageAlt: "car diagnostic software ui",
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11875.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/tools-tool-tray-repairing-cars_1150-18951.jpg" },
]
},
{
title: "Chassis Inspection",
description: "Structural assessment with laser precision.",
icon: Award,
title: "Chassis Inspection", description: "Structural assessment with laser precision.", icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1530.jpg?_wi=2",
imageAlt: "car diagnostic software ui",
{ imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-98192.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg" },
]
},
]}
title="Professional Standards"
@@ -105,32 +76,16 @@ export default function LandingPage() {
description="Comprehensive care for every vehicle type."
features={[
{
title: "Brake Systems",
description: "Full hydraulic inspection",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-with-wires-workshop_23-2147897983.jpg",
imageAlt: "Mechanic working with wires at workshop",
title: "Brake Systems", description: "Full hydraulic inspection", icon: ArrowRight,
},
{
title: "Electrical Systems",
description: "Wiring and sensor testing",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1583.jpg?_wi=3",
imageAlt: "Mechanic working with wires at workshop",
title: "Electrical Systems", description: "Wiring and sensor testing", icon: ArrowRight,
},
{
title: "Fluid Analysis",
description: "Contaminant testing",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-garage_23-2151983456.jpg?_wi=3",
imageAlt: "Mechanic working with wires at workshop",
title: "Fluid Analysis", description: "Contaminant testing", icon: ArrowRight,
},
{
title: "Suspension",
description: "Alignment and shock check",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/driver-checking-stock-market-his-phone-while-car_53876-98095.jpg?_wi=2",
imageAlt: "Mechanic working with wires at workshop",
title: "Suspension", description: "Alignment and shock check", icon: ArrowRight,
},
]}
/>
@@ -141,18 +96,9 @@ export default function LandingPage() {
columns={[
{
items: [
{
label: "Services",
href: "/services",
},
{
label: "Process",
href: "/process",
},
{
label: "Contact",
href: "/contact",
},
{ label: "Services", href: "/services" },
{ label: "Process", href: "/process" },
{ label: "Contact", href: "/contact" },
],
},
]}
@@ -162,4 +108,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}