Update src/app/page.tsx

This commit is contained in:
2026-05-09 16:21:03 +00:00
parent 2c8f10bb75
commit 1853052b57

View File

@@ -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."
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,45 +194,20 @@ 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,
imageSrc: "http://img.b2bpic.net/free-photo/home-repair-renovation-interior-design-concept_53876-120421.jpg"},
{
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,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg"},
{
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,
imageSrc: "http://img.b2bpic.net/free-photo/young-children-recycling-with-copy-space_23-2148490264.jpg"},
{
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,
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-metallic-pattern-with-holes_23-2148311370.jpg"},
{
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,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-decorating-home_23-2150633327.jpg"},
]}
showRating={true}
title="Client Stories"
@@ -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: "#"},
],
},
]}