Merge version_1 into main #1
220
src/app/page.tsx
220
src/app/page.tsx
@@ -19,27 +19,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sparkle Bin Cleaning"
|
||||
/>
|
||||
@@ -48,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Sparkle Bin Cleaning"
|
||||
description="We eliminate odors, bacteria, and grime from your bins, ensuring a fresh, clean experience every week."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cleaning",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Cleaning", href: "#contact"},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Pricing", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-shopping-with-fabric-tote-bag_23-2149431757.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -74,34 +68,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Eco-Friendly",
|
||||
title: "Biodegradable Agents",
|
||||
items: [
|
||||
"Uses 100% biodegradable soaps",
|
||||
"Safe for plants and pets",
|
||||
"No harsh chemical runoff",
|
||||
],
|
||||
id: "f1", label: "Eco-Friendly", title: "Biodegradable Agents", items: [
|
||||
"Uses 100% biodegradable soaps", "Safe for plants and pets", "No harsh chemical runoff"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "High Power",
|
||||
title: "High-Pressure Wash",
|
||||
items: [
|
||||
"Removes stubborn grime",
|
||||
"Hot water sanitation",
|
||||
"Eliminates 99.9% of bacteria",
|
||||
],
|
||||
id: "f2", label: "High Power", title: "High-Pressure Wash", items: [
|
||||
"Removes stubborn grime", "Hot water sanitation", "Eliminates 99.9% of bacteria"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Deodorized",
|
||||
title: "Fresh Scent Finish",
|
||||
items: [
|
||||
"Smell-proof treatment",
|
||||
"Long-lasting fragrance",
|
||||
"Eliminates unwanted odors",
|
||||
],
|
||||
id: "f3", label: "Deodorized", title: "Fresh Scent Finish", items: [
|
||||
"Smell-proof treatment", "Long-lasting fragrance", "Eliminates unwanted odors"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Sparkle Bin?"
|
||||
@@ -111,30 +87,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
title: "Scheduled Arrival",
|
||||
description: "We show up on your trash pickup day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128732.jpg",
|
||||
},
|
||||
id: "m1", value: "1", title: "Scheduled Arrival", description: "We show up on your trash pickup day.", imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128732.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
title: "Pressure Wash",
|
||||
description: "High-pressure, hot water deep cleaning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-from-highpressure-hose-applies-cleaner-car_1153-8835.jpg",
|
||||
},
|
||||
id: "m2", value: "2", title: "Pressure Wash", description: "High-pressure, hot water deep cleaning.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-from-highpressure-hose-applies-cleaner-car_1153-8835.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
title: "Fresh Finish",
|
||||
description: "Disinfect, deodorize, and return.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-protective-equipment-disinfecting_23-2148848574.jpg",
|
||||
},
|
||||
id: "m3", value: "3", title: "Fresh Finish", description: "Disinfect, deodorize, and return.", imageSrc: "http://img.b2bpic.net/free-photo/person-protective-equipment-disinfecting_23-2148848574.jpg"},
|
||||
]}
|
||||
title="Our Simple Process"
|
||||
description="Three simple steps to a cleaner, safer home environment."
|
||||
@@ -148,37 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "one-time",
|
||||
title: "One-Time Clean",
|
||||
price: "$39",
|
||||
period: "/per visit",
|
||||
features: [
|
||||
"Full bin deep clean",
|
||||
"Disinfect & deodorize",
|
||||
"No contract",
|
||||
],
|
||||
id: "one-time", title: "One-Time Clean", price: "$39", period: "/per visit", features: [
|
||||
"Full bin deep clean", "Disinfect & deodorize", "No contract"],
|
||||
button: {
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371927.jpg",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371927.jpg"},
|
||||
{
|
||||
id: "monthly",
|
||||
title: "Monthly Subscription",
|
||||
price: "$29",
|
||||
period: "/per visit",
|
||||
features: [
|
||||
"Regular recurring service",
|
||||
"Consistent cleanings",
|
||||
"10% off extra bins",
|
||||
],
|
||||
id: "monthly", title: "Monthly Subscription", price: "$29", period: "/per visit", features: [
|
||||
"Regular recurring service", "Consistent cleanings", "10% off extra bins"],
|
||||
button: {
|
||||
text: "Subscribe",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-stickers-basket_23-2148696998.jpg",
|
||||
},
|
||||
text: "Subscribe", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-stickers-basket_23-2148696998.jpg"},
|
||||
]}
|
||||
title="Simple Pricing Plans"
|
||||
description="Choose the cleaning schedule that works best for your household."
|
||||
@@ -192,40 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "My bins have never been this clean! They smell amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-man-doing-house-chores_23-2151733084.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "My bins have never been this clean! They smell amazing.", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-man-doing-house-chores_23-2151733084.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike B.",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Prompt and efficient. Love the fresh smell after service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-posing-house-cleaning-with-products_23-2148457066.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike B.", handle: "@mikeb", testimonial: "Prompt and efficient. Love the fresh smell after service.", imageSrc: "http://img.b2bpic.net/free-photo/father-son-posing-house-cleaning-with-products_23-2148457066.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily D.",
|
||||
handle: "@emilyd",
|
||||
testimonial: "Finally a solution for those pesky odors in summer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-offering-engagement-ring-her-girlfriend_23-2147891248.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily D.", handle: "@emilyd", testimonial: "Finally a solution for those pesky odors in summer.", imageSrc: "http://img.b2bpic.net/free-photo/man-offering-engagement-ring-her-girlfriend_23-2147891248.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John K.",
|
||||
handle: "@johnk",
|
||||
testimonial: "Excellent service and very reliable team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411784.jpg",
|
||||
},
|
||||
id: "t4", name: "John K.", handle: "@johnk", testimonial: "Excellent service and very reliable team.", imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411784.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa M.",
|
||||
handle: "@lisam",
|
||||
testimonial: "Worth every penny for the peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-clutching-gate-door_1139-490.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa M.", handle: "@lisam", testimonial: "Worth every penny for the peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/woman-clutching-gate-door_1139-490.jpg"},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="See why local families trust us with their bins."
|
||||
@@ -234,25 +151,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
animationType="slide-up"
|
||||
animationType="smooth"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you need me home?",
|
||||
content: "No, we work independently on your bin pickup day.",
|
||||
},
|
||||
id: "q1", title: "Do you need me home?", content: "No, we work independently on your bin pickup day."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your chemicals safe?",
|
||||
content: "Yes, we use 100% non-toxic, biodegradable solutions.",
|
||||
},
|
||||
id: "q2", title: "Are your chemicals safe?", content: "Yes, we use 100% non-toxic, biodegradable solutions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We currently serve the greater metro area.",
|
||||
},
|
||||
id: "q3", title: "What areas do you serve?", content: "We currently serve the greater metro area."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our bin cleaning process?"
|
||||
@@ -265,14 +173,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Home Services Pro",
|
||||
"Sanitary Association",
|
||||
"Green Local Business",
|
||||
"Community Cleanup Group",
|
||||
"EcoCertified",
|
||||
"Neighborhood Watch Safe",
|
||||
"Trash Removal Experts",
|
||||
]}
|
||||
"Home Services Pro", "Sanitary Association", "Green Local Business", "Community Cleanup Group", "EcoCertified", "Neighborhood Watch Safe", "Trash Removal Experts"]}
|
||||
title="Trusted by Local Organizations"
|
||||
description="Proudly supporting local sanitation standards."
|
||||
/>
|
||||
@@ -282,20 +183,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Book Service"
|
||||
title="Ready for Sparkle?"
|
||||
description="Contact us today to schedule your first bin cleaning."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550101",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550101"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@sparklebin.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:hello@sparklebin.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,33 +200,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@sparklebin.com",
|
||||
},
|
||||
label: "Email", href: "mailto:hello@sparklebin.com"},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:5550101",
|
||||
},
|
||||
label: "Phone", href: "tel:5550101"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user