Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Droplets, Shield, Sparkles, Wrench } from "lucide-react";
|
||||
import { Droplets, Shield, Sparkles, Wrench, Vacuum, Spray } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TopNotch Detailing"
|
||||
/>
|
||||
@@ -59,45 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="We Bring Your Car Back to Life — Right at Your Doorstep"
|
||||
description="Premium mobile detailing serving Melissa & surrounding areas. 5-star rated with 54+ happy customers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Detail Now", href: "#contact"},
|
||||
{
|
||||
text: "Call Now: (903) 912-1685",
|
||||
href: "tel:9039121685",
|
||||
},
|
||||
text: "Call Now: (903) 912-1685", href: "tel:9039121685"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg?_wi=1",
|
||||
imageAlt: "Freshly detailed luxury car exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg", imageAlt: "Freshly detailed luxury car exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg?_wi=1",
|
||||
imageAlt: "Spotless car interior detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg", imageAlt: "Spotless car interior detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170061.jpg?_wi=1",
|
||||
imageAlt: "Professional engine bay detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170061.jpg", imageAlt: "Professional engine bay detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg",
|
||||
imageAlt: "High-end exterior car detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg", imageAlt: "High-end exterior car detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934350.jpg",
|
||||
imageAlt: "Clean leather seat detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934350.jpg", imageAlt: "Clean leather seat detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg",
|
||||
imageAlt: "Polished automotive engine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg", imageAlt: "Polished automotive engine"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -110,67 +83,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Exterior Wash",
|
||||
description: "Deep clean, shine, and protection for your vehicle’s exterior.",
|
||||
items: [
|
||||
title: "Exterior Wash", description: "Deep clean, shine, and protection for your vehicle’s exterior.", items: [
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Pressure wash",
|
||||
},
|
||||
text: "Pressure wash"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Hand polish",
|
||||
},
|
||||
text: "Hand polish"},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg",
|
||||
imageAlt: "Exterior wash",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg?_wi=2",
|
||||
imageAlt: "car exterior wash detailed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg", imageAlt: "Exterior wash"},
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Interior Detailing",
|
||||
description: "Full interior reset — carpets, seats, dashboard, and more.",
|
||||
items: [
|
||||
title: "Interior Detailing", description: "Full interior reset — carpets, seats, dashboard, and more.", items: [
|
||||
{
|
||||
icon: Vacuum,
|
||||
text: "Deep vacuum",
|
||||
},
|
||||
text: "Deep vacuum"},
|
||||
{
|
||||
icon: Spray,
|
||||
text: "Surface cleanup",
|
||||
},
|
||||
text: "Surface cleanup"},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-view-car-interior-hand-steering-wheel-speed-motion_169016-68523.jpg",
|
||||
imageAlt: "Interior detailing",
|
||||
},
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg?_wi=2",
|
||||
imageAlt: "car exterior wash detailed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-view-car-interior-hand-steering-wheel-speed-motion_169016-68523.jpg", imageAlt: "Interior detailing"},
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Engine Detailing",
|
||||
description: "Safe and professional engine bay cleaning.",
|
||||
items: [
|
||||
title: "Engine Detailing", description: "Safe and professional engine bay cleaning.", items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Degreasing",
|
||||
},
|
||||
text: "Degreasing"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Protection",
|
||||
},
|
||||
text: "Protection"},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-tries-repair-broken-car_661209-359.jpg",
|
||||
imageAlt: "Engine detailing",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170061.jpg?_wi=2",
|
||||
imageAlt: "car exterior wash detailed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-tries-repair-broken-car_661209-359.jpg", imageAlt: "Engine detailing"},
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -186,41 +135,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Exterior Refresh",
|
||||
price: "Transformation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-vertical-shot-old-car-front-side_181624-25330.jpg",
|
||||
},
|
||||
id: "1", name: "Exterior Refresh", price: "Transformation", imageSrc: "http://img.b2bpic.net/free-photo/closeup-vertical-shot-old-car-front-side_181624-25330.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Interior Detail",
|
||||
price: "Showroom Finish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg",
|
||||
},
|
||||
id: "2", name: "Interior Detail", price: "Showroom Finish", imageSrc: "http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Engine Restoration",
|
||||
price: "Spotless Detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hands-tighten-piston-cylinder-by-wrench_651396-1337.jpg",
|
||||
},
|
||||
id: "3", name: "Engine Restoration", price: "Spotless Detail", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hands-tighten-piston-cylinder-by-wrench_651396-1337.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ceramic Coating",
|
||||
price: "High Gloss",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg",
|
||||
},
|
||||
id: "4", name: "Ceramic Coating", price: "High Gloss", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Wax Finish",
|
||||
price: "Reflective Shine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934327.jpg",
|
||||
},
|
||||
id: "5", name: "Wax Finish", price: "Reflective Shine", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934327.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Deep Interior",
|
||||
price: "Full Reset",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25242.jpg",
|
||||
},
|
||||
id: "6", name: "Deep Interior", price: "Full Reset", imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25242.jpg"},
|
||||
]}
|
||||
title="Before & After Results"
|
||||
description="Real results from real customers in your area. See the transformation for yourself."
|
||||
@@ -235,45 +160,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
role: "Manager",
|
||||
company: "LocalShop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-handsome-redhead-model-man-flannel-shirt-gray-background_613910-19110.jpg",
|
||||
},
|
||||
id: "5", name: "Jane Doe", role: "Manager", company: "LocalShop", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-handsome-redhead-model-man-flannel-shirt-gray-background_613910-19110.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join 50+ happy customers who trust TopNotch with their vehicles."
|
||||
@@ -287,26 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5+",
|
||||
title: "Years Experience",
|
||||
description: "Professional detailing expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg",
|
||||
},
|
||||
id: "m1", value: "5+", title: "Years Experience", description: "Professional detailing expertise.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Happy Customers",
|
||||
description: "Trusted by our local community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-closing-car-after-using-lock-controls-panel-unlock-it_482257-118072.jpg",
|
||||
},
|
||||
id: "m2", value: "50+", title: "Happy Customers", description: "Trusted by our local community.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-closing-car-after-using-lock-controls-panel-unlock-it_482257-118072.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
title: "Star Reputation",
|
||||
description: "Consistently rated top-tier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop-fixing-car_342744-266.jpg",
|
||||
},
|
||||
id: "m3", value: "5.0", title: "Star Reputation", description: "Consistently rated top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop-fixing-car_342744-266.jpg"},
|
||||
]}
|
||||
title="Why Choose TopNotch"
|
||||
description="We don't just wash cars; we revitalize them."
|
||||
@@ -320,37 +205,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Value",
|
||||
price: "$99",
|
||||
subtitle: "Basic Detail",
|
||||
features: [
|
||||
"Exterior wash",
|
||||
"Interior vacuum",
|
||||
"Window clean",
|
||||
],
|
||||
id: "p1", badge: "Value", price: "$99", subtitle: "Basic Detail", features: [
|
||||
"Exterior wash", "Interior vacuum", "Window clean"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Popular",
|
||||
price: "$199",
|
||||
subtitle: "Premium Detail",
|
||||
features: [
|
||||
"Full interior deep clean",
|
||||
"Exterior wax protection",
|
||||
"Dashboard treatment",
|
||||
],
|
||||
id: "p2", badge: "Popular", price: "$199", subtitle: "Premium Detail", features: [
|
||||
"Full interior deep clean", "Exterior wax protection", "Dashboard treatment"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Pro",
|
||||
price: "$349",
|
||||
subtitle: "Ultimate Detail",
|
||||
features: [
|
||||
"Full detail",
|
||||
"Ceramic coating",
|
||||
"Engine bay wash",
|
||||
],
|
||||
id: "p3", badge: "Pro", price: "$349", subtitle: "Ultimate Detail", features: [
|
||||
"Full detail", "Ceramic coating", "Engine bay wash"],
|
||||
},
|
||||
]}
|
||||
title="Detailing Packages"
|
||||
@@ -362,8 +226,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Booking"
|
||||
title="Schedule Your Detail"
|
||||
description="Ready to make your car look brand new? Request your appointment today. Limited daily appointments available."
|
||||
@@ -374,37 +237,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why-choose-us",
|
||||
},
|
||||
label: "About Us", href: "#why-choose-us"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Exterior Detail",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Exterior Detail", href: "#services"},
|
||||
{
|
||||
label: "Interior Detail",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Interior Detail", href: "#services"},
|
||||
{
|
||||
label: "Engine Bay",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Engine Bay", href: "#services"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user