Merge version_1 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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="Sun City Wash"
|
||||
/>
|
||||
@@ -57,48 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
title="Sparkling Clean. Every Single Time."
|
||||
description="Experience premium self-service car wash facilities designed to get your vehicle shining like new. Fast, effective, and always available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-washing-station_1157-27219.jpg?_wi=1",
|
||||
imageAlt: "self service car wash bay",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-marine-water_23-2147798195.jpg?_wi=1",
|
||||
imageAlt: "car foam washing suds",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-using-shampoo-water_1150-6984.jpg",
|
||||
imageAlt: "high pressure water spray car",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-washing-his-car-by-sponge-with-soap-solution_651396-3234.jpg",
|
||||
imageAlt: "car wash brush cleaning",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bubbles-splashing-water_23-2147798199.jpg",
|
||||
imageAlt: "car wash bay interior lighting",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5021.jpg",
|
||||
imageAlt: "happy driver washing car",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-washing-station_1157-27219.jpg", imageAlt: "self service car wash bay" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/bubbles-marine-water_23-2147798195.jpg", imageAlt: "car foam washing suds" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-using-shampoo-water_1150-6984.jpg", imageAlt: "high pressure water spray car" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/driver-washing-his-car-by-sponge-with-soap-solution_651396-3234.jpg", imageAlt: "car wash brush cleaning" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bubbles-splashing-water_23-2147798199.jpg", imageAlt: "car wash bay interior lighting" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5021.jpg", imageAlt: "happy driver washing car" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,11 +61,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for Convenience and Quality"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,30 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "High-Pressure Wash",
|
||||
description: "Powerful cleaning action to remove road grime and dirt instantly.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22318.jpg",
|
||||
imageAlt: "Car wash detailing station",
|
||||
},
|
||||
{
|
||||
title: "Foaming Brush",
|
||||
description: "Deep cleaning suds to gently scrub away stubborn surface debris.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-washing-station_1157-27219.jpg?_wi=2",
|
||||
imageAlt: "Car wash detailing station",
|
||||
},
|
||||
{
|
||||
title: "Spot-Free Rinse",
|
||||
description: "High-purity water filtration for a flawless, shiny finish every time.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-marine-water_23-2147798195.jpg?_wi=2",
|
||||
imageAlt: "Car wash detailing station",
|
||||
},
|
||||
{ title: "High-Pressure Wash", description: "Powerful cleaning action to remove road grime and dirt instantly.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Foaming Brush", description: "Deep cleaning suds to gently scrub away stubborn surface debris.", bentoComponent: "reveal-icon", icon: Droplets },
|
||||
{ title: "Spot-Free Rinse", description: "High-purity water filtration for a flawless, shiny finish every time.", bentoComponent: "reveal-icon", icon: Droplets },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of cleaning options to ensure your vehicle gets the care it deserves, using top-tier equipment."
|
||||
@@ -157,54 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Basic",
|
||||
price: "$5",
|
||||
subtitle: "Essential Wash",
|
||||
features: [
|
||||
"Quick Rinse",
|
||||
"Foam Brush",
|
||||
"High-Pressure Wash",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Standard",
|
||||
price: "$10",
|
||||
subtitle: "Complete Clean",
|
||||
features: [
|
||||
"All Basic Features",
|
||||
"Wax Treatment",
|
||||
"Tire Clean",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium",
|
||||
price: "$15",
|
||||
subtitle: "Total Detail",
|
||||
features: [
|
||||
"All Standard Features",
|
||||
"Spot-Free Rinse",
|
||||
"Undercarriage Wash",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Basic", price: "$5", subtitle: "Essential Wash", features: ["Quick Rinse", "Foam Brush", "High-Pressure Wash"], buttons: [{ text: "Select Plan" }] },
|
||||
{ id: "standard", badge: "Standard", price: "$10", subtitle: "Complete Clean", features: ["All Basic Features", "Wax Treatment", "Tire Clean"], buttons: [{ text: "Select Plan" }] },
|
||||
{ id: "premium", badge: "Premium", price: "$15", subtitle: "Total Detail", features: ["All Standard Features", "Spot-Free Rinse", "Undercarriage Wash"], buttons: [{ text: "Select Plan" }] },
|
||||
]}
|
||||
title="Affordable Wash Options"
|
||||
description="Flexible pricing tailored to your cleaning needs."
|
||||
@@ -214,32 +98,13 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTag="Reviews"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4509.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-hugging-car_1303-15118.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg",
|
||||
},
|
||||
{ id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg" },
|
||||
{ id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4509.jpg" },
|
||||
{ id: "3", name: "Mike Brown", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-hugging-car_1303-15118.jpg" },
|
||||
{ id: "4", name: "Sarah Davis", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg" },
|
||||
{ id: "5", name: "Chris Wilson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by Our Community"
|
||||
cardAnimation="slide-up"
|
||||
@@ -252,25 +117,10 @@ export default function LandingPage() {
|
||||
title="Visit Us Today"
|
||||
description="Have questions about our facilities? Reach out to us."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", 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/man-washing-his-car-washing-station_1157-27217.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -279,36 +129,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Sun City Wash"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Contact", items: [{ label: "Support", href: "#contact" }, { label: "Locations", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user