bender/d26735c8-c40a-4979-bea1-38ed34b5d1ca
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

9 Commits
version_1 ... version_4

Author SHA1 Message Date
bender
95c341abdb Update src/app/page.tsx 2026-05-15 05:18:05 +00:00
bender
23b76eab47 Merge version_3 into main 
Merge version_3 into main
 2026-05-15 05:15:23 +00:00
bender
e390074ca4 Update src/app/page.tsx 2026-05-15 05:15:20 +00:00
bender
f98ae962ef Merge version_2 into main 
Merge version_2 into main
 2026-05-15 05:07:28 +00:00
bender
1a973f196c Update src/app/styles/variables.css 2026-05-15 05:07:25 +00:00
bender
a42ff0cf37 Update src/app/page.tsx 2026-05-15 05:07:25 +00:00
bender
b636869402 Merge version_1 into main 
Merge version_1 into main
 2026-05-15 05:06:29 +00:00
bender
cdbbca7218 Merge version_1 into main 
Merge version_1 into main
 2026-05-15 05:06:02 +00:00
bender
8158881b79 Merge version_1 into main 
Merge version_1 into main
 2026-05-15 05:05:33 +00:00
2 changed files with 128 additions and 164 deletions
Expand all files Collapse all files

278
src/app/page.tsx
View File

