Merge version_1 into main #4
@@ -23,98 +23,88 @@ export default function ServicesPage() {
|
||||
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" },
|
||||
]}
|
||||
brandName="AutoClinic"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Process", id: "/process" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="AutoClinic"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features-services" data-section="features-services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881769.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
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" },
|
||||
]
|
||||
},
|
||||
{
|
||||
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" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Professional Standards"
|
||||
description="Our expertise ranges from simple maintenance to complete engine overhauls using state-of-the-art diagnostic tools."
|
||||
/>
|
||||
</div>
|
||||
<div id="features-services" data-section="features-services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881769.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
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" },
|
||||
]
|
||||
},
|
||||
{
|
||||
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" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Professional Standards"
|
||||
description="Our expertise ranges from simple maintenance to complete engine overhauls using state-of-the-art diagnostic tools."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Additional Services"
|
||||
description="Comprehensive care for every vehicle type."
|
||||
features={[
|
||||
{
|
||||
title: "Brake Systems",
|
||||
description: "Full hydraulic inspection"
|
||||
},
|
||||
{
|
||||
title: "Electrical Systems",
|
||||
description: "Wiring and sensor testing"
|
||||
},
|
||||
{
|
||||
title: "Fluid Analysis",
|
||||
description: "Contaminant testing"
|
||||
},
|
||||
{
|
||||
title: "Suspension",
|
||||
description: "Alignment and shock check"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Additional Services"
|
||||
description="Comprehensive care for every vehicle type."
|
||||
features={[
|
||||
{
|
||||
title: "Brake Systems", description: "Full hydraulic inspection", buttonIcon: ArrowRight
|
||||
},
|
||||
{
|
||||
title: "Electrical Systems", description: "Wiring and sensor testing", buttonIcon: ArrowRight
|
||||
},
|
||||
{
|
||||
title: "Fluid Analysis", description: "Contaminant testing", buttonIcon: ArrowRight
|
||||
},
|
||||
{
|
||||
title: "Suspension", description: "Alignment and shock check", buttonIcon: ArrowRight
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Process", href: "/process" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AutoClinic"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer-main" data-section="footer-main">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Process", href: "/process" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AutoClinic"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user