Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1bb0aaecca | |||
| 95c964486b | |||
| bd5967e78d | |||
| 7ff6cbc664 | |||
| 3737fc4559 | |||
| 1853052b57 |
235
src/app/page.tsx
235
src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { CheckCircle } from "lucide-react";
|
||||
import { CheckCircle, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,17 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Loyalty Program", id: "loyalty"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Gleam City"
|
||||
/>
|
||||
@@ -52,20 +48,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Gleam City: Your Bins, Perfected"
|
||||
description="Professional, deep-clean services for your garbage bins. Fresh, hygienic, and eco-friendly."
|
||||
description="Reclaim your time and protect your family's health with our expert bin cleaning. We eliminate 99% of bacteria and stubborn grime, leaving your bins sanitized, odor-free, and ready to use in minutes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-backyard-home-garden-with-tools_53876-96633.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="loyalty" data-section="loyalty">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "l1", icon: Award,
|
||||
title: "Paid Visits", value: "0/5"
|
||||
},
|
||||
{
|
||||
id: "l2", icon: Award,
|
||||
title: "Next Reward", value: "Free Clean"
|
||||
}
|
||||
]}
|
||||
title="Loyalty Rewards"
|
||||
description="Clean more, save more! Earn a free single bin cleaning for every 5 paid visits. Your discount will be automatically applied to your next qualifying order."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
@@ -81,26 +94,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Deep Wash",
|
||||
description: "Eliminates bacteria and odors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-concept-composition_23-2148999435.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-filling-her-thermos_23-2149284906.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Interior Deep Wash", description: "Eliminates bacteria and odors.", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-concept-composition_23-2148999435.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-filling-her-thermos_23-2149284906.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Exterior Pressure Wash",
|
||||
description: "Removes grime and dirt build-up.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sorting-garbage-concept-recycling-zero-waste_1153-5326.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/trashcan-with-plastic-garbage-outdoors_23-2147826312.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Exterior Pressure Wash", description: "Removes grime and dirt build-up.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sorting-garbage-concept-recycling-zero-waste_1153-5326.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/trashcan-with-plastic-garbage-outdoors_23-2147826312.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Optional Fragrance",
|
||||
description: "Fresh scent for a lasting clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-activist-grabbing-rubbish-with-claw-tool-forest_482257-91227.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/construction-worker-carrying-containers_23-2149328086.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Optional Fragrance", description: "Fresh scent for a lasting clean.", imageSrc: "http://img.b2bpic.net/free-photo/woman-activist-grabbing-rubbish-with-claw-tool-forest_482257-91227.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/construction-worker-carrying-containers_23-2149328086.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Our Cleaning Process"
|
||||
description="A comprehensive deep clean for total hygiene."
|
||||
@@ -115,47 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Result A",
|
||||
price: "Clean",
|
||||
variant: "Deep wash",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plastic-garbage-near-metallic-bin-park_23-2148214504.jpg",
|
||||
},
|
||||
id: "1", name: "Result A", price: "Clean", variant: "Deep wash", imageSrc: "http://img.b2bpic.net/free-photo/plastic-garbage-near-metallic-bin-park_23-2148214504.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Result B",
|
||||
price: "Clean",
|
||||
variant: "Interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg",
|
||||
},
|
||||
id: "2", name: "Result B", price: "Clean", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Result C",
|
||||
price: "Clean",
|
||||
variant: "Exterior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-sustainable-greenhouse_23-2149072091.jpg",
|
||||
},
|
||||
id: "3", name: "Result C", price: "Clean", variant: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-sustainable-greenhouse_23-2149072091.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Result D",
|
||||
price: "Clean",
|
||||
variant: "Deep wash",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803968.jpg",
|
||||
},
|
||||
id: "4", name: "Result D", price: "Clean", variant: "Deep wash", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803968.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Result E",
|
||||
price: "Clean",
|
||||
variant: "Interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-throwing-rubbish_23-2148586191.jpg",
|
||||
},
|
||||
id: "5", name: "Result E", price: "Clean", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-throwing-rubbish_23-2148586191.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Result F",
|
||||
price: "Clean",
|
||||
variant: "Exterior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-trash-can_23-2151113210.jpg",
|
||||
},
|
||||
id: "6", name: "Result F", price: "Clean", variant: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-trash-can_23-2151113210.jpg"},
|
||||
]}
|
||||
title="Before & After"
|
||||
description="Evidence of the Gleam City difference."
|
||||
@@ -169,52 +137,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Essential",
|
||||
price: "$10",
|
||||
subtitle: "1 Bin Wash",
|
||||
buttons: [
|
||||
id: "1", badge: "Essential", price: "$10", subtitle: "1 Bin Wash", buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full interior",
|
||||
"Full exterior",
|
||||
],
|
||||
"Full interior", "Full exterior"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Double",
|
||||
price: "$13",
|
||||
subtitle: "2 Bin Washes",
|
||||
buttons: [
|
||||
id: "2", badge: "Double", price: "$13", subtitle: "2 Bin Washes", buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full interior",
|
||||
"Full exterior",
|
||||
],
|
||||
"Full interior", "Full exterior"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Triple",
|
||||
price: "$15",
|
||||
subtitle: "3 Bin Washes",
|
||||
buttons: [
|
||||
id: "3", badge: "Triple", price: "$15", subtitle: "3 Bin Washes", buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full interior",
|
||||
"Full exterior",
|
||||
],
|
||||
"Full interior", "Full exterior"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -229,23 +173,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Bacteria Removed",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Bacteria Removed", value: "99%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Odors Neutralized",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m2", icon: CheckCircle,
|
||||
title: "Odors Neutralized", value: "100%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Happy Neighbors",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m3", icon: CheckCircle,
|
||||
title: "Happy Neighbors", value: "500+"},
|
||||
]}
|
||||
title="Why It Matters"
|
||||
description="Hygiene metrics that keep your home healthy."
|
||||
@@ -259,44 +194,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@customer",
|
||||
testimonial: "Excellent service, my bins have never looked better!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-repair-renovation-interior-design-concept_53876-120421.jpg",
|
||||
id: "1", name: "Alice M.", handle: "@customer", testimonial: "Excellent service, my bins have never looked better!", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob T.",
|
||||
handle: "@customer",
|
||||
testimonial: "So convenient and fast. I love the option for scent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
|
||||
id: "2", name: "Bob T.", handle: "@customer", testimonial: "So convenient and fast. I love the option for scent.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie D.",
|
||||
handle: "@customer",
|
||||
testimonial: "Very professional staff and great communication.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-children-recycling-with-copy-space_23-2148490264.jpg",
|
||||
id: "3", name: "Charlie D.", handle: "@customer", testimonial: "Very professional staff and great communication.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana S.",
|
||||
handle: "@customer",
|
||||
testimonial: "The best bin cleaning service in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-metallic-pattern-with-holes_23-2148311370.jpg",
|
||||
id: "4", name: "Dana S.", handle: "@customer", testimonial: "The best bin cleaning service in town.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan F.",
|
||||
handle: "@customer",
|
||||
testimonial: "Super clean, no odors. Will definitely book again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-decorating-home_23-2150633327.jpg",
|
||||
id: "5", name: "Evan F.", handle: "@customer", testimonial: "Super clean, no odors. Will definitely book again.", rating: 5,
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
@@ -309,16 +219,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking"
|
||||
title="Ready to get started?"
|
||||
description="Book your slot and secure your clean bin today. Simple, fast, and reliable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Online", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,29 +235,19 @@ export default function LandingPage() {
|
||||
logoText="Gleam City"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
label: "Services", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user