Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-04-04 16:39:40 +00:00
3 changed files with 47 additions and 424 deletions

View File

@@ -7,7 +7,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -25,40 +25,24 @@ 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>
<div id="contact-form" data-section="contact-form">
<ContactSplit
tag="Contact"
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Ready to Transform Your Car?"
description="Drop us a message or give us a call to book your detail today."
imageSrc="http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6410.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6410.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -71,62 +55,18 @@ export default function LandingPage() {
title="Contact Tips"
description="How to prepare your vehicle for a professional detail."
blogs={[
{
id: "b1",
category: "Guide",
title: "Prep Your Car",
excerpt: "Easy steps to ensure best results.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg?_wi=7",
authorName: "Archie",
authorAvatar: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
date: "Oct 12",
},
{ id: "b1", category: "Guide", title: "Prep Your Car", excerpt: "Easy steps to ensure best results.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg", authorName: "Archie", authorAvatar: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", date: "Oct 12" }
]}
/>
</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>
);
}
}

View File

@@ -29,96 +29,28 @@ 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>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Professional Car Detailing That Brings Your Vehicle Back to Life"
description="Trusted local valeting service delivering showroom-quality results with meticulous attention to detail."
buttons={[
{
text: "Call Now",
href: "tel:+440000000000",
},
{
text: "Get a Free Quote",
href: "/contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/car-wrapping-with-foil-drying-with-fan-car-service_1303-32345.jpg?_wi=1"
buttons={[{ text: "Call Now", href: "tel:+440000000000" }, { text: "Get a Free Quote", href: "/contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/car-wrapping-with-foil-drying-with-fan-car-service_1303-32345.jpg"
imageAlt="ASLC Detailing showroom quality result"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32008.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/this-job-needs-from-me-staying-contact-24-7_329181-2796.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3038.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg",
alt: "Customer",
},
]}
avatars={[{ src: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", alt: "Customer" }, { src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32008.jpg", alt: "Customer" }, { src: "http://img.b2bpic.net/free-photo/this-job-needs-from-me-staying-contact-24-7_329181-2796.jpg", alt: "Customer" }, { src: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3038.jpg", alt: "Customer" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg", alt: "Customer" }]}
avatarText="Trusted by 500+ car owners"
marqueeItems={[
{
type: "text",
text: "Certified Experts",
},
{
type: "text",
text: "Premium Materials",
},
{
type: "text",
text: "Satisfaction Guaranteed",
},
{
type: "text",
text: "Environmentally Friendly",
},
{
type: "text",
text: "Fast Turnaround",
},
]}
marqueeItems={[{ type: "text", text: "Certified Experts" }, { type: "text", text: "Premium Materials" }, { type: "text", text: "Satisfaction Guaranteed" }, { type: "text", text: "Environmentally Friendly" }, { type: "text", text: "Fast Turnaround" }]}
/>
</div>
@@ -128,51 +60,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Exterior Detailing",
description: "Revitalise your paintwork and protect your investment.",
icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg?_wi=2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-drying-with-fan-car-service_1303-32345.jpg?_wi=2",
imageAlt: "luxury car detailing interior studio",
},
{
title: "Interior Deep Clean",
description: "Complete sanitisation and rejuvenation of your vehicle interior.",
icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg?_wi=2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg?_wi=3",
imageAlt: "car exterior wash detailing foam",
},
{
title: "Ceramic Coating",
description: "Long-term paint protection for a lasting showroom shine.",
icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg?_wi=2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg?_wi=3",
imageAlt: "car interior deep cleaning vacuum",
},
{ title: "Exterior Detailing", description: "Revitalise your paintwork and protect your investment.", icon: Sparkles, 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 Deep Clean", description: "Complete sanitisation and rejuvenation of your vehicle interior.", icon: Sparkles, 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: "Ceramic Coating", description: "Long-term paint protection for a lasting showroom shine.", icon: Sparkles, 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="Our Premium Services"
description="From deep interior cleaning to advanced ceramic coating, we deliver results that last."
@@ -185,28 +75,7 @@ export default function LandingPage() {
testimonial="The attention to detail is second to none. My car looks like it just came out of the showroom. Superb service!"
rating={5}
author="Sarah J."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32008.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/this-job-needs-from-me-staying-contact-24-7_329181-2796.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3038.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg",
alt: "Customer",
},
]}
avatars={[{ src: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", alt: "Customer" }, { src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32008.jpg", alt: "Customer" }, { src: "http://img.b2bpic.net/free-photo/this-job-needs-from-me-staying-contact-24-7_329181-2796.jpg", alt: "Customer" }, { src: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3038.jpg", alt: "Customer" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg", alt: "Customer" }]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
/>
@@ -220,30 +89,9 @@ export default function LandingPage() {
title="Why Choose ASLC"
description="Excellence in every detail."
features={[
{
title: "Advanced Tech",
description: "Latest tools for perfect finish.",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3038.jpg",
imageAlt: "car enthusiast satisfied showroom",
},
{
title: "Fast Results",
description: "Get back on the road in style.",
bentoComponent: "reveal-icon",
icon: Clock,
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6410.jpg?_wi=1",
imageAlt: "luxury car detailing workshop background",
},
{
title: "Expert Team",
description: "Dedicated car enthusiasts.",
bentoComponent: "reveal-icon",
icon: Users,
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-drying-with-fan-car-service_1303-32345.jpg?_wi=3",
imageAlt: "luxury car detailing interior studio",
},
{ title: "Advanced Tech", description: "Latest tools for perfect finish.", bentoComponent: "reveal-icon", icon: ShieldCheck },
{ title: "Fast Results", description: "Get back on the road in style.", bentoComponent: "reveal-icon", icon: Clock },
{ title: "Expert Team", description: "Dedicated car enthusiasts.", bentoComponent: "reveal-icon", icon: Users }
]}
/>
</div>
@@ -256,66 +104,19 @@ export default function LandingPage() {
title="Our Impact"
description="Numbers that reflect our quality."
metrics={[
{
id: "1",
value: "1200+",
title: "Vehicles Detailed",
description: "Happy cars served.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg?_wi=4",
},
{
id: "2",
value: "99%",
title: "Client Satisfaction",
description: "Consistently rated 5 stars.",
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26070.jpg?_wi=4",
},
{ id: "1", value: "1200+", title: "Vehicles Detailed", description: "Happy cars served.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385679.jpg" },
{ id: "2", value: "99%", title: "Client Satisfaction", description: "Consistently rated 5 stars.", 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>
);
}
}

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>
);
}
}