bender/ec5c7242-3dfd-43a3-9058-d23d4987030f
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-31 19:49:22 +00:00
parent 0ff9f1f5e6
commit 6238778e7c
1 changed files with 80 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

348
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Car, Crown, Facebook, Feather, Instagram, Mail, ShieldCheck, Sparkles, Star, Tag, Twitter } from "lucide-react";
import { AirVent, Car, Crown, Engine, Facebook, Feather, Gem, Instagram, Mail, ShieldCheck, Sofa, Sparkles, SprayCan, Star, Tag, Twitter } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,43 +34,25 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Packages",
id: "#products",
},
name: "Packages", id: "#products"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Deluxe Detailing"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -78,22 +60,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
logoText="Deluxe Detailing"
description="Experience unparalleled mobile car detailing designed to bring out the true beauty of your vehicle, right at your doorstep. We transform cars into masterpieces."
buttons={[
{
text: "Explore Services",
href: "#features",
},
text: "Explore Services", href: "#features"},
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193566.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193566.jpg"
imageAlt="Luxurious car getting detailed"
mediaAnimation="slide-up"
/>
@@ -108,11 +85,9 @@ export default function LandingPage() {
tagIcon={Sparkles}
buttons={[
{
text: "Our Story",
href: "#",
},
text: "Our Story", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138401.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138401.jpg"
imageAlt="Professional car detailer at work"
/>
</div>
@@ -124,79 +99,52 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Exterior Perfection",
description: "From meticulous hand washes to advanced paint correction and ceramic coatings, we ensure your car's exterior shines brighter than new, protected against the elements.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-foam-diffusing-with-blue_23-2147798003.jpg",
imageAlt: "Car exterior detailing",
},
title: "Exterior Perfection", description: "From meticulous hand washes to advanced paint correction and ceramic coatings, we ensure your car's exterior shines brighter than new, protected against the elements.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-foam-diffusing-with-blue_23-2147798003.jpg", imageAlt: "Car exterior detailing"},
items: [
{
icon: Car,
text: "Hand Wash & Wax",
},
text: "Hand Wash & Wax"},
{
icon: SprayCan,
text: "Paint Correction",
},
text: "Paint Correction"},
{
icon: Sparkles,
text: "Ceramic Coating",
},
text: "Ceramic Coating"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193566.jpg?_wi=2",
imageAlt: "car exterior detailing hand polish",
reverse: false
},
{
title: "Interior Sanctuary",
description: "We transform your vehicle's interior into a pristine, hygienic, and luxurious space. Deep cleaning, leather conditioning, and odor removal redefine your driving experience.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg",
imageAlt: "Car interior detailing",
},
title: "Interior Sanctuary", description: "We transform your vehicle's interior into a pristine, hygienic, and luxurious space. Deep cleaning, leather conditioning, and odor removal redefine your driving experience.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg", imageAlt: "Car interior detailing"},
items: [
{
icon: Sofa,
text: "Deep Interior Clean",
},
text: "Deep Interior Clean"},
{
icon: Feather,
text: "Leather Conditioning",
},
text: "Leather Conditioning"},
{
icon: AirVent,
text: "Odor Elimination",
},
text: "Odor Elimination"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138401.jpg?_wi=2",
imageAlt: "car exterior detailing hand polish",
reverse: true
},
{
title: "Preservation & Protection",
description: "Beyond cleaning, we focus on preserving your vehicle's value. Our protection services safeguard your investment against wear, tear, and environmental damage.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg",
imageAlt: "Car paint correction",
},
title: "Preservation & Protection", description: "Beyond cleaning, we focus on preserving your vehicle's value. Our protection services safeguard your investment against wear, tear, and environmental damage.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194143.jpg", imageAlt: "Car paint correction"},
items: [
{
icon: ShieldCheck,
text: "Paint Protection",
},
text: "Paint Protection"},
{
icon: Gem,
text: "Headlight Restoration",
},
text: "Headlight Restoration"},
{
icon: Engine,
text: "Engine Bay Detailing",
},
text: "Engine Bay Detailing"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150301377.jpg?_wi=1",
imageAlt: "car exterior detailing hand polish",
reverse: false
},
]}
title="Our Signature Detailing Services"
@@ -212,53 +160,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Essential Shine",
price: "$129",
variant: "Exterior & Interior Basic",
imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150301377.jpg?_wi=2",
imageAlt: "Clean silver car",
},
id: "1", name: "Essential Shine", price: "$129", variant: "Exterior & Interior Basic", imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150301377.jpg", imageAlt: "Clean silver car"},
{
id: "2",
name: "Deluxe Glow",
price: "$249",
variant: "Comprehensive Package",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193565.jpg",
imageAlt: "Shiny black car",
},
id: "2", name: "Deluxe Glow", price: "$249", variant: "Comprehensive Package", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193565.jpg", imageAlt: "Shiny black car"},
{
id: "3",
name: "Ultimate Restoration",
price: "$499",
variant: "Full Vehicle Rejuvenation",
imageSrc: "http://img.b2bpic.net/free-photo/lamp-light-classic-chrome-retro_1203-4249.jpg",
imageAlt: "Restored vintage car",
},
id: "3", name: "Ultimate Restoration", price: "$499", variant: "Full Vehicle Rejuvenation", imageSrc: "http://img.b2bpic.net/free-photo/lamp-light-classic-chrome-retro_1203-4249.jpg", imageAlt: "Restored vintage car"},
{
id: "4",
name: "Ceramic Coating",
price: "$799+",
variant: "Long-Term Paint Protection",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-20965.jpg",
imageAlt: "Car with ceramic coating",
},
id: "4", name: "Ceramic Coating", price: "$799+", variant: "Long-Term Paint Protection", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-20965.jpg", imageAlt: "Car with ceramic coating"},
{
id: "5",
name: "Interior Sanitation",
price: "$99",
variant: "Deep Clean & Odor Removal",
imageSrc: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34751.jpg",
imageAlt: "Clean car interior",
},
id: "5", name: "Interior Sanitation", price: "$99", variant: "Deep Clean & Odor Removal", imageSrc: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34751.jpg", imageAlt: "Clean car interior"},
{
id: "6",
name: "Engine Bay Detail",
price: "$79",
variant: "Engine Degreasing & Dressing",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1232-1707.jpg",
imageAlt: "Clean car engine bay",
},
id: "6", name: "Engine Bay Detail", price: "$79", variant: "Engine Degreasing & Dressing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-engine_1232-1707.jpg", imageAlt: "Clean car engine bay"},
]}
title="Our Signature Detailing Packages"
description="Choose from our curated detailing packages, designed to meet every need from a quick refresh to a full luxury restoration."
@@ -272,61 +184,25 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Great Value",
tagIcon: Tag,
price: "$129",
period: "per service",
description: "Perfect for regular maintenance, keeping your car looking fresh.",
button: {
text: "Book Basic",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Exterior Hand Wash & Wax",
"Interior Vacuum & Wipe Down",
"Tire Shine",
"Window Cleaning",
],
id: "basic", tag: "Great Value", tagIcon: Tag,
price: "$129", period: "per service", description: "Perfect for regular maintenance, keeping your car looking fresh.", button: {
text: "Book Basic", href: "#contact"},
featuresTitle: "Includes:", features: [
"Exterior Hand Wash & Wax", "Interior Vacuum & Wipe Down", "Tire Shine", "Window Cleaning"],
},
{
id: "deluxe",
tag: "Most Popular",
tagIcon: Star,
price: "$249",
period: "per service",
description: "Our most popular package for a comprehensive clean and enhanced protection.",
button: {
text: "Book Deluxe",
href: "#contact",
},
featuresTitle: "Includes All Basic, plus:",
features: [
"Deep Interior Vacuum & Shampoo",
"Leather Conditioning",
"Minor Swirl Removal",
"Premium Sealant Application",
],
id: "deluxe", tag: "Most Popular", tagIcon: Star,
price: "$249", period: "per service", description: "Our most popular package for a comprehensive clean and enhanced protection.", button: {
text: "Book Deluxe", href: "#contact"},
featuresTitle: "Includes All Basic, plus:", features: [
"Deep Interior Vacuum & Shampoo", "Leather Conditioning", "Minor Swirl Removal", "Premium Sealant Application"],
},
{
id: "elite",
tag: "Ultimate Luxury",
tagIcon: Crown,
price: "$499",
period: "per service",
description: "The ultimate detailing experience, restoring your vehicle to showroom condition.",
button: {
text: "Book Elite",
href: "#contact",
},
featuresTitle: "Includes All Deluxe, plus:",
features: [
"Full Paint Correction",
"Ceramic Wax Application",
"Engine Bay Detail",
"Headlight Restoration",
],
id: "elite", tag: "Ultimate Luxury", tagIcon: Crown,
price: "$499", period: "per service", description: "The ultimate detailing experience, restoring your vehicle to showroom condition.", button: {
text: "Book Elite", href: "#contact"},
featuresTitle: "Includes All Deluxe, plus:", features: [
"Full Paint Correction", "Ceramic Wax Application", "Engine Bay Detail", "Headlight Restoration"],
},
]}
title="Transparent Pricing, Unmatched Quality"
@@ -341,28 +217,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "5+",
title: "Years of Experience",
items: [
"Trusted Expertise",
],
id: "m1", value: "5+", title: "Years of Experience", items: [
"Trusted Expertise"],
},
{
id: "m2",
value: "1000+",
title: "Cars Detailed",
items: [
"Impeccable Results",
],
id: "m2", value: "1000+", title: "Cars Detailed", items: [
"Impeccable Results"],
},
{
id: "m3",
value: "99%",
title: "Client Satisfaction",
items: [
"Referral Rate",
],
id: "m3", value: "99%", title: "Client Satisfaction", items: [
"Referral Rate"],
},
]}
title="Our Commitment to Excellence"
@@ -378,50 +242,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO",
company: "Tech Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/agent-persuading-hesitant-customer-buy-vehicle_482257-124144.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "CEO", company: "Tech Innovations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/agent-persuading-hesitant-customer-buy-vehicle_482257-124144.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Real Estate Broker",
company: "City Homes Realty",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-sitting-brand-new-car-they-just-bought-holding-keys_342744-719.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Real Estate Broker", company: "City Homes Realty", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-sitting-brand-new-car-they-just-bought-holding-keys_342744-719.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Marketing Director",
company: "Glamour Magazine",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-valet-parking-car_23-2150274552.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "Glamour Magazine", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-valet-parking-car_23-2150274552.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Venture Capitalist",
company: "Apex Investments",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-bearded-businessman-white-shirt-speaking-by-phone-standing-near-his-car-outdoors-streets-city-near-modern-office-center_496169-523.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Venture Capitalist", company: "Apex Investments", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-bearded-businessman-white-shirt-speaking-by-phone-standing-near-his-car-outdoors-streets-city-near-modern-office-center_496169-523.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
role: "Fitness Coach",
company: "Peak Performance",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-couple-taking-child-holiday-by-car-travelling-summer-vacation-seaside-grandparents-niece-leaving-journey-adventure-putting-travel-bags-inflatable-trunk_482257-47792.jpg",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", role: "Fitness Coach", company: "Peak Performance", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-couple-taking-child-holiday-by-car-travelling-summer-vacation-seaside-grandparents-niece-leaving-journey-adventure-putting-travel-bags-inflatable-trunk_482257-47792.jpg", imageAlt: "Jessica Lee"},
]}
title="What Our Valued Clients Say"
description="Our clients consistently praise our meticulous attention to detail and convenient mobile service. Read their experiences and see why Deluxe Detailing is their top choice."
@@ -434,30 +268,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What areas do you serve?",
content: "Deluxe Detailing proudly serves [Your City] and all surrounding areas within a [X]-mile radius. Contact us to confirm service availability in your specific location.",
},
id: "q1", title: "What areas do you serve?", content: "Deluxe Detailing proudly serves [Your City] and all surrounding areas within a [X]-mile radius. Contact us to confirm service availability in your specific location."},
{
id: "q2",
title: "What is mobile car detailing?",
content: "Mobile car detailing is a convenient service where our professional detailers come to your home or office, equipped with all necessary tools and supplies to detail your vehicle on-site. It saves you time and hassle.",
},
id: "q2", title: "What is mobile car detailing?", content: "Mobile car detailing is a convenient service where our professional detailers come to your home or office, equipped with all necessary tools and supplies to detail your vehicle on-site. It saves you time and hassle."},
{
id: "q3",
title: "How long does a detailing service take?",
content: "The duration varies depending on the package selected and your vehicle's condition. A basic detail can take 1-2 hours, while a full restoration or ceramic coating can take 4-8 hours. We provide an estimated timeframe upon booking.",
},
id: "q3", title: "How long does a detailing service take?", content: "The duration varies depending on the package selected and your vehicle's condition. A basic detail can take 1-2 hours, while a full restoration or ceramic coating can take 4-8 hours. We provide an estimated timeframe upon booking."},
{
id: "q4",
title: "Do I need to provide water or electricity?",
content: "No, Deluxe Detailing is fully self-sufficient. We arrive with our own purified water, power generators, and premium detailing products, ensuring a seamless experience at your location.",
},
id: "q4", title: "Do I need to provide water or electricity?", content: "No, Deluxe Detailing is fully self-sufficient. We arrive with our own purified water, power generators, and premium detailing products, ensuring a seamless experience at your location."},
{
id: "q5",
title: "How often should I get my car detailed?",
content: "For optimal protection and appearance, we recommend detailing your car every 3-6 months. This helps maintain its condition, preserves its value, and keeps it looking its best year-round.",
},
id: "q5", title: "How often should I get my car detailed?", content: "For optimal protection and appearance, we recommend detailing your car every 3-6 months. This helps maintain its condition, preserves its value, and keeps it looking its best year-round."},
]}
title="Frequently Asked Questions"
description="Have questions about our mobile car detailing services? Find answers to common inquiries below, or contact us directly for personalized assistance."
@@ -469,8 +288,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Schedule Your Deluxe Detailing Appointment"
description="Ready to experience the ultimate in mobile car care? Fill out the form below or call us to book your service today. We look forward to making your vehicle shine!"
@@ -488,19 +306,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
]}
/>
</div>