Merge version_1 into main #2
369
src/app/page.tsx
369
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { CheckCircle, Star, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -26,274 +26,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "/book",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="BLENC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Book Now", id: "/book" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BLENC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Keep Your Home Clean, Fresh & Beautiful with BLENC"
|
||||
description="Professional gutter cleaning, window cleaning, and yard care — all in one place. Reliable, simple, and ready when you are."
|
||||
tag="Home Services Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-home-with-contemporary-architecture-landscaping_84443-74901.jpg",
|
||||
imageAlt: "Clean modern house",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg",
|
||||
imageAlt: "Well maintained garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-cleaning-window_23-2147782378.jpg?_wi=1",
|
||||
imageAlt: "Sparkling window cleaning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg?_wi=1",
|
||||
imageAlt: "Professional garden maintenance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552216.jpg?_wi=1",
|
||||
imageAlt: "Professional cleaning tools",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by 500+ Local Homeowners"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Keep Your Home Clean, Fresh & Beautiful with BLENC"
|
||||
description="Professional gutter cleaning, window cleaning, and yard care — all in one place. Reliable, simple, and ready when you are."
|
||||
tag="Home Services Excellence"
|
||||
buttons={[
|
||||
{ text: "Book Now", href: "/book" },
|
||||
{ text: "Get a Quote", href: "/contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-home-with-contemporary-architecture-landscaping_84443-74901.jpg", imageAlt: "Clean modern house" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg", imageAlt: "Well maintained garden" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by 500+ Local Homeowners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Maintenance",
|
||||
title: "Gutter Cleaning",
|
||||
items: [
|
||||
"Debris removal",
|
||||
"Downspout flush",
|
||||
"Clog prevention",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Exterior",
|
||||
title: "Window Cleaning",
|
||||
items: [
|
||||
"Interior glass",
|
||||
"Exterior glass",
|
||||
"Streak-free finish",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Care",
|
||||
title: "Yard Cleaning",
|
||||
items: [
|
||||
"Leaf clearance",
|
||||
"Garden tidy-up",
|
||||
"Waste removal",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Services We Provide"
|
||||
description="Premium care for your outdoor living space and home exterior."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", label: "Maintenance", title: "Gutter Cleaning", items: ["Debris removal", "Downspout flush", "Clog prevention"] },
|
||||
{ id: "s2", label: "Exterior", title: "Window Cleaning", items: ["Interior glass", "Exterior glass", "Streak-free finish"] },
|
||||
{ id: "s3", label: "Care", title: "Yard Cleaning", items: ["Leaf clearance", "Garden tidy-up", "Waste removal"] },
|
||||
]}
|
||||
title="Services We Provide"
|
||||
description="Premium care for your outdoor living space and home exterior."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-proof" data-section="trust-proof">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-9479.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Khoza",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Dlamini",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jacob S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teenage-girl-holding-coffee-cup_23-2147906553.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lerato M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Customer Reviews"
|
||||
cardTag="What Our Clients Say"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="trust-proof" data-section="trust-proof">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Customer Reviews"
|
||||
cardTag="What Our Clients Say"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-9479.jpg" },
|
||||
{ id: "2", name: "David Khoza", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg" },
|
||||
{ id: "3", name: "Emily Dlamini", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg" },
|
||||
{ id: "4", name: "Jacob S.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teenage-girl-holding-coffee-cup_23-2147906553.jpg" },
|
||||
{ id: "5", name: "Lerato M.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose BLENC"
|
||||
description="We deliver excellence in every corner of your home exterior."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
description: "Local homeowners trusted us.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1200+",
|
||||
title: "Jobs Completed",
|
||||
description: "Quality service delivered.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
title: "Average Rating",
|
||||
description: "Top tier customer satisfaction.",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose BLENC"
|
||||
description="We deliver excellence in every corner of your home exterior."
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", title: "Happy Clients", description: "Local homeowners trusted us.", icon: Users },
|
||||
{ id: "m2", value: "1200+", title: "Jobs Completed", description: "Quality service delivered.", icon: CheckCircle },
|
||||
{ id: "m3", value: "5.0", title: "Average Rating", description: "Top tier customer satisfaction.", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Flexible Service Plans"
|
||||
description="Choose the right level of care for your property."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "R450",
|
||||
subtitle: "Basic maintenance",
|
||||
features: [
|
||||
"Gutter flush",
|
||||
"Window wipe",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "R850",
|
||||
subtitle: "Full property care",
|
||||
features: [
|
||||
"Gutter cleaning",
|
||||
"Full window wash",
|
||||
"Lawn tidying",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Flexible Service Plans"
|
||||
description="Choose the right level of care for your property."
|
||||
plans={[
|
||||
{ id: "p1", badge: "Essential", price: "R450", subtitle: "Basic maintenance", features: ["Gutter flush", "Window wipe"], buttons: [{ text: "Book Now", href: "/book" }] },
|
||||
{ id: "p2", badge: "Premium", price: "R850", subtitle: "Full property care", features: ["Gutter cleaning", "Full window wash", "Lawn tidying"], buttons: [{ text: "Book Now", href: "/book" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "BLENC",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Gutter Cleaning",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Window Cleaning",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Yard Care",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 BLENC. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "BLENC", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Services", items: [{ label: "Gutter Cleaning", href: "/services" }, { label: "Window Cleaning", href: "/services" }, { label: "Yard Care", href: "/services" }] },
|
||||
]}
|
||||
copyrightText="© 2025 BLENC. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user