Merge version_2 into main #1
328
src/app/page.tsx
328
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="BinBot"
|
||||
/>
|
||||
@@ -55,99 +47,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Clean, Sanitized Bins at Your Doorstep"
|
||||
description="Experience the ease of our professional bin cleaning service. Schedule your next cleaning in seconds with our AI-powered chatbot assistant."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "The easiest service I've used. The chatbot booked my cleaning in 30 seconds!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-while-nature-adventure_23-2148647990.jpg",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "The easiest service I've used. The chatbot booked my cleaning in 30 seconds!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-while-nature-adventure_23-2148647990.jpg"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Bins are sparkling clean every time. Highly recommended service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-man-looking-camera_23-2147891187.jpg",
|
||||
},
|
||||
name: "Jane Smith", handle: "@janesmith", testimonial: "Bins are sparkling clean every time. Highly recommended service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-man-looking-camera_23-2147891187.jpg"},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@markw",
|
||||
testimonial: "Simple, fast, and professional results every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2911.jpg",
|
||||
},
|
||||
name: "Mark Wilson", handle: "@markw", testimonial: "Simple, fast, and professional results every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2911.jpg"},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@slee",
|
||||
testimonial: "Finally a service that makes sense! Professional and reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg",
|
||||
},
|
||||
name: "Sarah Lee", handle: "@slee", testimonial: "Finally a service that makes sense! Professional and reliable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg"},
|
||||
{
|
||||
name: "Tom Baker",
|
||||
handle: "@tombaker",
|
||||
testimonial: "Great experience. No mess, no hassle, just a clean bin.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg",
|
||||
},
|
||||
name: "Tom Baker", handle: "@tombaker", testimonial: "Great experience. No mess, no hassle, just a clean bin.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-woman-filling-her-thermos_23-2149284906.jpg"
|
||||
imageAlt="Professional Bin Cleaning Service"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-street_839833-16677.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-street_839833-16677.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-joyful-guy-enjoying-leisure-time_1262-20555.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-joyful-guy-enjoying-leisure-time_1262-20555.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-standing-escalator_107420-63612.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-standing-escalator_107420-63612.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-362.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-362.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Cleaning",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Cleaning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sanitized & Fresh",
|
||||
},
|
||||
type: "text", text: "Sanitized & Fresh"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Automated Scheduling",
|
||||
},
|
||||
type: "text", text: "AI Automated Scheduling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned & Operated",
|
||||
},
|
||||
type: "text", text: "Locally Owned & Operated"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Satisfaction Guaranteed",
|
||||
},
|
||||
type: "text", text: "100% Satisfaction Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,21 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Stains and grime",
|
||||
"Bacterial growth",
|
||||
"Unpleasant odors",
|
||||
"Pest attraction",
|
||||
"Surface corrosion",
|
||||
],
|
||||
"Stains and grime", "Bacterial growth", "Unpleasant odors", "Pest attraction", "Surface corrosion"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Deep sanitized cleaning",
|
||||
"100% Eco-friendly process",
|
||||
"AI-driven automated scheduling",
|
||||
"Rapid response times",
|
||||
"Transparent affordable pricing",
|
||||
],
|
||||
"Deep sanitized cleaning", "100% Eco-friendly process", "AI-driven automated scheduling", "Rapid response times", "Transparent affordable pricing"],
|
||||
}}
|
||||
title="Why Choose Our Service"
|
||||
description="We use eco-friendly products and state-of-the-art equipment to ensure your bins are germ-free and smelling great."
|
||||
@@ -187,23 +126,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Bins Cleaned",
|
||||
value: "10,000+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Bins Cleaned", value: "10,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Homes Sanitized",
|
||||
value: "2,500+",
|
||||
},
|
||||
id: "m2", icon: Shield,
|
||||
title: "Homes Sanitized", value: "2,500+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Zap,
|
||||
title: "Chatbot Bookings",
|
||||
value: "15,000+",
|
||||
},
|
||||
id: "m3", icon: Zap,
|
||||
title: "Chatbot Bookings", value: "15,000+"},
|
||||
]}
|
||||
title="Service Impact"
|
||||
description="Our numbers prove the effectiveness of our cleaning solutions."
|
||||
@@ -217,54 +147,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$20",
|
||||
subtitle: "Single Bin Cleaning",
|
||||
features: [
|
||||
"Deep Sanitation",
|
||||
"Deodorizing treatment",
|
||||
"No contract",
|
||||
],
|
||||
id: "basic", badge: "Standard", price: "$20", subtitle: "Single Bin Cleaning", features: [
|
||||
"Deep Sanitation", "Deodorizing treatment", "No contract"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Recommended",
|
||||
price: "$45",
|
||||
subtitle: "Monthly Subscription",
|
||||
features: [
|
||||
"Monthly cleaning",
|
||||
"Priority scheduling",
|
||||
"Auto-billing with Bot",
|
||||
],
|
||||
id: "pro", badge: "Recommended", price: "$45", subtitle: "Monthly Subscription", features: [
|
||||
"Monthly cleaning", "Priority scheduling", "Auto-billing with Bot"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Best Value",
|
||||
price: "$120",
|
||||
subtitle: "Annual Package",
|
||||
features: [
|
||||
"12 cleanings per year",
|
||||
"Priority status",
|
||||
"Dedicated AI Support",
|
||||
],
|
||||
id: "premium", badge: "Best Value", price: "$120", subtitle: "Annual Package", features: [
|
||||
"12 cleanings per year", "Priority status", "Dedicated AI Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -280,23 +183,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "p1",
|
||||
icon: Star,
|
||||
title: "Customer Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
id: "p1", icon: Star,
|
||||
title: "Customer Satisfaction", value: "99%"},
|
||||
{
|
||||
id: "p2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
id: "p2", icon: Award,
|
||||
title: "Years Experience", value: "10+"},
|
||||
{
|
||||
id: "p3",
|
||||
icon: Smile,
|
||||
title: "Repeat Customers",
|
||||
value: "95%",
|
||||
},
|
||||
id: "p3", icon: Smile,
|
||||
title: "Repeat Customers", value: "95%"},
|
||||
]}
|
||||
title="Our Reach"
|
||||
description="Serving thousands of happy homes across the region."
|
||||
@@ -310,59 +204,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Area", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Thomas",
|
||||
role: "Business Owner",
|
||||
company: "Tech District",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg",
|
||||
},
|
||||
id: "2", name: "David Thomas", role: "Business Owner", company: "Tech District", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Roberts",
|
||||
role: "Resident",
|
||||
company: "Suburbs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
id: "3", name: "Emma Roberts", role: "Resident", company: "Suburbs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris Anderson",
|
||||
role: "Homeowner",
|
||||
company: "Main St",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2057.jpg",
|
||||
},
|
||||
id: "4", name: "Chris Anderson", role: "Homeowner", company: "Main St", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2057.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda White",
|
||||
role: "Client",
|
||||
company: "East Side",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-getting-ready-move-with-their-children_23-2149094130.jpg",
|
||||
},
|
||||
id: "5", name: "Linda White", role: "Client", company: "East Side", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-getting-ready-move-with-their-children_23-2149094130.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "1000+", label: "Reviews"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="What our local homeowners say about BinBot."
|
||||
@@ -375,20 +238,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the bin cleaning process work?",
|
||||
content: "We use high-pressure, hot water cleaning to sanitize and deodorize.",
|
||||
},
|
||||
id: "f1", title: "How does the bin cleaning process work?", content: "We use high-pressure, hot water cleaning to sanitize and deodorize."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need to be home?",
|
||||
content: "No, we work around your schedule as long as the bins are accessible.",
|
||||
},
|
||||
id: "f2", title: "Do I need to be home?", content: "No, we work around your schedule as long as the bins are accessible."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I book with the chatbot?",
|
||||
content: "Yes, our AI chatbot handles all scheduling requests 24/7.",
|
||||
},
|
||||
id: "f3", title: "Can I book with the chatbot?", content: "Yes, our AI chatbot handles all scheduling requests 24/7."},
|
||||
{
|
||||
id: "f4", title: "Are your cleaning agents safe for the environment?", content: "Yes! We exclusively use 100% biodegradable and eco-friendly cleaning agents that are safe for your family, pets, and the local ecosystem."}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? Our AI bot can answer most of these instantly."
|
||||
@@ -403,22 +259,13 @@ export default function LandingPage() {
|
||||
description="Send us a message, or use the chatbot icon to schedule right now."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Your Address",
|
||||
required: true,
|
||||
name: "address", type: "text", placeholder: "Your Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-living-room-interior-with-smart-home-control-panel_9975-33223.jpg"
|
||||
@@ -431,42 +278,27 @@ export default function LandingPage() {
|
||||
logoText="BinBot"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
label: "Residential", href: "#"},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
label: "Commercial", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -475,4 +307,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user