Files
5ccd9674-cbd5-4cff-a8db-24b…/src/app/page.tsx
2026-03-29 21:40:11 +00:00

314 lines
9.2 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Home, Leaf, Shield, Snowflake, Star, Wrench } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="mediumLarge"
background="noise"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="JM Property"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Barries Trusted Property Maintenance & Landscaping Experts"
description="Proudly serving Simcoe County with reliable lawn care, snow removal & landscaping."
buttons={[
{
text: "Call (705) 817-4410",
href: "tel:7058174410",
},
{
text: "Get a Free Quote",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=1",
imageAlt: "Professional landscaping in Barrie",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=2",
imageAlt: "Lawn care results",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=3",
imageAlt: "Seasonal cleanup",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=4",
imageAlt: "Snow removal services",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=5",
imageAlt: "Fencing projects",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=6",
imageAlt: "Hardscaping detail",
},
]}
/>
</div>
<div id="services" data-section="services">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Leaf,
title: "Landscaping",
description: "Beautiful garden design and installation.",
},
{
icon: Star,
title: "Lawn Care",
description: "Weekly mowing, edging, and fertilization.",
},
{
icon: Shield,
title: "Fencing",
description: "Wood, chain-link, and decorative builds.",
},
{
icon: Wrench,
title: "Hardscaping",
description: "Patios, walkways, and interlocking design.",
},
{
icon: Leaf,
title: "Tree Care",
description: "Pruning, trimming, and removal.",
},
{
icon: Home,
title: "Grounds Maintenance",
description: "Full site upkeep for commercial and residential.",
},
{
icon: Snowflake,
title: "Snow Removal",
description: "24/7 monitoring for lots and driveways.",
},
{
icon: Leaf,
title: "Spring / Fall Cleanup",
description: "Seasonal yard debris management.",
},
]}
title="Our Services"
description="Comprehensive property solutions tailored for Simcoe County."
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Why Choose JM Property?"
description="Locally owned and operated in Barrie, we bring integrity-driven service to every project. Fully insured and committed to delivering professional results."
bulletPoints={[
{
title: "Fast Response",
description: "We prioritize communication.",
},
{
title: "24/7 Winter Service",
description: "We are there when you need us.",
},
{
title: "Local Experts",
description: "Serving Simcoe County for years.",
},
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/lush-tropical-garden_1385-762.jpg?_wi=7"
imageAlt="Expert property care"
/>
</div>
<div id="projects" data-section="projects">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Patio Renovation",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/woman-hitting-wheel-with-hammer_23-2147671876.jpg",
},
{
id: "p2",
name: "Lawn Restoration",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-roof-building-with-cars-green-plants_181624-20963.jpg",
},
{
id: "p3",
name: "Commercial Snow Clearing",
price: "Seasonal",
imageSrc: "http://img.b2bpic.net/free-photo/railway-covered-with-smooth-white-snow_181624-12340.jpg",
},
]}
title="Recent Projects"
description="See the results of our dedication."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "James Sherrer",
imageSrc: "http://img.b2bpic.net/free-photo/life-home-with-couple-relaxin-together_23-2149129080.jpg",
},
{
id: "t2",
name: "Sean Barber",
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-good-looking-caucasian-bearded-man-blue-shirt-gloves-smiling-camera-holding-pot-with-flower-hands-working-garden_176420-19923.jpg",
},
{
id: "t3",
name: "Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-living-farmhouse_23-2150621710.jpg",
},
{
id: "t4",
name: "David Wilson",
imageSrc: "http://img.b2bpic.net/free-photo/best-team-whole-company_329181-15141.jpg?_wi=1",
},
{
id: "t5",
name: "Emily Watson",
imageSrc: "http://img.b2bpic.net/free-photo/best-team-whole-company_329181-15141.jpg?_wi=2",
},
]}
cardTitle="Client Feedback"
cardAnimation="slide-up"
cardTag="Testimonials"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Lets Talk"
title="Ready to Transform Your Property?"
description="Call us today at (705) 817-4410 or request a free quote online."
buttons={[
{
text: "Call Now",
href: "tel:7058174410",
},
{
text: "Request Quote",
href: "mailto:jmlandscapingandproperty@gmail.com",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Barrie",
href: "#",
},
{
label: "Innisfil",
href: "#",
},
{
label: "Oro-Medonte",
href: "#",
},
{
label: "Springwater",
href: "#",
},
],
},
]}
logoText="JM Property Maintenance"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}