Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
329
src/app/page.tsx
329
src/app/page.tsx
@@ -31,83 +31,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PureShine"
|
||||
button={{
|
||||
text: "Find Station",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Find Station", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Clean Your Car, Elevate Your Standards."
|
||||
description="Experience the next generation of self-service car washing. High-pressure cleaning, advanced foam technology, and intuitive controls for a flawless shine every time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Washing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Washing", href: "#pricing" }, { text: "Learn More", href: "#about" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-3238.jpg?_wi=1",
|
||||
imageAlt: "Night view of high-tech car wash bay",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-blue-water-drops-some-surface_23-2148070864.jpg?_wi=1",
|
||||
imageAlt: "Close up of high pressure water stream",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=1",
|
||||
imageAlt: "Modern touchscreen wash control",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-splashing-near-foam_23-2147798203.jpg?_wi=1",
|
||||
imageAlt: "Thick foam suds cleaning process",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg?_wi=1",
|
||||
imageAlt: "Industrial vacuum station detail",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-3545.jpg?_wi=1",
|
||||
imageAlt: "High pressure water rinsing car",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-3238.jpg", imageAlt: "Night view of high-tech car wash bay" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/background-blue-water-drops-some-surface_23-2148070864.jpg", imageAlt: "Close up of high pressure water stream" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "Modern touchscreen wash control" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/water-splashing-near-foam_23-2147798203.jpg", imageAlt: "Thick foam suds cleaning process" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg", imageAlt: "Industrial vacuum station detail" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-3545.jpg", imageAlt: "High pressure water rinsing car" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,10 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Advanced Engineering for a Pristine Finish"
|
||||
description={[
|
||||
"PureShine combines precision engineering with premium cleaning solutions to ensure your vehicle gets the care it deserves.",
|
||||
"Our self-service facilities are designed for speed, reliability, and unparalleled cleaning performance. From advanced soap mixtures to high-power drying, every detail is optimized.",
|
||||
"We leverage cutting-edge water management and filtration systems to provide an eco-friendly and effective car wash experience.",
|
||||
]}
|
||||
"PureShine combines precision engineering with premium cleaning solutions to ensure your vehicle gets the care it deserves.", "Our self-service facilities are designed for speed, reliability, and unparalleled cleaning performance. From advanced soap mixtures to high-power drying, every detail is optimized.", "We leverage cutting-edge water management and filtration systems to provide an eco-friendly and effective car wash experience."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,56 +75,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Foaming Brush",
|
||||
description: "Gently remove dirt with our specialized foaming brush, calibrated for safety and deep cleaning power.",
|
||||
icon: Sparkles,
|
||||
title: "Precision Foaming Brush", description: "Gently remove dirt with our specialized foaming brush, calibrated for safety and deep cleaning power.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194066.jpg?_wi=1",
|
||||
imageAlt: "Foaming brush tool",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194066.jpg?_wi=2",
|
||||
imageAlt: "Alternative view foaming brush",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-3238.jpg?_wi=2",
|
||||
imageAlt: "modern car wash bay night",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194066.jpg", imageAlt: "Foaming brush tool" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194066.jpg", imageAlt: "Alternative view foaming brush" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "High-Pressure Drying",
|
||||
description: "Our ultra-fast air dryers eliminate spots and streak-free surfaces without needing to touch your paintwork.",
|
||||
icon: Zap,
|
||||
title: "High-Pressure Drying", description: "Our ultra-fast air dryers eliminate spots and streak-free surfaces without needing to touch your paintwork.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-protective-equipment-disinfecting_23-2148848578.jpg?_wi=1",
|
||||
imageAlt: "High pressure air blower",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-protective-equipment-disinfecting_23-2148848578.jpg?_wi=2",
|
||||
imageAlt: "Alternative air blower angle",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-blue-water-drops-some-surface_23-2148070864.jpg?_wi=2",
|
||||
imageAlt: "car wash water spray detail",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-protective-equipment-disinfecting_23-2148848578.jpg", imageAlt: "High pressure air blower" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-protective-equipment-disinfecting_23-2148848578.jpg", imageAlt: "Alternative air blower angle" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly Filtration",
|
||||
description: "Advanced water recycling ensures we minimize environmental impact while maintaining peak performance in every wash cycle.",
|
||||
icon: Shield,
|
||||
title: "Eco-Friendly Filtration", description: "Advanced water recycling ensures we minimize environmental impact while maintaining peak performance in every wash cycle.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/objects-with-reflective-effect_23-2150141924.jpg?_wi=1",
|
||||
imageAlt: "Filtration system technology",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/objects-with-reflective-effect_23-2150141924.jpg?_wi=2",
|
||||
imageAlt: "System infrastructure view",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=2",
|
||||
imageAlt: "car wash touchscreen control panel",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/objects-with-reflective-effect_23-2150141924.jpg", imageAlt: "Filtration system technology" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/objects-with-reflective-effect_23-2150141924.jpg", imageAlt: "System infrastructure view" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Why Choose PureShine?"
|
||||
description="Our stations feature state-of-the-art tools designed for the modern driver."
|
||||
@@ -193,55 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Quick Rinse",
|
||||
price: "$5",
|
||||
period: "per cycle",
|
||||
features: [
|
||||
"3 minutes high-pressure water",
|
||||
"Basic soap cycle",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Basic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-splashing-near-foam_23-2147798203.jpg?_wi=2",
|
||||
imageAlt: "car wash soap foam suds",
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
title: "Deep Clean",
|
||||
price: "$12",
|
||||
period: "per cycle",
|
||||
features: [
|
||||
"All basic features",
|
||||
"Active foam technology",
|
||||
"6 minutes high-pressure wash",
|
||||
"Underbody rinse",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Standard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg?_wi=2",
|
||||
imageAlt: "modern car wash vacuum station",
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Ultimate Shine",
|
||||
price: "$20",
|
||||
period: "per cycle",
|
||||
features: [
|
||||
"All deep clean features",
|
||||
"Wax coat application",
|
||||
"Spot-free rinse",
|
||||
"Extended drying time",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Ultimate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-3545.jpg?_wi=2",
|
||||
imageAlt: "person rinsing car high pressure",
|
||||
},
|
||||
{ id: "basic", title: "Quick Rinse", price: "$5", period: "per cycle", features: ["3 minutes high-pressure water", "Basic soap cycle"], button: { text: "Choose Basic" }, imageSrc: "http://img.b2bpic.net/free-photo/water-splashing-near-foam_23-2147798203.jpg", imageAlt: "car wash soap foam suds" },
|
||||
{ id: "standard", title: "Deep Clean", price: "$12", period: "per cycle", features: ["All basic features", "Active foam technology", "6 minutes high-pressure wash", "Underbody rinse"], button: { text: "Choose Standard" }, imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg", imageAlt: "modern car wash vacuum station" },
|
||||
{ id: "premium", title: "Ultimate Shine", price: "$20", period: "per cycle", features: ["All deep clean features", "Wax coat application", "Spot-free rinse", "Extended drying time"], button: { text: "Choose Ultimate" }, imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-3545.jpg", imageAlt: "person rinsing car high pressure" },
|
||||
]}
|
||||
title="Simple Pricing, Premium Results"
|
||||
description="Flexible plans for every driver, whether you need a quick rinse or a deep detail."
|
||||
@@ -253,46 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Results",
|
||||
quote: "My car hasn't looked this clean in years. The foam technology is truly next-level.",
|
||||
name: "Sarah Miller",
|
||||
role: "Car Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sunglasses-cabriolet_1321-1413.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast and Reliable",
|
||||
quote: "I use these stations twice a week. The equipment is always maintained and super intuitive.",
|
||||
name: "James Chen",
|
||||
role: "Daily Driver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-pastel-vintage-gradient-white-pastel-background-used-variety-design-tasks-is-beautiful-blur-background_1258-82990.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Worth Every Penny",
|
||||
quote: "The Ultimate Shine program is brilliant. No streaks, just shine. Highly recommend!",
|
||||
name: "Alex Rivet",
|
||||
role: "Detailing Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-employee-red-cap-blank-tshirt-uniform-talking-mobile-phone-looking-camera-smiling-showing-ok-sign-standing-blue-background_141793-140566.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Best in the City",
|
||||
quote: "The equipment is modern and the facility is spotless. Finally a decent wash nearby.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Regular Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great Experience",
|
||||
quote: "The high-pressure wand is powerful and the foam is thick and effective. Excellent service.",
|
||||
name: "David Park",
|
||||
role: "SUV Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg",
|
||||
},
|
||||
{ id: "1", title: "Incredible Results", quote: "My car hasn't looked this clean in years. The foam technology is truly next-level.", name: "Sarah Miller", role: "Car Collector", imageSrc: "http://img.b2bpic.net/free-photo/young-man-sunglasses-cabriolet_1321-1413.jpg" },
|
||||
{ id: "2", title: "Fast and Reliable", quote: "I use these stations twice a week. The equipment is always maintained and super intuitive.", name: "James Chen", role: "Daily Driver", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-pastel-vintage-gradient-white-pastel-background-used-variety-design-tasks-is-beautiful-blur-background_1258-82990.jpg" },
|
||||
{ id: "3", title: "Worth Every Penny", quote: "The Ultimate Shine program is brilliant. No streaks, just shine. Highly recommend!", name: "Alex Rivet", role: "Detailing Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-employee-red-cap-blank-tshirt-uniform-talking-mobile-phone-looking-camera-smiling-showing-ok-sign-standing-blue-background_141793-140566.jpg" },
|
||||
{ id: "4", title: "Best in the City", quote: "The equipment is modern and the facility is spotless. Finally a decent wash nearby.", name: "Elena Rodriguez", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg" },
|
||||
{ id: "5", title: "Great Experience", quote: "The high-pressure wand is powerful and the foam is thick and effective. Excellent service.", name: "David Park", role: "SUV Owner", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg" },
|
||||
]}
|
||||
title="Trusted by Enthusiasts"
|
||||
description="See why our customers keep coming back for the ultimate wash."
|
||||
@@ -304,23 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are the cleaning chemicals safe?",
|
||||
content: "Yes, our cleaning agents are non-corrosive and specially formulated to be gentle on automotive clear coats while tough on grime.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I bring my own towels?",
|
||||
content: "Absolutely. You're welcome to use your own microfiber towels for drying or interior cleaning.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you accept credit cards?",
|
||||
content: "All of our stations are equipped with contactless payment systems including credit, debit, and mobile wallets.",
|
||||
},
|
||||
{ id: "f1", title: "Are the cleaning chemicals safe?", content: "Yes, our cleaning agents are non-corrosive and specially formulated to be gentle on automotive clear coats while tough on grime." },
|
||||
{ id: "f2", title: "Can I bring my own towels?", content: "Absolutely. You're welcome to use your own microfiber towels for drying or interior cleaning." },
|
||||
{ id: "f3", title: "Do you accept credit cards?", content: "All of our stations are equipped with contactless payment systems including credit, debit, and mobile wallets." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/objects-with-reflective-effect_23-2150141924.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/objects-with-reflective-effect_23-2150141924.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about PureShine facilities."
|
||||
@@ -334,25 +155,10 @@ export default function LandingPage() {
|
||||
title="Have a Question?"
|
||||
description="Reach out to our support team for any feedback or site inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/display-empty-photovoltaics-factory-monitoring-system-performance_482257-126111.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
@@ -362,50 +168,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Support", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Self-Service Bays",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Vacuum Stations",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Self-Service Bays", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Vacuum Stations", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user