Add src/app/services/page.tsx
This commit is contained in:
120
src/app/services/page.tsx
Normal file
120
src/app/services/page.tsx
Normal file
@@ -0,0 +1,120 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Portfolio", id: "/#portfolio"},
|
||||
{
|
||||
name: "Testimonials", id: "/#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "/#contact"},
|
||||
]}
|
||||
brandName="Lombard Landscaping by Morris LDC"
|
||||
button={{
|
||||
text: "Get a Free Quote", href: "/#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-content" data-section="services-content">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Comprehensive Lawn Care Services"
|
||||
description="Lombard Landscaping by Morris LDC offers a full range of professional lawn care and landscaping solutions to keep your property beautiful and healthy all year round."
|
||||
features={[
|
||||
{
|
||||
title: "Expert Lawn Mowing & Edging", description: "Precise lawn mowing, detailed edging, and thorough blowing to give your lawn a pristine, manicured look every time.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-mowing-lawn-with-mower_23-2149176465.jpg", imageAlt: "Lawn mower cutting grass"
|
||||
},
|
||||
{
|
||||
title: "Fertilization & Weed Control", description: "Customized fertilization programs and effective weed control treatments to ensure a lush, green, and weed-free lawn.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-fertilizing-lawn_23-2149176472.jpg", imageAlt: "Person applying fertilizer to a lawn"
|
||||
},
|
||||
{
|
||||
title: "Aeration & Overseeding", description: "Improve soil health and turf density with professional aeration and overseeding services for a thicker, more resilient lawn.", imageSrc: "http://img.b2bpic.net/free-photo/male-hand-holding-soil-with-young-plant_23-2149176483.jpg", imageAlt: "Close-up of aerated lawn with new grass seeds"
|
||||
},
|
||||
{
|
||||
title: "Seasonal Clean-Up", description: "Comprehensive spring and fall clean-up services, including leaf removal, debris clearing, and bed preparation.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-raking-leaves-autumn_23-2149176470.jpg", imageAlt: "Gardener raking leaves"
|
||||
},
|
||||
{
|
||||
title: "Shrub & Hedge Trimming", description: "Expert trimming and shaping of shrubs and hedges to maintain their health, appearance, and desired form.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-trimming-hedges_23-2149176469.jpg", imageAlt: "Gardener trimming a hedge"
|
||||
},
|
||||
{
|
||||
title: "Mulching & Edging Garden Beds", description: "Enhance the beauty of your garden beds with fresh mulch and crisp edging, suppressing weeds and retaining moisture.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-mulching-flower-bed_23-2149176475.jpg", imageAlt: "Garden bed with fresh mulch"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Design & Planning", href: "/services"},
|
||||
{
|
||||
label: "Installation", href: "/services"},
|
||||
{
|
||||
label: "Maintenance", href: "/services"},
|
||||
{
|
||||
label: "Outdoor Living", href: "/#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Portfolio", href: "/#portfolio"},
|
||||
{
|
||||
label: "Testimonials", href: "/#testimonials"},
|
||||
{
|
||||
label: "FAQ", href: "/#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact Us", href: "/#contact"},
|
||||
{
|
||||
label: "Get a Quote", href: "/#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Lombard Landscaping by Morris LDC. All rights reserved."
|
||||
bottomRightText="Crafted with passion for nature."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user