Update src/app/page.tsx
This commit is contained in:
289
src/app/page.tsx
289
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Location", id: "contact"},
|
||||
]}
|
||||
brandName="RESERVE Detailing®"
|
||||
/>
|
||||
@@ -50,98 +44,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision detailing. Brickell's finest."
|
||||
description="RESERVE Detailing® offers an unmatched, premium automotive care experience in the heart of Brickell. Results that make your vehicle look brand new, every time."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Aleksandr M.",
|
||||
handle: "Verified Customer",
|
||||
testimonial: "BMW full detail, interior + exterior spotless. Absolutely the best in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-african-man-white-shirt_171337-7992.jpg",
|
||||
},
|
||||
name: "Aleksandr M.", handle: "Verified Customer", testimonial: "BMW full detail, interior + exterior spotless. Absolutely the best in town.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-african-man-white-shirt_171337-7992.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "Luxury Owner",
|
||||
testimonial: "The attention to detail is unmatched. My car has never looked this good.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-white-shirt-looking-left-smiling-satisfied-standing-whi_1258-112690.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "Luxury Owner", testimonial: "The attention to detail is unmatched. My car has never looked this good.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-businessman-white-shirt-looking-left-smiling-satisfied-standing-whi_1258-112690.jpg"},
|
||||
{
|
||||
name: "Michael B.",
|
||||
handle: "Executive",
|
||||
testimonial: "Fast, professional, and perfect results. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
|
||||
},
|
||||
name: "Michael B.", handle: "Executive", testimonial: "Fast, professional, and perfect results. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "SUV Owner",
|
||||
testimonial: "Best service in Miami. The ceramic coating is fantastic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-wearing-autumn-clothes-copy-space_23-2148794545.jpg",
|
||||
},
|
||||
name: "Elena R.", handle: "SUV Owner", testimonial: "Best service in Miami. The ceramic coating is fantastic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-wearing-autumn-clothes-copy-space_23-2148794545.jpg"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "Collector",
|
||||
testimonial: "They treat every car like a masterpiece. Incredible work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-against-gray-background_23-2147943800.jpg",
|
||||
},
|
||||
name: "David L.", handle: "Collector", testimonial: "They treat every car like a masterpiece. Incredible work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-against-gray-background_23-2147943800.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "tel:+17866429018",
|
||||
},
|
||||
text: "Book Your Detail", href: "tel:+17866429018"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580560.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580560.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-computer-drinking-coffee_1303-27379.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-computer-drinking-coffee_1303-27379.jpg", alt: "Customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sensual-blonde-hipster-girl-with-long-curly-hair-dressed-fleece-shirt-jeans-holds-camera-sitting-wooden-box-studio-with-loft-interior-looking-camera_613910-18959.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sensual-blonde-hipster-girl-with-long-curly-hair-dressed-fleece-shirt-jeans-holds-camera-sitting-wooden-box-studio-with-loft-interior-looking-camera_613910-18959.jpg", alt: "Customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-taking-picture-with-his-cell-phone_150588-150.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-taking-picture-with-his-cell-phone_150588-150.jpg", alt: "Customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-laughing-sitting-floor-white-wall_176420-8539.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-laughing-sitting-floor-white-wall_176420-8539.jpg", alt: "Customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg", alt: "Customer portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Care",
|
||||
},
|
||||
type: "text", text: "Premium Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramic Coating",
|
||||
},
|
||||
type: "text", text: "Ceramic Coating"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interior Deep Clean",
|
||||
},
|
||||
type: "text", text: "Interior Deep Clean"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Paint Correction",
|
||||
},
|
||||
type: "text", text: "Paint Correction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Finish",
|
||||
},
|
||||
type: "text", text: "Luxury Finish"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,25 +104,13 @@ export default function LandingPage() {
|
||||
tag="Excellence Guaranteed"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
description: "Google Rating",
|
||||
},
|
||||
id: "m1", value: "5.0", description: "Google Rating"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2,808",
|
||||
description: "Verified Reviews",
|
||||
},
|
||||
id: "m2", value: "2,808", description: "Verified Reviews"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Brickell",
|
||||
description: "Miami Location",
|
||||
},
|
||||
id: "m3", value: "Brickell", description: "Miami Location"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "9 PM",
|
||||
description: "Daily Hours",
|
||||
},
|
||||
id: "m4", value: "9 PM", description: "Daily Hours"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,47 +123,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Full Interior & Exterior",
|
||||
price: "Premium",
|
||||
variant: "Deep clean inside and out",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-35029.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Full Interior & Exterior", price: "Premium", variant: "Deep clean inside and out", imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-35029.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Exterior Wash & Polish",
|
||||
price: "Standard",
|
||||
variant: "Showroom-ready shine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Exterior Wash & Polish", price: "Standard", variant: "Showroom-ready shine", imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Interior Detailing",
|
||||
price: "Focused",
|
||||
variant: "Every crevice, every surface",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6410.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Interior Detailing", price: "Focused", variant: "Every crevice, every surface", imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6410.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Paint Protection",
|
||||
price: "Add-on",
|
||||
variant: "Ceramic coating options",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193555.jpg",
|
||||
},
|
||||
id: "p4", name: "Paint Protection", price: "Add-on", variant: "Ceramic coating options", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193555.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Odor Elimination",
|
||||
price: "Add-on",
|
||||
variant: "Deep sanitary cleaning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trunk-sportscar-with-white-background_181624-25356.jpg",
|
||||
},
|
||||
id: "p5", name: "Odor Elimination", price: "Add-on", variant: "Deep sanitary cleaning", imageSrc: "http://img.b2bpic.net/free-photo/trunk-sportscar-with-white-background_181624-25356.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Leather Treatment",
|
||||
price: "Add-on",
|
||||
variant: "Restore and condition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-mechanics-wearing-protective-face-mask-while-repairing-car-engine-workshop_637285-11605.jpg",
|
||||
},
|
||||
id: "p6", name: "Leather Treatment", price: "Add-on", variant: "Restore and condition", imageSrc: "http://img.b2bpic.net/free-photo/two-mechanics-wearing-protective-face-mask-while-repairing-car-engine-workshop_637285-11605.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive detailing tiers designed for your vehicle's perfection."
|
||||
@@ -238,64 +147,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Attention to Detail",
|
||||
description: "Trained, thorough experts who miss nothing.",
|
||||
icon: Shield,
|
||||
title: "Attention to Detail", description: "Trained, thorough experts who miss nothing.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-acr-service-station-checking-her-car-with-mechanic_1303-28482.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-acr-service-station-checking-her-car-with-mechanic_1303-28482.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3038.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3038.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580560.jpg?_wi=2",
|
||||
imageAlt: "detailing equipment professional",
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Professional staff dedicated to vehicle preservation.",
|
||||
icon: Award,
|
||||
title: "Expert Team", description: "Professional staff dedicated to vehicle preservation.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-833.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-833.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-35029.jpg?_wi=2",
|
||||
imageAlt: "detailing equipment professional",
|
||||
},
|
||||
{
|
||||
title: "Comfortable Wait",
|
||||
description: "Relax in our zen lounge with coffee and water.",
|
||||
icon: Zap,
|
||||
title: "Comfortable Wait", description: "Relax in our zen lounge with coffee and water.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-dealership_23-2148266117.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-dealership_23-2148266117.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193556.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193556.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg?_wi=2",
|
||||
imageAlt: "detailing equipment professional",
|
||||
},
|
||||
{
|
||||
title: "Proven Results",
|
||||
description: "2,808 five-star reviews confirm the quality.",
|
||||
icon: Star,
|
||||
title: "Proven Results", description: "2,808 five-star reviews confirm the quality.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193595.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193595.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-mirror-close-up-view_23-2148332906.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-mirror-close-up-view_23-2148332906.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6410.jpg?_wi=2",
|
||||
imageAlt: "detailing equipment professional",
|
||||
},
|
||||
]}
|
||||
title="Experience the RESERVE Difference"
|
||||
@@ -311,45 +196,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aleksandr M.",
|
||||
role: "Owner",
|
||||
company: "BMW",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg",
|
||||
},
|
||||
id: "1", name: "Aleksandr M.", role: "Owner", company: "BMW", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hilmon S.",
|
||||
role: "Car Enthusiast",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-analog-portrait-handsome-man-posing-indoors-couch-with-camera_23-2149630133.jpg",
|
||||
},
|
||||
id: "2", name: "Hilmon S.", role: "Car Enthusiast", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-analog-portrait-handsome-man-posing-indoors-couch-with-camera_23-2149630133.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lis S.",
|
||||
role: "Regular Client",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg",
|
||||
},
|
||||
id: "3", name: "Lis S.", role: "Regular Client", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Detailing Fan",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-tablet_23-2149403414.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Detailing Fan", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-tablet_23-2149403414.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria L.",
|
||||
role: "Busy Professional",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-turtleneck-sweater-looking-confident-front-view_176474-61711.jpg",
|
||||
},
|
||||
id: "5", name: "Maria L.", role: "Busy Professional", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-turtleneck-sweater-looking-confident-front-view_176474-61711.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="See why we have a perfect 5.0 rating on Google."
|
||||
@@ -360,16 +220,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us Today"
|
||||
title="Book Your Detail Now"
|
||||
description="222 SW 7th St, Miami, FL 33130. Open daily until 9 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book: 786-642-9018",
|
||||
href: "tel:+17866429018",
|
||||
},
|
||||
text: "Call to Book: 786-642-9018", href: "tel:+17866429018"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -379,33 +236,21 @@ export default function LandingPage() {
|
||||
logoText="RESERVE Detailing®"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Location", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user