Merge version_2 into main #1
330
src/app/page.tsx
330
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "#packages",
|
||||
},
|
||||
name: "Packages", id: "#packages"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-cartoon-car-wash-logo-template_23-2150717372.jpg"
|
||||
logoAlt="ShineMobile Logo"
|
||||
@@ -66,87 +54,54 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Premium Mobile Auto Detailing"
|
||||
description="Bringing showroom shine directly to your doorstep. Experience convenience and quality with our expert detailing services."
|
||||
kpis={[
|
||||
{
|
||||
value: "5+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "5+", label: "Years Experience"},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Cars Detailed",
|
||||
},
|
||||
value: "1000+", label: "Cars Detailed"},
|
||||
{
|
||||
value: "5-Star",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "5-Star", label: "Rating"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg"
|
||||
imageAlt="Luxurious car being detailed"
|
||||
mediaAnimation="entrance-slide"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Your Car, Our Passion"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Detail", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg",
|
||||
alt: "Happy customer Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg", alt: "Happy customer Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095749.jpg",
|
||||
alt: "Happy customer Michael",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095749.jpg", alt: "Happy customer Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-20235.jpg",
|
||||
alt: "Happy customer Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-20235.jpg", alt: "Happy customer Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg",
|
||||
alt: "Happy customer David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg", alt: "Happy customer David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-man-smiling_1149-1117.jpg",
|
||||
alt: "Happy customer Jessica",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/old-man-smiling_1149-1117.jpg", alt: "Happy customer Jessica"},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ happy car owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products Used",
|
||||
type: "text", text: "Premium Products Used"},
|
||||
{
|
||||
type: "text-icon", text: "Eco-Friendly Solutions", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly Solutions",
|
||||
icon: Leaf,
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307287.jpg", alt: "Car detailing product bottle"},
|
||||
{
|
||||
type: "text-icon", text: "Certified Detailers", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307287.jpg",
|
||||
alt: "Car detailing product bottle",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Detailers",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194131.jpg",
|
||||
alt: "Gloved hand polishing a car",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194131.jpg", alt: "Gloved hand polishing a car"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,19 +113,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CalendarDays,
|
||||
label: "Years of Service",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Years of Service", value: "5+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Customers",
|
||||
value: "99%",
|
||||
},
|
||||
label: "Satisfied Customers", value: "99%"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Detailing Sessions",
|
||||
value: "1000+",
|
||||
},
|
||||
label: "Detailing Sessions", value: "1000+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -184,30 +133,18 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Car,
|
||||
title: "Interior Detail",
|
||||
description: "Includes: All trash and debris cleared, Floor mat deep cleaning, Air compressor crevasse clearing, Full interior vacuuming, Full interior steam cleaning, Complete wipe down, polish, and shine.",
|
||||
button: {
|
||||
text: "View Details",
|
||||
href: "#packages",
|
||||
},
|
||||
title: "Interior Detail", description: "Includes: All trash and debris cleared, Floor mat deep cleaning, Air compressor crevasse clearing, Full interior vacuuming, Full interior steam cleaning, Complete wipe down, polish, and shine.", button: {
|
||||
text: "View Details", href: "#packages"},
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Exterior Detail",
|
||||
description: "Includes: Full 4-Step Exterior Wash (Pre-treatment, Foam Spray, Hand Wash, Wax and Seal), 2-Step Wheel/Rim Deep Cleaning.",
|
||||
button: {
|
||||
text: "View Details",
|
||||
href: "#packages",
|
||||
},
|
||||
title: "Exterior Detail", description: "Includes: Full 4-Step Exterior Wash (Pre-treatment, Foam Spray, Hand Wash, Wax and Seal), 2-Step Wheel/Rim Deep Cleaning.", button: {
|
||||
text: "View Details", href: "#packages"},
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Full Detail",
|
||||
description: "The ultimate package, combining our comprehensive Interior and Exterior detailing services for a complete vehicle transformation.",
|
||||
button: {
|
||||
text: "View Details",
|
||||
href: "#packages",
|
||||
},
|
||||
title: "Full Detail", description: "The ultimate package, combining our comprehensive Interior and Exterior detailing services for a complete vehicle transformation.", button: {
|
||||
text: "View Details", href: "#packages"},
|
||||
},
|
||||
]}
|
||||
title="Our Detailing Packages & What's Included"
|
||||
@@ -222,69 +159,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "interior",
|
||||
name: "Interior Detail",
|
||||
price: "$79.99-$109.99",
|
||||
features: [
|
||||
"Trash & debris cleared",
|
||||
"Floor mat deep cleaning",
|
||||
"Air compressor crevasse clearing",
|
||||
"Full interior vacuuming",
|
||||
"Full interior steam cleaning",
|
||||
"Complete wipe down, polish & shine",
|
||||
],
|
||||
id: "interior", name: "Interior Detail", price: "$79.99-$109.99", features: [
|
||||
"Trash & debris cleared", "Floor mat deep cleaning", "Air compressor crevasse clearing", "Full interior vacuuming", "Full interior steam cleaning", "Complete wipe down, polish & shine"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "exterior",
|
||||
name: "Exterior Detail",
|
||||
price: "$59.99-$79.99",
|
||||
features: [
|
||||
"Full 4-Step Exterior Wash (Pre-treatment, Foam Spray, Hand Wash, Wax & Seal)",
|
||||
"2-Step Wheel/Rim Deep Cleaning",
|
||||
],
|
||||
id: "exterior", name: "Exterior Detail", price: "$59.99-$79.99", features: [
|
||||
"Full 4-Step Exterior Wash (Pre-treatment, Foam Spray, Hand Wash, Wax & Seal)", "2-Step Wheel/Rim Deep Cleaning"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "full",
|
||||
name: "Full Detail",
|
||||
price: "$119.99-$169.99",
|
||||
features: [
|
||||
"Includes all Interior Detail features",
|
||||
"Includes all Exterior Detail features",
|
||||
],
|
||||
id: "full", name: "Full Detail", price: "$119.99-$169.99", features: [
|
||||
"Includes all Interior Detail features", "Includes all Exterior Detail features"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "addons",
|
||||
name: "Add-ons",
|
||||
price: "Starting from $19.99",
|
||||
features: [
|
||||
"Headlight Restoration: $59.99",
|
||||
"Engine Bay Detail: $39.99",
|
||||
"Pet Hair Removal: $19.99",
|
||||
"Clay Treatment: $59.99-$89.99",
|
||||
],
|
||||
id: "addons", name: "Add-ons", price: "Starting from $19.99", features: [
|
||||
"Headlight Restoration: $59.99", "Engine Bay Detail: $39.99", "Pet Hair Removal: $19.99", "Clay Treatment: $59.99-$89.99"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Customize",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Customize", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -298,14 +201,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Mercedes-Benz",
|
||||
"BMW",
|
||||
"Audi",
|
||||
"Tesla",
|
||||
"Ford",
|
||||
"Honda",
|
||||
"Toyota",
|
||||
]}
|
||||
"Mercedes-Benz", "BMW", "Audi", "Tesla", "Ford", "Honda", "Toyota"]}
|
||||
title="Trusted by Car Enthusiasts & Everyday Drivers"
|
||||
description="Our commitment to quality detailing has earned the trust of a diverse clientele and their prized vehicles."
|
||||
/>
|
||||
@@ -318,59 +214,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "ShineMobile transformed my car! It looks and smells brand new. The convenience of them coming to me was a game-changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-business-man-looking-camera_1262-18625.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "ShineMobile transformed my car! It looks and smells brand new. The convenience of them coming to me was a game-changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-business-man-looking-camera_1262-18625.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Outstanding service! Every detail was meticulously handled, from the interior vacuum to the exterior wax. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curious-intrigued-female-entrepreneur-listening-managers-advices-crossing-hands-chest-looking-focused-interested-camera-as-hearing-out-suggestions-posing-glasses-white-wall_176420-56018.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Outstanding service! Every detail was meticulously handled, from the interior vacuum to the exterior wax. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curious-intrigued-female-entrepreneur-listening-managers-advices-crossing-hands-chest-looking-focused-interested-camera-as-hearing-out-suggestions-posing-glasses-white-wall_176420-56018.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "I'm so impressed with the professionalism and results. My car hasn't looked this good since I bought it. Five stars!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-leaning-fist-looking-camera_23-2148179009.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "I'm so impressed with the professionalism and results. My car hasn't looked this good since I bought it. Five stars!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-leaning-fist-looking-camera_23-2148179009.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "The pet hair removal service was a lifesaver! My car is spotless. ShineMobile is my new go-to for all detailing needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@davidk", testimonial: "The pet hair removal service was a lifesaver! My car is spotless. ShineMobile is my new go-to for all detailing needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessical",
|
||||
testimonial: "Timely, efficient, and exceptionally thorough. The convenience of mobile detailing without compromising on quality is amazing. Thank you!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-businessman-library_1262-2398.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", handle: "@jessical", testimonial: "Timely, efficient, and exceptionally thorough. The convenience of mobile detailing without compromising on quality is amazing. Thank you!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-businessman-library_1262-2398.jpg", imageAlt: "Jessica Lee"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Davis",
|
||||
handle: "@robertd",
|
||||
testimonial: "My headlights were hazy, but after ShineMobile's restoration, they look brand new. Excellent results and great value.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-attractive-senior-woman-cafe_1262-3735.jpg",
|
||||
imageAlt: "Robert Davis",
|
||||
},
|
||||
id: "6", name: "Robert Davis", handle: "@robertd", testimonial: "My headlights were hazy, but after ShineMobile's restoration, they look brand new. Excellent results and great value.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-attractive-senior-woman-cafe_1262-3735.jpg", imageAlt: "Robert Davis"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Happy Customers Say"
|
||||
@@ -384,25 +244,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve [Your City/Region] and surrounding areas. Please contact us to confirm service availability in your specific location.",
|
||||
},
|
||||
id: "faq1", title: "What areas do you serve?", content: "We proudly serve [Your City/Region] and surrounding areas. Please contact us to confirm service availability in your specific location."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How long does a typical detail take?",
|
||||
content: "The duration varies by package. An Interior or Exterior detail typically takes 1-2 hours, while a Full Detail can take 3-4 hours. Add-ons may extend the time.",
|
||||
},
|
||||
id: "faq2", title: "How long does a typical detail take?", content: "The duration varies by package. An Interior or Exterior detail typically takes 1-2 hours, while a Full Detail can take 3-4 hours. Add-ons may extend the time."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit cards, debit cards, and contactless payments for your convenience. Payment is due upon completion of service.",
|
||||
},
|
||||
id: "faq3", title: "What payment methods do you accept?", content: "We accept major credit cards, debit cards, and contactless payments for your convenience. Payment is due upon completion of service."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Do I need to provide water or electricity?",
|
||||
content: "No, ShineMobile is fully equipped with its own water and power supply. We are completely self-sufficient and can detail your car anywhere convenient for you.",
|
||||
},
|
||||
id: "faq4", title: "Do I need to provide water or electricity?", content: "No, ShineMobile is fully equipped with its own water and power supply. We are completely self-sufficient and can detail your car anywhere convenient for you."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our mobile auto detailing services."
|
||||
@@ -414,8 +262,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Book Your Next Detail Today!"
|
||||
description="Ready for a sparkling clean vehicle? Schedule your mobile detailing service easily online. Let us bring the shine to you!"
|
||||
@@ -435,58 +282,35 @@ export default function LandingPage() {
|
||||
logoText="ShineMobile"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Interior Detail",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Interior Detail", href: "#services"},
|
||||
{
|
||||
label: "Exterior Detail",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Exterior Detail", href: "#services"},
|
||||
{
|
||||
label: "Full Detail",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Full Detail", href: "#services"},
|
||||
{
|
||||
label: "Add-ons",
|
||||
href: "#packages",
|
||||
},
|
||||
label: "Add-ons", href: "#packages"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@shinemobile.com",
|
||||
},
|
||||
label: "Email Us", href: "mailto:info@shinemobile.com"},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
label: "Call Us", href: "tel:+1234567890"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user