Switch to version 4: added src/app/services/page.tsx
This commit is contained in:
119
src/app/services/page.tsx
Normal file
119
src/app/services/page.tsx
Normal file
@@ -0,0 +1,119 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" }
|
||||
]}
|
||||
brandName="ARO Landscaping"
|
||||
button={{ text: "Get a Quote", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
title="Our Expert Landscaping Services"
|
||||
description="From initial design to ongoing maintenance, we offer a full suite of services to create and maintain your dream outdoor space."
|
||||
tag="Comprehensive Solutions"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1542478335-a6e542562145?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxzZXJ2aWNlcyUyMGxhbmRzY2FwaW5nfGVufDB8fHx8MTcwNjI1MjI0MXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Landscapers working in a garden" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "/contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "garden-design", title: "Custom Garden Design", author: "Creative Solutions", description: "Bring your vision to life with bespoke garden layouts and plant selections that thrive in your environment.", tags: ["Design", "Planting", "Consultation"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1563721345862-231a4c9f1a2a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxtb2Rlcm4lMjBnYXJkZW4lMjBkZXNpZ258ZW58MHx8fHwxNzA2MjUyMjQxfDA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Beautifully designed modern garden with lush green plants and stone pathway, showcasing custom garden design by ARO Landscaping."
|
||||
},
|
||||
{
|
||||
id: "lawn-care", title: "Professional Lawn Care", author: "Healthy & Green", description: "Keep your lawn lush and healthy year-round with our expert mowing, fertilization, and pest control services.", tags: ["Mowing", "Fertilizing", "Weeding"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1627937400589-9b4b0e9a3b2b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxwcm9mZXNzaW9uYWwlMjBsYXduJTIwY2FyZXxlbnwwfHx8fDE3MDYyNTIyNDF8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Pristine green lawn being professionally mowed by a landscaper, highlighting ARO Landscaping's lawn care services."
|
||||
},
|
||||
{
|
||||
id: "hardscaping", title: "Hardscaping & Patios", author: "Durable & Elegant", description: "Enhance functionality and aesthetics with custom patios, walkways, retaining walls, and outdoor kitchens.", tags: ["Patios", "Walkways", "Stone Work"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1595709971917-0f9f3b1b9e0f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxoYXJkc2NhcGluZ3xlbnwwfHx8fDE3MDYyNTIyNDF8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Newly installed elegant stone patio with outdoor furniture, demonstrating ARO Landscaping's hardscaping expertise."
|
||||
}
|
||||
]}
|
||||
title="Our Comprehensive Landscaping Services"
|
||||
description="From innovative design to meticulous maintenance, we cover every aspect of your outdoor living space."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c5v0jj"
|
||||
logoAlt="ARO Landscaping Logo"
|
||||
logoText="ARO Landscaping"
|
||||
copyrightText="© 2024 ARO Landscaping. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Garden Design", href: "/services" },
|
||||
{ label: "Lawn Care", href: "/services" },
|
||||
{ label: "Hardscaping", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Portfolio", href: "/#portfolio" },
|
||||
{ label: "Testimonials", href: "/#testimonials" },
|
||||
{ label: "FAQ", href: "/#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user