Merge version_1 into main #1
254
src/app/page.tsx
254
src/app/page.tsx
@@ -33,83 +33,53 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="H&M Car Polishing"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Expert Care for Your Luxury Vehicle"
|
||||
description="Professional detailing, ceramic coating, and dent repair services in Al Quoz, Dubai. Trust H&M Car Polishing for a showroom shine."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/repairman-garage-cleans-customers-car_482257-76111.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/repairman-garage-cleans-customers-car_482257-76111.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-near-car_23-2148703138.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-near-car_23-2148703138.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516410.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516410.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 90+ happy customers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Experts",
|
||||
},
|
||||
type: "text", text: "Certified Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
type: "text", text: "Premium Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
type: "text", text: "Fast Turnaround"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Satisfaction",
|
||||
},
|
||||
type: "text", text: "100% Satisfaction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-friendly Products",
|
||||
},
|
||||
type: "text", text: "Eco-friendly Products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,38 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Paint Protection",
|
||||
author: "H&M Team",
|
||||
description: "PPF and high-quality ceramic coating.",
|
||||
tags: [
|
||||
"Protective",
|
||||
"Glossy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212252.jpg",
|
||||
},
|
||||
id: "f1", title: "Paint Protection", author: "H&M Team", description: "PPF and high-quality ceramic coating.", tags: [
|
||||
"Protective", "Glossy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212252.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Headlight Restoration",
|
||||
author: "H&M Team",
|
||||
description: "Polishing for crystal clear vision.",
|
||||
tags: [
|
||||
"Safety",
|
||||
"Visibility",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg",
|
||||
},
|
||||
id: "f2", title: "Headlight Restoration", author: "H&M Team", description: "Polishing for crystal clear vision.", tags: [
|
||||
"Safety", "Visibility"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Interior Deep Clean",
|
||||
author: "H&M Team",
|
||||
description: "Steam cleaning and scenting.",
|
||||
tags: [
|
||||
"Hygiene",
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg",
|
||||
},
|
||||
id: "f3", title: "Interior Deep Clean", author: "H&M Team", description: "Steam cleaning and scenting.", tags: [
|
||||
"Hygiene", "Fresh"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg"},
|
||||
]}
|
||||
title="Comprehensive Car Care Services"
|
||||
description="From interior deep cleans to exterior paint protection, we handle it all with precision."
|
||||
@@ -180,41 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ceramic Coating",
|
||||
price: "Contact for quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6114.jpg",
|
||||
},
|
||||
id: "p1", name: "Ceramic Coating", price: "Contact for quote", imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6114.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Window Tinting",
|
||||
price: "Contact for quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-painting-items-with-yellow-paint_23-2149580007.jpg",
|
||||
},
|
||||
id: "p2", name: "Window Tinting", price: "Contact for quote", imageSrc: "http://img.b2bpic.net/free-photo/assortment-painting-items-with-yellow-paint_23-2149580007.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Leather Restoration",
|
||||
price: "Contact for quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-top-view_23-2148837308.jpg",
|
||||
},
|
||||
id: "p3", name: "Leather Restoration", price: "Contact for quote", imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-top-view_23-2148837308.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Engine Cleaning",
|
||||
price: "Contact for quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-connector_23-2148254107.jpg",
|
||||
},
|
||||
id: "p4", name: "Engine Cleaning", price: "Contact for quote", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-connector_23-2148254107.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Scratch Repair",
|
||||
price: "Contact for quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tweezer-set-desk_23-2148558023.jpg",
|
||||
},
|
||||
id: "p5", name: "Scratch Repair", price: "Contact for quote", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tweezer-set-desk_23-2148558023.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Interior Vacuum",
|
||||
price: "Contact for quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg",
|
||||
},
|
||||
id: "p6", name: "Interior Vacuum", price: "Contact for quote", imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg"},
|
||||
]}
|
||||
title="Our Professional Treatments"
|
||||
description="We offer a wide range of specialized automotive services."
|
||||
@@ -228,20 +153,11 @@ export default function LandingPage() {
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9",
|
||||
description: "Average Google Rating",
|
||||
},
|
||||
id: "m1", value: "4.9", description: "Average Google Rating"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "90+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m2", value: "90+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
description: "Vehicles Serviced",
|
||||
},
|
||||
id: "m3", value: "100+", description: "Vehicles Serviced"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -253,45 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Service",
|
||||
quote: "They turned my old car into a brand new one. Highly recommended!",
|
||||
name: "Ahmed K.",
|
||||
role: "Dubai Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130218.jpg",
|
||||
},
|
||||
id: "t1", title: "Excellent Service", quote: "They turned my old car into a brand new one. Highly recommended!", name: "Ahmed K.", role: "Dubai Resident", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130218.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Best in Al Quoz",
|
||||
quote: "Professional team and great attention to detail. Great work.",
|
||||
name: "Sarah J.",
|
||||
role: "Luxury Car Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg",
|
||||
},
|
||||
id: "t2", title: "Best in Al Quoz", quote: "Professional team and great attention to detail. Great work.", name: "Sarah J.", role: "Luxury Car Owner", imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Professionalism",
|
||||
quote: "Fantastic window tinting service. Will definitely come back.",
|
||||
name: "Mark D.",
|
||||
role: "Frequent Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-front-car_23-2148384976.jpg",
|
||||
},
|
||||
id: "t3", title: "Professionalism", quote: "Fantastic window tinting service. Will definitely come back.", name: "Mark D.", role: "Frequent Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-front-car_23-2148384976.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Great value",
|
||||
quote: "Fast and reliable. Best car wash in Dubai.",
|
||||
name: "Fatima S.",
|
||||
role: "Daily Commuter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-salesman-smiling-showing-phone-signs-asking-give-him-call-giving-his-number-standing_1258-173662.jpg",
|
||||
},
|
||||
id: "t4", title: "Great value", quote: "Fast and reliable. Best car wash in Dubai.", name: "Fatima S.", role: "Daily Commuter", imageSrc: "http://img.b2bpic.net/free-photo/excited-salesman-smiling-showing-phone-signs-asking-give-him-call-giving-his-number-standing_1258-173662.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Very satisfied",
|
||||
quote: "Detailed my car perfectly. Very professional results.",
|
||||
name: "Omar L.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138401.jpg",
|
||||
},
|
||||
id: "t5", title: "Very satisfied", quote: "Detailed my car perfectly. Very professional results.", name: "Omar L.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138401.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read about the quality and attention to detail our customers experience."
|
||||
@@ -304,20 +190,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking an appointment for better service.",
|
||||
},
|
||||
id: "faq1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment for better service."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How long does detailing take?",
|
||||
content: "Depending on the service, it usually takes a few hours to a full day.",
|
||||
},
|
||||
id: "faq2", title: "How long does detailing take?", content: "Depending on the service, it usually takes a few hours to a full day."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you provide pick and drop?",
|
||||
content: "Yes, we offer pick and drop services for customer convenience.",
|
||||
},
|
||||
id: "faq3", title: "Do you provide pick and drop?", content: "Yes, we offer pick and drop services for customer convenience."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our detailing services? Here are some answers."
|
||||
@@ -332,25 +209,14 @@ export default function LandingPage() {
|
||||
description="Visit us in Al Quoz or reach out today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{
|
||||
name: "car",
|
||||
type: "text",
|
||||
placeholder: "Car Make & Model",
|
||||
},
|
||||
name: "car", type: "text", placeholder: "Car Make & Model"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your service needs...",
|
||||
}}
|
||||
name: "message", placeholder: "Describe your service needs..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-small-girl-is-sitting-lifting-platform-with-car-holding-hammer_613910-17072.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -360,33 +226,21 @@ export default function LandingPage() {
|
||||
logoText="H&M Car Polishing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Ceramic Coating",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ceramic Coating", href: "#"},
|
||||
{
|
||||
label: "Paint Protection",
|
||||
href: "#",
|
||||
},
|
||||
label: "Paint Protection", href: "#"},
|
||||
{
|
||||
label: "Deep Cleaning",
|
||||
href: "#",
|
||||
},
|
||||
label: "Deep Cleaning", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user