Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="3D Detailing Montclair"
|
||||
/>
|
||||
@@ -57,68 +47,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Auto Detailing Supplies for Professionals"
|
||||
description="Elevate your car care with our high-performance 3D detailing products. From ceramics to interior treatments, get the best results in Montclair."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-acr-service-station-checking-her-car-with-mechanic_1303-28482.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-acr-service-station-checking-her-car-with-mechanic_1303-28482.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-pointing-folder_23-2147897929.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/technician-pointing-folder_23-2147897929.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Detailing Professionals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Products", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ceramic Coating",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Ceramic Coating", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Leather Care",
|
||||
icon: Car,
|
||||
type: "text-icon", text: "Leather Care", icon: Car,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Paint Correction",
|
||||
icon: Palette,
|
||||
type: "text-icon", text: "Paint Correction", icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Wheel & Tire",
|
||||
icon: Circle,
|
||||
type: "text-icon", text: "Wheel & Tire", icon: Circle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Glass Perfection",
|
||||
icon: Maximize,
|
||||
type: "text-icon", text: "Glass Perfection", icon: Maximize,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -131,28 +96,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Professional Grade",
|
||||
description: "Used by the best in the industry, our products deliver consistent results.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-her-little-cheerful-helper-are-posing-photographer-dark-auto-service-as-great-team_613910-17046.jpg",
|
||||
imageAlt: "professional car detailing studio",
|
||||
title: "Professional Grade", description: "Used by the best in the industry, our products deliver consistent results.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Advanced Technology",
|
||||
description: "Next-gen chemical formulas for maximum protection and shine.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193570.jpg",
|
||||
imageAlt: "car ceramic coating treatment",
|
||||
title: "Advanced Technology", description: "Next-gen chemical formulas for maximum protection and shine.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Get tailored advice for every stage of your detailing project.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1798.jpg",
|
||||
imageAlt: "microfiber detailing towels stacks",
|
||||
title: "Expert Guidance", description: "Get tailored advice for every stage of your detailing project.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Our Supplies?"
|
||||
@@ -168,41 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "High Gloss Polish",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593838.jpg",
|
||||
},
|
||||
id: "p1", name: "High Gloss Polish", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593838.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ceramic Coating",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-lollipops-shape-flag-ukraine_169016-19999.jpg",
|
||||
},
|
||||
id: "p2", name: "Ceramic Coating", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/cooking-lollipops-shape-flag-ukraine_169016-19999.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tire Shine Gel",
|
||||
price: "$19.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27455.jpg",
|
||||
},
|
||||
id: "p3", name: "Tire Shine Gel", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27455.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Streak-Free Glass Cleaner",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dispenser-liquid-soap-isolated-white-background_169016-26894.jpg",
|
||||
},
|
||||
id: "p4", name: "Streak-Free Glass Cleaner", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/dispenser-liquid-soap-isolated-white-background_169016-26894.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Leather Conditioner",
|
||||
price: "$24.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg",
|
||||
},
|
||||
id: "p5", name: "Leather Conditioner", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Concentrated Wash Soap",
|
||||
price: "$22.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-colored-foam_23-2147798182.jpg",
|
||||
},
|
||||
id: "p6", name: "Concentrated Wash Soap", price: "$22.99", imageSrc: "http://img.b2bpic.net/free-photo/soft-colored-foam_23-2147798182.jpg"},
|
||||
]}
|
||||
title="Essential Detailing Products"
|
||||
description="Our curated catalog features only the highest performing supplies for every car owner."
|
||||
@@ -216,45 +142,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@alex_detailing",
|
||||
testimonial: "These supplies completely changed my workflow. The results are unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Rivet", handle: "@alex_detailing", testimonial: "These supplies completely changed my workflow. The results are unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sm_auto",
|
||||
testimonial: "Great service and high-quality products. My shop's favorite supplier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Miller", handle: "@sm_auto", testimonial: "Great service and high-quality products. My shop's favorite supplier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John Doe",
|
||||
handle: "@jdoe_detail",
|
||||
testimonial: "Finally, a local supplier in Montclair with professional expertise and stock.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg",
|
||||
},
|
||||
id: "t3", name: "John Doe", handle: "@jdoe_detail", testimonial: "Finally, a local supplier in Montclair with professional expertise and stock.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Unbeatable range of ceramic coating options. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-acr-service-station-checking-her-car-with-mechanic_1303-28482.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Wilson", handle: "@mwilson", testimonial: "Unbeatable range of ceramic coating options. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-acr-service-station-checking-her-car-with-mechanic_1303-28482.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe Smith",
|
||||
handle: "@c_details",
|
||||
testimonial: "I'm always impressed by the product quality. Always reliable results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-pointing-folder_23-2147897929.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe Smith", handle: "@c_details", testimonial: "I'm always impressed by the product quality. Always reliable results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-pointing-folder_23-2147897929.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of the Industry"
|
||||
@@ -266,8 +167,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Need Expert Detailing Advice?"
|
||||
description="Drop us a message or sign up for exclusive detailing tips and new product updates."
|
||||
@@ -282,37 +182,23 @@ export default function LandingPage() {
|
||||
logoText="3D Montclair"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "Ceramics",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Ceramics", href: "#products"},
|
||||
{
|
||||
label: "Chemicals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Chemicals", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user