Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Elite Detailing"
|
||||
/>
|
||||
@@ -54,68 +42,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Precision Car Care. Premium Results."
|
||||
description="Professional auto wash and detailing designed to restore shine, protect your finish, and keep your vehicle looking showroom ready."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123456",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+15550123456" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg"
|
||||
imageAlt="Luxury car being detailed in studio"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg",
|
||||
alt: "Portrait of handsome intellegent man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
alt: "Positive shaved head male",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg",
|
||||
alt: "Portrait of beautiful woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-african-man-white-shirt_171337-7992.jpg",
|
||||
alt: "Portrait of a confident young man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-sitting-stool_23-2148275038.jpg",
|
||||
alt: "Beautiful senior woman",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg", alt: "Portrait of handsome intellegent man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Positive shaved head male" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg", alt: "Portrait of beautiful woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-african-man-white-shirt_171337-7992.jpg", alt: "Portrait of a confident young man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-sitting-stool_23-2148275038.jpg", alt: "Beautiful senior woman" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ car enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Paint Protection",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interior Deep Clean",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramic Coating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wheel Detailing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand Waxing",
|
||||
},
|
||||
{ type: "text", text: "Paint Protection" },
|
||||
{ type: "text", text: "Interior Deep Clean" },
|
||||
{ type: "text", text: "Ceramic Coating" },
|
||||
{ type: "text", text: "Wheel Detailing" },
|
||||
{ type: "text", text: "Hand Waxing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,10 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built Around Quality & Consistency"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Learn More", href: "#services" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,21 +87,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Hand Wash",
|
||||
description: "No rushed tunnel wash experience. We treat your vehicle as our own.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22312.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Attention to Detail",
|
||||
description: "Every surface, from engine bay to upholstery, cleaned with precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Fast & Reliable",
|
||||
description: "Convenient service without sacrificing the quality you deserve.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg?_wi=1",
|
||||
},
|
||||
{ title: "Premium Hand Wash", description: "No rushed tunnel wash experience. We treat your vehicle as our own.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22312.jpg" },
|
||||
{ title: "Attention to Detail", description: "Every surface, from engine bay to upholstery, cleaned with precision.", imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg" },
|
||||
{ title: "Fast & Reliable", description: "Convenient service without sacrificing the quality you deserve.", imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg" },
|
||||
]}
|
||||
title="Why Drivers Choose Us"
|
||||
description="Excellence in every detail."
|
||||
@@ -163,46 +98,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Exterior Wash",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Interior Detail",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-board-panel-view_23-2148332901.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Full Restoration",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fleet Service",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ceramic Coating",
|
||||
price: "$500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Paint Correction",
|
||||
price: "$400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193561.jpg",
|
||||
},
|
||||
{ id: "1", name: "Exterior Wash", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg" },
|
||||
{ id: "2", name: "Interior Detail", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-board-panel-view_23-2148332901.jpg" },
|
||||
{ id: "3", name: "Full Restoration", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg" },
|
||||
{ id: "4", name: "Fleet Service", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg" },
|
||||
{ id: "5", name: "Ceramic Coating", price: "$500", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg" },
|
||||
{ id: "6", name: "Paint Correction", price: "$400", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193561.jpg" },
|
||||
]}
|
||||
title="Our Detailing Services"
|
||||
description="Tailored packages for every vehicle."
|
||||
@@ -214,61 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2024",
|
||||
title: "Regular Client",
|
||||
quote: "Friendly team and quick service.",
|
||||
tag: "Convenience",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-male-shirt-isolated-grey-background_613910-15762.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg?_wi=2",
|
||||
imageAlt: "confident professional male portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
date: "Feb 2024",
|
||||
title: "Car Enthusiast",
|
||||
quote: "Visible improvement on my paint.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453476.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22312.jpg?_wi=2",
|
||||
imageAlt: "confident professional male portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
date: "Mar 2024",
|
||||
title: "Fleet Owner",
|
||||
quote: "Reliable and consistent.",
|
||||
tag: "Value",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-133003.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg?_wi=2",
|
||||
imageAlt: "confident professional male portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
date: "Apr 2024",
|
||||
title: "Local Driver",
|
||||
quote: "Excellent value for interior detail.",
|
||||
tag: "Friendly",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81974.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg?_wi=2",
|
||||
imageAlt: "confident professional male portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex T.",
|
||||
date: "May 2024",
|
||||
title: "First Time Visitor",
|
||||
quote: "Impressed by the attention to detail.",
|
||||
tag: "Detail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-chair_23-2149442311.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-retro-car-logos-with-geometric-forms_23-2147615679.jpg",
|
||||
imageAlt: "confident professional male portrait",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "Jan 2024", title: "Regular Client", quote: "Friendly team and quick service.", tag: "Convenience", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-male-shirt-isolated-grey-background_613910-15762.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg", imageAlt: "confident professional male portrait" },
|
||||
{ id: "2", name: "Michael K.", date: "Feb 2024", title: "Car Enthusiast", quote: "Visible improvement on my paint.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453476.jpg", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22312.jpg", imageAlt: "confident professional male portrait" },
|
||||
{ id: "3", name: "Elena R.", date: "Mar 2024", title: "Fleet Owner", quote: "Reliable and consistent.", tag: "Value", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-133003.jpg", imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg", imageAlt: "confident professional male portrait" },
|
||||
{ id: "4", name: "David M.", date: "Apr 2024", title: "Local Driver", quote: "Excellent value for interior detail.", tag: "Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81974.jpg", imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg", imageAlt: "confident professional male portrait" },
|
||||
{ id: "5", name: "Alex T.", date: "May 2024", title: "First Time Visitor", quote: "Impressed by the attention to detail.", tag: "Detail", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-chair_23-2149442311.jpg", imageSrc: "http://img.b2bpic.net/free-vector/set-retro-car-logos-with-geometric-forms_23-2147615679.jpg", imageAlt: "confident professional male portrait" },
|
||||
]}
|
||||
title="Real Feedback From Local Drivers"
|
||||
description="What our clients say."
|
||||
@@ -279,26 +135,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a full detail take?",
|
||||
content: "Depending on the package, usually between 2 to 4 hours.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Appointments are highly recommended for the best experience.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I leave my car?",
|
||||
content: "Yes, we have secure storage for your vehicle during service.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer fleet discounts?",
|
||||
content: "Yes, contact us for corporate pricing packages.",
|
||||
},
|
||||
{ id: "1", title: "How long does a full detail take?", content: "Depending on the package, usually between 2 to 4 hours." },
|
||||
{ id: "2", title: "Do you accept walk-ins?", content: "Appointments are highly recommended for the best experience." },
|
||||
{ id: "3", title: "Can I leave my car?", content: "Yes, we have secure storage for your vehicle during service." },
|
||||
{ id: "4", title: "Do you offer fleet discounts?", content: "Yes, contact us for corporate pricing packages." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our process."
|
||||
@@ -310,15 +150,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Precision Auto",
|
||||
"Detail Masters",
|
||||
"Shine Works",
|
||||
"Elite Polish",
|
||||
"Gloss Experts",
|
||||
"Fast Wash",
|
||||
"Pro Detailers",
|
||||
]}
|
||||
names={["Precision Auto", "Detail Masters", "Shine Works", "Elite Polish", "Gloss Experts", "Fast Wash", "Pro Detailers"]}
|
||||
title="Trusted By Professionals"
|
||||
description="Our community partners."
|
||||
/>
|
||||
@@ -327,9 +159,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Your Vehicle Deserves Better"
|
||||
description="Book your appointment today and restore your vehicle's showroom look."
|
||||
|
||||
Reference in New Issue
Block a user