Merge version_1 into main #1
263
src/app/page.tsx
263
src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Heart } from "lucide-react";
|
||||
import { Heart, Shield, Armchair, Lightbulb, Leaf } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MomAndPop"
|
||||
/>
|
||||
@@ -60,47 +50,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Detailing for Your Pride and Joy"
|
||||
description="At MomAndPopDetailing, we treat every vehicle like our own. Experience unmatched quality, precision, and care from a family that truly loves cars."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg",
|
||||
imageAlt: "Luxury car detailing service professional",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg", imageAlt: "Luxury car detailing service professional"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg",
|
||||
imageAlt: "Car wash expert washing automobile",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg", imageAlt: "Car wash expert washing automobile"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1804.jpg",
|
||||
imageAlt: "Auto body polishing work",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1804.jpg", imageAlt: "Auto body polishing work"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg",
|
||||
imageAlt: "Car interior leather care professional",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg", imageAlt: "Car interior leather care professional"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-spraying-powder-paint_23-2149714342.jpg",
|
||||
imageAlt: "Car exterior coating application",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-spraying-powder-paint_23-2149714342.jpg", imageAlt: "Car exterior coating application"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg",
|
||||
imageAlt: "Satisfied customer car service",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg", imageAlt: "Satisfied customer car service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,28 +94,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ceramic Coating",
|
||||
description: "Long-lasting protection and deep paint gloss.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Ceramic Coating", description: "Long-lasting protection and deep paint gloss.", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Interior Deep Clean",
|
||||
description: "Revitalizing seats, carpets, and dashboards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hoovering-car-cabin-garage_1157-36597.jpg",
|
||||
buttonIcon: "Armchair",
|
||||
title: "Interior Deep Clean", description: "Revitalizing seats, carpets, and dashboards.", imageSrc: "http://img.b2bpic.net/free-photo/man-hoovering-car-cabin-garage_1157-36597.jpg", buttonIcon: Armchair,
|
||||
},
|
||||
{
|
||||
title: "Headlight Restoration",
|
||||
description: "Clear visibility and like-new looks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-car-lights_23-2148258066.jpg",
|
||||
buttonIcon: "Lightbulb",
|
||||
title: "Headlight Restoration", description: "Clear visibility and like-new looks.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-car-lights_23-2148258066.jpg", buttonIcon: Lightbulb,
|
||||
},
|
||||
{
|
||||
title: "Eco-Wash",
|
||||
description: "Gentle on the planet, tough on grime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2400.jpg",
|
||||
buttonIcon: "Leaf",
|
||||
title: "Eco-Wash", description: "Gentle on the planet, tough on grime.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2400.jpg", buttonIcon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
@@ -162,41 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Maintenance Wash",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cleaning-house_23-2147917176.jpg",
|
||||
},
|
||||
id: "p1", name: "Maintenance Wash", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cleaning-house_23-2147917176.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Exterior Polish",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg",
|
||||
},
|
||||
id: "p2", name: "Exterior Polish", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Full Interior Detail",
|
||||
price: "$200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-working-project_23-2149721890.jpg",
|
||||
},
|
||||
id: "p3", name: "Full Interior Detail", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-working-project_23-2149721890.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ceramic Application",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg",
|
||||
},
|
||||
id: "p4", name: "Ceramic Application", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Engine Detail",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car-parts_1170-1338.jpg",
|
||||
},
|
||||
id: "p5", name: "Engine Detail", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-car-parts_1170-1338.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ultimate Package",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26884.jpg",
|
||||
},
|
||||
id: "p6", name: "Ultimate Package", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26884.jpg"},
|
||||
]}
|
||||
title="Service Packages"
|
||||
description="Choose the perfect detail for your vehicle needs."
|
||||
@@ -210,57 +143,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$99",
|
||||
subtitle: "Perfect for regular maintenance",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$99", subtitle: "Perfect for regular maintenance", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full Exterior Wash",
|
||||
"Tire Shine",
|
||||
"Window Cleaning",
|
||||
],
|
||||
"Full Exterior Wash", "Tire Shine", "Window Cleaning"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$249",
|
||||
subtitle: "Our most popular full detail",
|
||||
buttons: [
|
||||
id: "pro", badge: "Premium", price: "$249", subtitle: "Our most popular full detail", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Basic Features",
|
||||
"Deep Interior Clean",
|
||||
"Hand Wax",
|
||||
"Interior Protection",
|
||||
],
|
||||
"All Basic Features", "Deep Interior Clean", "Hand Wax", "Interior Protection"],
|
||||
},
|
||||
{
|
||||
id: "ultra",
|
||||
badge: "Ultimate",
|
||||
price: "$599",
|
||||
subtitle: "Maximum shine and protection",
|
||||
buttons: [
|
||||
id: "ultra", badge: "Ultimate", price: "$599", subtitle: "Maximum shine and protection", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Pro Features",
|
||||
"Ceramic Paint Sealant",
|
||||
"Leather Conditioner",
|
||||
"Engine Bay Detail",
|
||||
],
|
||||
"All Pro Features", "Ceramic Paint Sealant", "Leather Conditioner", "Engine Bay Detail"],
|
||||
},
|
||||
]}
|
||||
title="Simple Transparent Pricing"
|
||||
@@ -275,25 +179,13 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1200+",
|
||||
description: "Cars Detailed",
|
||||
},
|
||||
id: "m1", value: "1200+", description: "Cars Detailed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m2", value: "15+", description: "Years Experience"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "98%",
|
||||
description: "Returning Clients",
|
||||
},
|
||||
id: "m4", value: "98%", description: "Returning Clients"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -307,45 +199,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
role: "Client",
|
||||
company: "Happy Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Johnson", role: "Client", company: "Happy Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Miller",
|
||||
role: "Client",
|
||||
company: "Happy Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Miller", role: "Client", company: "Happy Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Reed",
|
||||
role: "Client",
|
||||
company: "Happy Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Reed", role: "Client", company: "Happy Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James Smith",
|
||||
role: "Client",
|
||||
company: "Happy Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg",
|
||||
},
|
||||
id: "t4", name: "James Smith", role: "Client", company: "Happy Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Torres",
|
||||
role: "Client",
|
||||
company: "Happy Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena Torres", role: "Client", company: "Happy Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg"},
|
||||
]}
|
||||
title="Hear From Our Happy Customers"
|
||||
description="We are proud of our reputation for excellence."
|
||||
@@ -356,16 +223,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Restore Your Shine?"
|
||||
description="Send us a message today to book your session. Let's make your car look brand new again."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@momandpop.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@momandpop.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -375,38 +239,25 @@ export default function LandingPage() {
|
||||
logoText="MomAndPopDetailing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user