Update src/app/services/page.tsx

This commit is contained in:
2026-04-04 16:39:36 +00:00
parent ee11451b08
commit da15b1cefa

View File

@@ -8,7 +8,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { CheckCircle } from "lucide-react";
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -26,28 +26,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="ASLC Detailing"
button={{
text: "Book Now",
href: "/contact",
}}
button={{ text: "Book Now", href: "/contact" }}
/>
</div>
@@ -57,66 +42,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Full Valet",
description: "Standard high-quality maintenance clean.",
icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg?_wi=5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg?_wi=6",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=3",
imageAlt: "ceramic coating car paint shiny",
},
{
title: "Interior Detail",
description: "Professional deep clean for seats, mats, and upholstery.",
icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg?_wi=5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg?_wi=6",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
imageAlt: "satisfied car owner professional service",
},
{
title: "Exterior Detail",
description: "Paint correction and exterior protection.",
icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=5",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32008.jpg",
imageAlt: "woman satisfied with auto service",
},
{
title: "Ceramic Coating",
description: "Premium protection against elements and scratches.",
icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=6",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=7",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/this-job-needs-from-me-staying-contact-24-7_329181-2796.jpg",
imageAlt: "satisfied business professional car",
},
{ title: "Full Valet", description: "Standard high-quality maintenance clean.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg" }] },
{ title: "Interior Detail", description: "Professional deep clean for seats, mats, and upholstery.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg" }] },
{ title: "Exterior Detail", description: "Paint correction and exterior protection.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg" }] },
{ title: "Ceramic Coating", description: "Premium protection against elements and scratches.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg" }] }
]}
title="Comprehensive Service Packages"
description="Choose the level of care your vehicle deserves."
@@ -131,66 +60,19 @@ export default function LandingPage() {
title="Service Impact"
description="Proven results for every vehicle type."
metrics={[
{
id: "m1",
value: "50+",
title: "Ceramic Coatings",
description: "Applied this year.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=8",
},
{
id: "m2",
value: "200+",
title: "Interior Deep Cleans",
description: "Completed this year.",
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg?_wi=7",
},
{ id: "m1", value: "50+", title: "Ceramic Coatings", description: "Applied this year.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg" },
{ id: "m2", value: "200+", title: "Interior Deep Cleans", description: "Completed this year.", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "/",
},
{
label: "Services",
href: "/services",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
logoText="ASLC Detailing"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}