Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4777eb76c4 | |||
| e330dc8840 | |||
| 3ed742a344 | |||
| 168eac38d2 | |||
| 746b2e3b03 | |||
| ff8c03d5f4 | |||
| aae69464ea | |||
| 2b9920193f | |||
| 1c58787e65 |
113
src/app/contact/page.tsx
Normal file
113
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,113 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
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 ContactPage() {
|
||||
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="Contact ARO Landscaping"
|
||||
description="Ready to start your next outdoor project? Get in touch with us for a free consultation and quote."
|
||||
tag="Your Vision, Our Expertise"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1587572793189-c4f4d2c1c3c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxyZWFjaCUyMG91dCUyMGxhbmRzY2FwaW5nfGVufDB8fHx8MTcwNjI1MjI0MXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Contact Us for Landscaping Services" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Today", href: "tel:123-456-7890"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Let's Create Your Dream Outdoor Space"
|
||||
description="Reach out to ARO Landscaping for inquiries, free consultations, or to schedule a service. Our team is ready to assist you in transforming your property. Call us at (123) 456-7890 or email us at info@arolandscaping.com."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote Now", href: "#contact-form" // Internal anchor on contact page, or can be a form component later
|
||||
},
|
||||
{
|
||||
text: "Call Us Today", href: "tel:123-456-7890"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
351
src/app/page.tsx
351
src/app/page.tsx
@@ -3,10 +3,8 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
@@ -33,43 +31,28 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="ARO Landscaping"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Transform Your Outdoor Space with ARO Landscaping"
|
||||
description="Crafting beautiful, functional, and sustainable landscapes tailored to your vision."
|
||||
tag="Expert Landscaping Solutions"
|
||||
@@ -77,40 +60,18 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "/services"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-girl-with-wavy-hair-bright-headband-black-top-light-jeans-dark-heels-sitting-holding-cocktail-modern-terrace_197531-23428.jpg",
|
||||
imageAlt: "Luxurious garden design with patio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-girl-with-wavy-hair-bright-headband-black-top-light-jeans-dark-heels-sitting-holding-cocktail-modern-terrace_197531-23428.jpg", imageAlt: "Luxurious garden design with patio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-meadow-with-laptop_1398-1406.jpg",
|
||||
imageAlt: "Well-maintained lawn with vibrant flowers",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-meadow-with-laptop_1398-1406.jpg", imageAlt: "Well-maintained lawn with vibrant flowers"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg",
|
||||
imageAlt: "Contemporary outdoor patio seating area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-forest-landscape-autumn-leaves-beauty-abounds-generated-by-ai_24911-72433.jpg",
|
||||
imageAlt: "Water feature in a tranquil garden",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-pots-with-variety-plants-interior-room_169016-17840.jpg",
|
||||
imageAlt: "Colorful flower bed planting design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg",
|
||||
imageAlt: "Newly planted trees and shrubs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg", imageAlt: "Contemporary outdoor patio seating area"}
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -123,75 +84,18 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Satisfied Clients", value: "250+"},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Years in Business",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years in Business", value: "15+"},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projects Completed", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</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: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1146.jpg",
|
||||
imageAlt: "Architectural garden design blueprint",
|
||||
},
|
||||
{
|
||||
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: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg",
|
||||
imageAlt: "Freshly mowed green lawn",
|
||||
},
|
||||
{
|
||||
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: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg",
|
||||
imageAlt: "Stone paver patio installation",
|
||||
},
|
||||
]}
|
||||
title="Our Comprehensive Landscaping Services"
|
||||
description="From innovative design to meticulous maintenance, we cover every aspect of your outdoor living space."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
@@ -200,65 +104,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "patio-oasis",
|
||||
brand: "Residential Project",
|
||||
name: "Backyard Patio Oasis",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7085.jpg",
|
||||
imageAlt: "Elegant outdoor patio with dining furniture",
|
||||
},
|
||||
id: "patio-oasis", brand: "Residential Project", name: "Backyard Patio Oasis", price: "Custom", rating: 5,
|
||||
reviewCount: "12 reviews", imageSrc: "https://images.unsplash.com/photo-1587572793189-c4f4d2c1c3c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxiYWNreWFyZCUyMHBhdGlvJTIwb2FzaXN8ZW58MHx8fHwxNzA2MjUyMjQxfDA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Luxurious backyard patio with comfortable seating and a fire pit, creating a perfect oasis for relaxation."},
|
||||
{
|
||||
id: "lush-garden",
|
||||
brand: "Residential Project",
|
||||
name: "Lush Garden Retreat",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ornamental-cabbage-with-chrysanthemums-other-herb_1268-16916.jpg",
|
||||
imageAlt: "Beautiful lush garden with vibrant flowers",
|
||||
},
|
||||
id: "lush-garden", brand: "Residential Project", name: "Lush Garden Retreat", price: "Custom", rating: 5,
|
||||
reviewCount: "8 reviews", imageSrc: "https://images.unsplash.com/photo-1547432029-470298a0d922?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxsdXNoJTIwZ2FyZGVuJTIwcmV0cmVhdHxlbnwwfHx8fDE3MDYyNTIyNDF8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Vibrant and lush garden retreat with a variety of colorful flowers and green foliage, designed for tranquility."},
|
||||
{
|
||||
id: "modern-deck",
|
||||
brand: "Residential Project",
|
||||
name: "Modern Wooden Deck",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "15 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-couple-sitting-rooftop-looking-each-other_23-2147891125.jpg",
|
||||
imageAlt: "Contemporary wooden deck with seating",
|
||||
},
|
||||
id: "modern-deck", brand: "Residential Project", name: "Modern Wooden Deck", price: "Custom", rating: 5,
|
||||
reviewCount: "15 reviews", imageSrc: "https://images.unsplash.com/photo-1628172828135-242e20e2e9c1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxtb2Rlcm4lMjB3b29kZW4lMjBkZWNrfGVufDB8fHx8MTcwNjI1MjI0MXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Sleek modern wooden deck with clean lines and minimalist design, ideal for outdoor entertainment."},
|
||||
{
|
||||
id: "water-feature",
|
||||
brand: "Commercial Project",
|
||||
name: "Tranquil Water Feature",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "7 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-stone-pot-pedestal-park_181624-14166.jpg",
|
||||
imageAlt: "Decorative garden water fountain",
|
||||
},
|
||||
id: "water-feature", brand: "Commercial Project", name: "Tranquil Water Feature", price: "Custom", rating: 5,
|
||||
reviewCount: "7 reviews", imageSrc: "https://images.unsplash.com/photo-1519782410313-b5c6d3b3c3c7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHw5ZWFjOWI3Y2E2MjNlYTQ1Y2VmMjljZTIzN2U5ZDBkMnwxNzA2MjUyMjQxfDA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Peaceful garden with a tranquil water feature, featuring a small waterfall and serene pond."},
|
||||
{
|
||||
id: "lighting-design",
|
||||
brand: "Residential Project",
|
||||
name: "Evening Lighting Design",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "10 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sits-chair-with-candles-wine-glasses-outdoor-part-restaurant_146671-14424.jpg",
|
||||
imageAlt: "Outdoor landscape lighting at dusk",
|
||||
},
|
||||
id: "lighting-design", brand: "Residential Project", name: "Evening Lighting Design", price: "Custom", rating: 5,
|
||||
reviewCount: "10 reviews", imageSrc: "https://images.unsplash.com/photo-1587572793189-c4f4d2c1c3c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxlYm5pbmclMjBsYW5kc2NhcGUlMjBsaWdodGluZ3xlbnwwfHx8fDE3MDYyNTIyNDF8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Beautiful evening landscape lighting highlighting garden features and pathways for ambiance and safety."},
|
||||
{
|
||||
id: "irrigation-system",
|
||||
brand: "Commercial Project",
|
||||
name: "Smart Irrigation System",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "9 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-watering-plants-with-sprinkler_23-2148396764.jpg",
|
||||
imageAlt: "Automated irrigation system for a large garden",
|
||||
},
|
||||
id: "irrigation-system", brand: "Commercial Project", name: "Smart Irrigation System", price: "Custom", rating: 5,
|
||||
reviewCount: "9 reviews", imageSrc: "https://images.unsplash.com/photo-1547432029-470298a0d922?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxlYm5pbmclMjBpcnJpZ2F0aW9uJTIwc3lzdGVtfGVufDB8fHx8MTcwNjI1MjI0MXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Efficient smart irrigation system watering a residential garden, ensuring optimal plant health and water conservation."}
|
||||
]}
|
||||
title="Our Recent Transformations"
|
||||
description="Explore a gallery of our completed projects and get inspired for your own outdoor renovation."
|
||||
@@ -272,64 +134,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Maplewood Dr.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg",
|
||||
imageAlt: "Sarah Johnson smiling in her garden",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Maplewood Dr.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg", imageAlt: "Sarah Johnson smiling in her garden"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Business Owner",
|
||||
company: "Green Valley Cafe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg",
|
||||
imageAlt: "Michael Chen enjoying his newly landscaped cafe patio",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Business Owner", company: "Green Valley Cafe", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg", imageAlt: "Michael Chen enjoying his newly landscaped cafe patio"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Homeowner",
|
||||
company: "Oakridge Estates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-red-haired-lady-with-black-bandage-neck-green-dress-straw-hat-sneakers-blowing-kiss-sitting-terrace-cafe_197531-24707.jpg",
|
||||
imageAlt: "Emily Rodriguez with her beautifully designed backyard",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Homeowner", company: "Oakridge Estates", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-red-haired-lady-with-black-bandage-neck-green-dress-straw-hat-sneakers-blowing-kiss-sitting-terrace-cafe_197531-24707.jpg", imageAlt: "Emily Rodriguez with her beautifully designed backyard"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Property Manager",
|
||||
company: "Willow Creek Apartments",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3573.jpg",
|
||||
imageAlt: "David Kim in front of a well-maintained apartment complex",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Property Manager", company: "Willow Creek Apartments", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3573.jpg", imageAlt: "David Kim in front of a well-maintained apartment complex"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Homeowner",
|
||||
company: "Sunnyside Blvd.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-trendy-bearded-young-male-wearing-sunglasses-summer-clothes-carrying-suitcase_343059-3586.jpg",
|
||||
imageAlt: "Jessica Lee smiling in her luxurious garden",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Homeowner", company: "Sunnyside Blvd.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-trendy-bearded-young-male-wearing-sunglasses-summer-clothes-carrying-suitcase_343059-3586.jpg", imageAlt: "Jessica Lee smiling in her luxurious garden"}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5.0", label: "Average Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Customer Satisfaction"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years of Experience",
|
||||
},
|
||||
value: "15+", label: "Years of Experience"},
|
||||
]}
|
||||
title="What Our Clients Are Saying"
|
||||
description="Hear directly from homeowners and businesses who experienced the ARO Landscaping difference."
|
||||
@@ -341,14 +167,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Houzz",
|
||||
"Angie's List",
|
||||
"HomeAdvisor",
|
||||
"BBB",
|
||||
"NALP",
|
||||
"ASLA",
|
||||
"Local Chamber",
|
||||
]}
|
||||
"Houzz", "Angie's List", "HomeAdvisor", "BBB", "NALP", "ASLA", "Local Chamber"]}
|
||||
title="Trusted by Homeowners & Industry Leaders"
|
||||
description="We are proud members of leading landscaping associations and highly rated by popular platforms."
|
||||
showCard={false}
|
||||
@@ -361,35 +180,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve the greater [Your City/Region] area, including all surrounding neighborhoods and suburbs. Please contact us to confirm service availability in your specific location.",
|
||||
},
|
||||
id: "q1", title: "What areas do you serve?", content: "We proudly serve the greater [Your City/Region] area, including all surrounding neighborhoods and suburbs. Please contact us to confirm service availability in your specific location."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I get a quote for a project?",
|
||||
content: "Getting a quote is easy! Simply fill out our online contact form, or give us a call. We'll schedule a convenient time for a consultation to discuss your needs and provide a detailed estimate.",
|
||||
},
|
||||
id: "q2", title: "How do I get a quote for a project?", content: "Getting a quote is easy! Simply fill out our online contact form, or give us a call. We'll schedule a convenient time for a consultation to discuss your needs and provide a detailed estimate."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, ARO Landscaping is fully licensed, bonded, and insured. We prioritize safety and professionalism in all our projects, ensuring peace of mind for our clients.",
|
||||
},
|
||||
id: "q3", title: "Are you licensed and insured?", content: "Yes, ARO Landscaping is fully licensed, bonded, and insured. We prioritize safety and professionalism in all our projects, ensuring peace of mind for our clients."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What types of plants do you recommend?",
|
||||
content: "Our plant recommendations are tailored to your specific climate, soil conditions, sun exposure, and aesthetic preferences. We focus on native and drought-tolerant options for sustainability.",
|
||||
},
|
||||
id: "q4", title: "What types of plants do you recommend?", content: "Our plant recommendations are tailored to your specific climate, soil conditions, sun exposure, and aesthetic preferences. We focus on native and drought-tolerant options for sustainability."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Do you offer ongoing maintenance plans?",
|
||||
content: "Absolutely! We offer various maintenance plans, from seasonal cleanups to year-round comprehensive care, to keep your landscape looking its best. These can be customized to your specific needs.",
|
||||
},
|
||||
id: "q5", title: "Do you offer ongoing maintenance plans?", content: "Absolutely! We offer various maintenance plans, from seasonal cleanups to year-round comprehensive care, to keep your landscape looking its best. These can be customized to your specific needs."},
|
||||
{
|
||||
id: "q6",
|
||||
title: "What is your design process?",
|
||||
content: "Our design process typically involves an initial consultation, site analysis, conceptual design, detailed plan development, and final review before implementation. We ensure client collaboration at every step.",
|
||||
},
|
||||
id: "q6", title: "What is your design process?", content: "Our design process typically involves an initial consultation, site analysis, conceptual design, detailed plan development, and final review before implementation. We ensure client collaboration at every step."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our services, pricing, and process."
|
||||
@@ -397,39 +198,35 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
text="Ready to Redefine Your Outdoors?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote Now",
|
||||
href: "#contact-form",
|
||||
},
|
||||
{
|
||||
text: "Call Us Today",
|
||||
href: "tel:123-456-7890",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBase
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c5v0jj"
|
||||
logoAlt="ARO Landscaping Logo"
|
||||
logoText="ARO Landscaping"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
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>
|
||||
|
||||
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