Merge version_1 into main #3
163
src/app/page.tsx
163
src/app/page.tsx
@@ -8,10 +8,9 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
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, Vacuum, Spray } from "lucide-react";
|
||||
import { Droplets, Shield, Sparkles, Wrench, Eraser, SprayCan } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,16 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TopNotch Detailing"
|
||||
/>
|
||||
@@ -48,29 +42,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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: "Call Now: (903) 912-1685", href: "tel:9039121685"},
|
||||
{ text: "Book Your Detail Now", href: "#contact" },
|
||||
{ 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", imageAlt: "Freshly detailed luxury car exterior"},
|
||||
{
|
||||
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", 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/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/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", imageAlt: "Spotless car interior 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/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" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -84,41 +69,26 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
title: "Exterior Wash", description: "Deep clean, shine, and protection for your vehicle’s exterior.", items: [
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Pressure wash"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Hand polish"},
|
||||
{ icon: Droplets, text: "Pressure wash" },
|
||||
{ icon: Sparkles, text: "Hand polish" },
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg", imageAlt: "Exterior wash"},
|
||||
media: { 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: [
|
||||
{
|
||||
icon: Vacuum,
|
||||
text: "Deep vacuum"},
|
||||
{
|
||||
icon: Spray,
|
||||
text: "Surface cleanup"},
|
||||
{ icon: Eraser, text: "Deep vacuum" },
|
||||
{ icon: SprayCan, 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"},
|
||||
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
|
||||
},
|
||||
{
|
||||
title: "Engine Detailing", description: "Safe and professional engine bay cleaning.", items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Degreasing"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Protection"},
|
||||
{ icon: Wrench, text: "Degreasing" },
|
||||
{ icon: Shield, text: "Protection" },
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-tries-repair-broken-car_661209-359.jpg", imageAlt: "Engine detailing"},
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/man-tries-repair-broken-car_661209-359.jpg", imageAlt: "Engine detailing" },
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
@@ -134,18 +104,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "6", name: "Deep Interior", price: "Full Reset", imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25242.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: "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: "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" },
|
||||
]}
|
||||
title="Before & After Results"
|
||||
description="Real results from real customers in your area. See the transformation for yourself."
|
||||
@@ -159,21 +123,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -186,12 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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."
|
||||
@@ -204,18 +155,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
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: "p3", badge: "Pro", price: "$349", subtitle: "Ultimate Detail", features: [
|
||||
"Full detail", "Ceramic coating", "Engine bay wash"],
|
||||
},
|
||||
{ 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: "p3", badge: "Pro", price: "$349", subtitle: "Ultimate Detail", features: ["Full detail", "Ceramic coating", "Engine bay wash"] },
|
||||
]}
|
||||
title="Detailing Packages"
|
||||
description="Choose the perfect package for your vehicle's condition and your goals."
|
||||
@@ -225,8 +167,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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."
|
||||
@@ -238,22 +179,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#why-choose-us"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{ label: "About Us", href: "#why-choose-us" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Exterior Detail", href: "#services"},
|
||||
{
|
||||
label: "Interior Detail", href: "#services"},
|
||||
{
|
||||
label: "Engine Bay", href: "#services"},
|
||||
{ label: "Exterior Detail", href: "#services" },
|
||||
{ label: "Interior Detail", href: "#services" },
|
||||
{ label: "Engine Bay", href: "#services" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -264,4 +199,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user