@@ -12,7 +12,6 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, MapPin, ShieldCheck, Sparkles, Zap } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -29,171 +28,136 @@ export default function LandingPage() {
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ name: "Services", id: "#services" }, { name: "Services", id: "#services" },
{ name: "Pricing", id: "#pricing" }, { name: "Pricing", id: "#pricing" },
{ name: "Reviews", id: "#reviews" }, { name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" }, { name: "Contact", id: "#contact" },
]} ]}
brandName="Elite Detailing" brandName="Easy Done Mobile Detailing Service"
button={{ text: "Book Now", href: "#contact" }} button={{ text: "Book Now", href: "#contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ variant: "gradient-bars" }} background={{ variant: "gradient-bars" }}
title="Unmatched Detailing For The Modern Driver." title="Unmatched Detailing For The Modern Driver."
description="Experience our premium, luxury mobile detailing service. We bring professional care and exquisite results to your driveway, ensuring your vehicle remains in pristine condition." description="Experience our premium, luxury mobile detailing service. We bring professional care and exquisite results to your driveway, ensuring your vehicle remains in pristine condition."
testimonials={[ testimonials={[
{ name: "James R.", handle: "@jamesr", testimonial: "The best detailing service I've ever used. Absolute luxury results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=1", imageAlt: "luxury sports car dark studio" }, { name: "James R.", handle: "@jamesr", testimonial: "The best detailing service I've ever used. Absolute luxury results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=1", imageAlt: "luxury sports car dark studio" },
{ name: "Sarah K.", handle: "@sarahk", testimonial: "My car looks brand new. Amazing professionalism and convenience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=1", imageAlt: "luxury sports car dark studio" }, { name: "Sarah K.", handle: "@sarahk", testimonial: "My car looks brand new. Amazing professionalism and convenience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=1", imageAlt: "luxury sports car dark studio" }
{ name: "Mark D.", handle: "@markd", testimonial: "Detail-oriented, efficient, and super high quality service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg?_wi=1", imageAlt: "luxury sports car dark studio" }, ]}
{ name: "Elena V.", handle: "@elenav", testimonial: "Simply the best mobile detailing in the city. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31684.jpg", imageAlt: "luxury sports car dark studio" }, buttons={[{ text: "Book Now", href: "#contact" }]}
{ name: "Alex B.", handle: "@alexb", testimonial: "Outstanding attention to detail and a very professional team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg?_wi=1", imageAlt: "luxury sports car dark studio" } imageSrc="http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=2"
]} mediaAnimation="blur-reveal"
buttons={[{ text: "Book Now", href: "#contact" }]} />
imageSrc="http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=2" </div>
imageAlt="Luxury vehicle in a studio setting"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-african-man-white-shirt_171337-7992.jpg", alt: "Portrait of a confident young african man in white shirt" },
{ src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Positive shaved head male dressed in a grey suit over dark grey background." },
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-man-with-his-crossed-arms-looking-camera_23-2148130362.jpg", alt: "Portrait of a confident young man with his crossed arms looking at camera" },
{ src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", alt: "Successful man pointing to camera with finger" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg", alt: "Close-up portrait of handsome black man with charming smile." }
]}
marqueeItems={[
{ type: "text-icon", text: "Premium Care", icon: Sparkles },
{ type: "text-icon", text: "Luxury Finish", icon: Zap },
{ type: "text-icon", text: "Mobile Service", icon: MapPin },
{ type: "text-icon", text: "Expert Detailers", icon: Award },
{ type: "text-icon", text: "Safe & Secure", icon: ShieldCheck }
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ type: "text", content: "Our Standard of Excellence" }, { type: "text", content: "Our Standard of Excellence" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg", alt: "About us detailing" } { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg", alt: "About us detailing" }
]} ]}
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services" className="py-20">
<FeatureCardNine <FeatureCardNine
animationType="slide-up" animationType="slide-up"
textboxLayout="inline-image" textboxLayout="inline-image"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Exterior Wash", description: "High-end exterior washing process using premium products.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=2" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1500.jpg" } },
title: "Exterior Wash", description: "High-end exterior washing process using premium products and microfiber care.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=2", imageAlt: "Exterior wash" }, { title: "Interior Deep Clean", description: "Professional deep cleaning of leather and upholstery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg?_wi=2" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg" } }
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1500.jpg", imageAlt: "Exterior wash detail" } ]}
}, showStepNumbers={true}
{ title="Easy Done Mobile Detailing Service"
title: "Interior Deep Clean", description: "Professional deep cleaning of leather and upholstery, tailored for luxury comfort.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg?_wi=2", imageAlt: "Interior detailing" }, description="We specialize in premium car care, focusing on every detail to ensure your car looks extraordinary."
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg", imageAlt: "Interior seat cleaning" } />
}, </div>
{
title: "Wheel & Rim Detail", description: "Advanced rim cleaning and protection for a lasting, showroom-like finish.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg?_wi=2", imageAlt: "Wheel detailing" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-wheels-angle-car_23-2148332896.jpg", imageAlt: "Polished rims" }
}
]}
showStepNumbers={true}
title="Elite Detailing Services"
description="We specialize in premium car care, focusing on every single detail to ensure your car looks and feels extraordinary."
/>
</div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing" className="py-20">
<PricingCardNine <PricingCardNine
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ id: "p1", title: "Essentials", price: "$150", period: "/session", features: ["Full exterior wash", "Window cleaning", "Tire shine"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/front-view-fancy-car-available-selling_23-2148332887.jpg", imageAlt: "Front view fancy car available for selling" }, { id: "p1", title: "Essentials", price: "$350", period: "/session", features: ["Full exterior wash", "Window cleaning"], button: { text: "Book Now", href: "#contact" } },
{ id: "p2", title: "Professional", price: "$275", period: "/session", features: ["Everything in Essentials", "Full interior detail", "Leather conditioning"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=3", imageAlt: "Front view fancy car available for selling" }, { id: "p2", title: "Luxury", price: "$450", period: "/session", features: ["Everything in Essentials", "Ceramic coating"], button: { text: "Book Now", href: "#contact" } }
{ id: "p3", title: "Elite Luxury", price: "$450", period: "/session", features: ["Everything in Professional", "Ceramic coating", "Engine detailing"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg?_wi=3", imageAlt: "Front view fancy car available for selling" } ]}
]} title="Transparent Pricing Packages"
title="Transparent Pricing Packages" description="Choose the level of care your vehicle deserves."
description="Choose the level of care your vehicle deserves. All packages are designed to provide professional results at your doorstep." />
/> </div>
</div>
<div id="reviews" data-section="reviews"> <div id="reviews" data-section="reviews" className="py-20">
<TestimonialCardSix <TestimonialCardSix
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Incredible service. My car is like new again.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg?_wi=3" }, { id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Incredible service. My car is like new again.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg?_wi=3" },
{ id: "t2", name: "Mark L.", handle: "@markl", testimonial: "Very professional and detailed, highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg" }, { id: "t2", name: "Mark L.", handle: "@markl", testimonial: "Very professional and detailed.", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg" }
{ id: "t3", name: "Alex R.", handle: "@alexr", testimonial: "Excellent convenience, worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg" }, ]}
{ id: "t4", name: "Jenny D.", handle: "@jennyd", testimonial: "Exceptional service for my vehicle.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg" }, title="Voices of Excellence"
{ id: "t5", name: "Dave K.", handle: "@davek", testimonial: "Will use them again. Very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-blue-shirt-standing-against-grey-wall_23-2148130268.jpg" } description="See what our clients say about us."
]} />
title="Voices of Excellence" </div>
description="See what our clients say about their experience with us."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqBase <FaqBase
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ id: "f1", title: "Do I need to be home?", content: "We offer mobile service, so we can work while you're busy or at work." }, { id: "f1", title: "Do I need to be home?", content: "We offer mobile service, so we can work while you're busy or at work." },
{ id: "f2", title: "What products do you use?", content: "We use eco-friendly and high-end automotive detailing products for safety." }, { id: "f2", title: "What products do you use?", content: "We use eco-friendly and high-end automotive detailing products for safety." }
{ id: "f3", title: "How long does a detail take?", content: "Standard sessions typically take 2-4 hours, depending on the chosen package." } ]}
]} title="Frequently Asked Questions"
title="Frequently Asked Questions" description="Everything you need to know."
description="Everything you need to know about our mobile detailing service." faqsAnimation="slide-up"
faqsAnimation="slide-up" />
/> </div>
</div>
<div id="blog" data-section="blog"> <div id="blog" data-section="blog">
<BlogCardThree <BlogCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
title="The Detailing Hub" title="The Detailing Hub"
description="Expert tips and insights on maintaining your vehicle's condition." description="Expert tips on maintaining your vehicle."
blogs={[ blogs={[
{ id: "b1", category: "Maintenance", title: "Why Ceramic Coating Matters", excerpt: "Keep your paint protected for longer.", imageSrc: "http://img.b2bpic.net/free-photo/splashing-bubbling-water_23-2147798198.jpg", authorName: "Team Elite", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", date: "Oct 12, 2023" }, { id: "b1", category: "Maintenance", title: "Why Ceramic Coating Matters", excerpt: "Keep your paint protected.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-applying-ceramic-coating-car_23-2149591234.jpg?_wi=1", authorName: "Easy Done Team", authorAvatar: "", date: "Oct 12, 2023" }
{ id: "b2", category: "Tips", title: "5 Tips for Interior Protection", excerpt: "Extend the life of your interior.", imageSrc: "http://img.b2bpic.net/free-photo/female-taxi-driver-paying-attention-road_23-2149236667.jpg", authorName: "Team Elite", authorAvatar: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg", date: "Oct 05, 2023" }, ]}
{ id: "b3", category: "Guides", title: "Choosing the Best Car Wash", excerpt: "Safe car wash techniques explained.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193569.jpg", authorName: "Team Elite", authorAvatar: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", date: "Sep 28, 2023" } />
]} </div>
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact" className="py-20">
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
tag="Booking" tag="Booking"
title="Ready to Transform Your Vehicle?" title="Ready to Transform Your Vehicle?"
description="Book a premium detailing session with us today and secure your spot in our schedule." description="Book a premium detailing session today."
buttons={[{ text: "Schedule Now", href: "#contact" }]} buttons={[{ text: "Schedule Now", href: "#contact" }]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ logoText="Easy Done Mobile Detailing Service"
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] }, columns={[
{ items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] }, { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] } { items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
]} { items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "TikTok", href: "#" }] }
logoText="Elite Detailing" ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #0a0a0a; --background: #00050a;
--card: #1a1a1a; --card: #0a1520;
--foreground: #ffffffe6; --foreground: #f0f4f8;
--primary-cta: #e6e6e6; --primary-cta: #1f7cff;
--primary-cta-text: #0a0a0a; --primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a; --secondary-cta: #e34400;
--secondary-cta-text: #ffffffe6; --secondary-cta-text: #ffffffe6;
--accent: #737373; --accent: #c0c0c0;
--background-accent: #737373; --background-accent: #001a33;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);