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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-15 05:05:59 +00:00
parent 1060dbf424
commit 5d7fcad6bc
1 changed files with 51 additions and 337 deletions
Download Patch File Download Diff File Expand all files Collapse all files

388
src/app/page.tsx
View File

@@ -32,138 +32,46 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Services", id: "#services" },
{ name: "Pricing", id: "#pricing" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" },
]}
brandName="Elite Detailing"
button={{
text: "Book Now",
href: "#contact",
}}
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
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."
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: "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?_wi=1",
imageAlt: "luxury sports car dark studio",
},
{
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",
},
{ 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", 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", 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", 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" },
{ 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", imageAlt: "luxury sports car dark studio" }
]}
buttons={[
{
text: "Book Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=2"
buttons={[{ text: "Book Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg"
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.",
},
{ 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,
},
{ 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>
@@ -172,15 +80,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
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: "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" }
]}
/>
</div>
@@ -192,47 +93,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
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",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1500.jpg",
imageAlt: "Exterior wash detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg?_wi=3",
imageAlt: "car detailing wash process soap",
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", imageAlt: "Exterior wash" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1170-1500.jpg", imageAlt: "Exterior wash detail" }
},
{
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",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg",
imageAlt: "Interior seat cleaning",
},
imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31684.jpg?_wi=2",
imageAlt: "car detailing wash process soap",
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", imageAlt: "Interior detailing" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg", imageAlt: "Interior seat cleaning" }
},
{
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",
},
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg?_wi=1",
imageAlt: "car detailing wash process soap",
},
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", 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"
@@ -246,57 +117,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
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: "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=4",
imageAlt: "Front view fancy car available for selling",
},
{
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",
},
{ 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: "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", imageAlt: "Front view fancy car available for selling" },
{ 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", imageAlt: "Front view fancy car available for selling" }
]}
title="Transparent Pricing Packages"
description="Choose the level of care your vehicle deserves. All packages are designed to provide professional results at your doorstep."
@@ -309,41 +132,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
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: "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?_wi=2",
},
{
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",
},
{
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",
},
{ 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" },
{ 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: "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" },
{ 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" }
]}
title="Voices of Excellence"
description="See what our clients say about their experience with us."
@@ -355,21 +148,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
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: "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.",
},
{ 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: "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"
description="Everything you need to know about our mobile detailing service."
@@ -385,36 +166,9 @@ export default function LandingPage() {
title="The Detailing Hub"
description="Expert tips and insights on maintaining your vehicle's condition."
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: "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",
},
{ 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: "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>
@@ -422,60 +176,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Booking"
title="Ready to Transform Your Vehicle?"
description="Book a premium detailing session with us today and secure your spot in our schedule."
buttons={[
{
text: "Schedule Now",
href: "#contact",
},
]}
buttons={[{ text: "Schedule Now", href: "#contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
items: [
{
label: "Pricing",
href: "#pricing",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
{ items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
logoText="Elite Detailing"
/>