Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d95379b19e | |||
| f1559c1cc9 | |||
| 8066f1db11 | |||
| f0f67d44a8 | |||
| ce72209c27 | |||
| 604fff5167 |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
|
|
||||||
const halant = Halant({
|
const halant = Halant({
|
||||||
@@ -34,7 +33,7 @@ export default function RootLayout({
|
|||||||
<body
|
<body
|
||||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
className={`${halant.variable} ${inter.variable} antialiased`}
|
||||||
>
|
>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
169
src/app/page.tsx
169
src/app/page.tsx
@@ -31,7 +31,7 @@ export default function LandscapingPage() {
|
|||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
brandName="GreenScape"
|
brandName="Mr Hicks Landscaping LLC"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
@@ -60,28 +60,18 @@ export default function LandscapingPage() {
|
|||||||
textPosition="top"
|
textPosition="top"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Sarah M.",
|
name: "Sarah M.", handle: "Homeowner", testimonial: "Mr Hicks Landscaping LLC completely transformed our backyard. The team was professional, creative, and delivered beyond our expectations.", rating: 5,
|
||||||
handle: "Homeowner",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", imageAlt: "Sarah M."},
|
||||||
testimonial: "GreenScape completely transformed our backyard. The team was professional, creative, and delivered beyond our expectations.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",
|
|
||||||
imageAlt: "Sarah M.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "David K.",
|
name: "David K.", handle: "Property Manager", testimonial: "We've used Mr Hicks Landscaping LLC for all our commercial properties. Their maintenance plans keep everything looking pristine year-round.", rating: 5,
|
||||||
handle: "Property Manager",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", imageAlt: "David K."},
|
||||||
testimonial: "We've used GreenScape for all our commercial properties. Their maintenance plans keep everything looking pristine year-round.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",
|
|
||||||
imageAlt: "David K.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<TestimonialAboutCard
|
||||||
tag="About GreenScape"
|
tag="About Mr Hicks Landscaping LLC"
|
||||||
tagIcon={Leaf}
|
tagIcon={Leaf}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
title="We've been transforming outdoor spaces for over 15 years — delivering designs that homeowners love and landscapes that last."
|
title="We've been transforming outdoor spaces for over 15 years — delivering designs that homeowners love and landscapes that last."
|
||||||
@@ -106,44 +96,20 @@ export default function LandscapingPage() {
|
|||||||
imageContainerClassName="!rotate-0 !aspect-square"
|
imageContainerClassName="!rotate-0 !aspect-square"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
tag: "Design",
|
tag: "Design", title: "Landscape Design", subtitle: "Custom Plans", description: "We create tailored landscape designs that complement your property's architecture and your personal style.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg", imageAlt: "Landscape design"},
|
||||||
title: "Landscape Design",
|
|
||||||
subtitle: "Custom Plans",
|
|
||||||
description: "We create tailored landscape designs that complement your property's architecture and your personal style.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg",
|
|
||||||
imageAlt: "Landscape design",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Installation",
|
tag: "Installation", title: "Hardscape & Softscape", subtitle: "Full Installation", description: "From patios and walkways to gardens and trees, we handle the complete installation process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg", imageAlt: "Hardscape installation"},
|
||||||
title: "Hardscape & Softscape",
|
|
||||||
subtitle: "Full Installation",
|
|
||||||
description: "From patios and walkways to gardens and trees, we handle the complete installation process.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg",
|
|
||||||
imageAlt: "Hardscape installation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Maintenance",
|
tag: "Maintenance", title: "Lawn & Garden Care", subtitle: "Ongoing Service", description: "Keep your property looking pristine year-round with our professional maintenance plans.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg?_wi=1", imageAlt: "Lawn maintenance"},
|
||||||
title: "Lawn & Garden Care",
|
|
||||||
subtitle: "Ongoing Service",
|
|
||||||
description: "Keep your property looking pristine year-round with our professional maintenance plans.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
|
|
||||||
imageAlt: "Lawn maintenance",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Irrigation",
|
tag: "Irrigation", title: "Smart Irrigation", subtitle: "Water Management", description: "Efficient irrigation systems that keep your landscape healthy while conserving water.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg", imageAlt: "Irrigation system"},
|
||||||
title: "Smart Irrigation",
|
|
||||||
subtitle: "Water Management",
|
|
||||||
description: "Efficient irrigation systems that keep your landscape healthy while conserving water.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg",
|
|
||||||
imageAlt: "Irrigation system",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="why-us" data-section="why-us">
|
<div id="why-us" data-section="why-us">
|
||||||
<TeamCardSix
|
<TeamCardSix
|
||||||
title="Why Choose GreenScape"
|
title="Why Choose Mr Hicks Landscaping LLC"
|
||||||
description="What sets us apart from the rest."
|
description="What sets us apart from the rest."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
@@ -151,26 +117,11 @@ export default function LandscapingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Expert Craftsmanship", role: "Decades of combined experience in landscape design and installation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg", imageAlt: "Expert craftsmanship"},
|
||||||
name: "Expert Craftsmanship",
|
|
||||||
role: "Decades of combined experience in landscape design and installation.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg",
|
|
||||||
imageAlt: "Expert craftsmanship",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Eco-Friendly Approach", role: "Sustainable practices and native plant selections that thrive naturally.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg", imageAlt: "Eco-friendly landscaping"},
|
||||||
name: "Eco-Friendly Approach",
|
|
||||||
role: "Sustainable practices and native plant selections that thrive naturally.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg",
|
|
||||||
imageAlt: "Eco-friendly landscaping",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Full-Service Care", role: "From initial design to ongoing maintenance, we handle everything.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-8.jpg", imageAlt: "Full-service care"},
|
||||||
name: "Full-Service Care",
|
|
||||||
role: "From initial design to ongoing maintenance, we handle everything.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-8.jpg",
|
|
||||||
imageAlt: "Full-service care",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -186,26 +137,11 @@ export default function LandscapingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "James Carter", role: "Lead Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg?_wi=1", imageAlt: "James Carter"},
|
||||||
name: "James Carter",
|
|
||||||
role: "Lead Designer",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
|
|
||||||
imageAlt: "James Carter",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Maria Silva", role: "Horticulturist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg?_wi=1", imageAlt: "Maria Silva"},
|
||||||
name: "Maria Silva",
|
|
||||||
role: "Horticulturist",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
|
|
||||||
imageAlt: "Maria Silva",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Ryan Mitchell", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg?_wi=1", imageAlt: "Ryan Mitchell"},
|
||||||
name: "Ryan Mitchell",
|
|
||||||
role: "Project Manager",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
|
|
||||||
imageAlt: "Ryan Mitchell",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -214,36 +150,20 @@ export default function LandscapingPage() {
|
|||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
cardTag="Trusted by Homeowners"
|
cardTag="Trusted by Homeowners"
|
||||||
cardTagIcon={Leaf}
|
cardTagIcon={Leaf}
|
||||||
cardTitle="Over 500 happy clients trust GreenScape to transform and maintain their outdoor spaces."
|
cardTitle="Over 500 happy clients trust Mr Hicks Landscaping LLC to transform and maintain their outdoor spaces."
|
||||||
buttons={[{ text: "Contact Now", href: "#contact" }]}
|
buttons={[{ text: "Contact Now", href: "#contact" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg?_wi=2", imageAlt: "Sarah M."},
|
||||||
name: "Sarah M.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
|
|
||||||
imageAlt: "Sarah M.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "David K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg?_wi=2", imageAlt: "David K."},
|
||||||
name: "David K.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
|
|
||||||
imageAlt: "David K.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg?_wi=2", imageAlt: "Emily R."},
|
||||||
name: "Emily R.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
|
|
||||||
imageAlt: "Emily R.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Ryan M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg?_wi=2", imageAlt: "Ryan M."},
|
||||||
name: "Ryan M.",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
|
|
||||||
imageAlt: "Ryan M.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -258,35 +178,17 @@ export default function LandscapingPage() {
|
|||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "How long does a typical landscaping project take?", content: "Most residential projects take 1-3 weeks depending on scope. We'll provide a detailed timeline during your consultation so you know exactly what to expect."},
|
||||||
title: "How long does a typical landscaping project take?",
|
|
||||||
content: "Most residential projects take 1-3 weeks depending on scope. We'll provide a detailed timeline during your consultation so you know exactly what to expect.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Do you offer free consultations?", content: "Yes! We offer complimentary on-site consultations where we assess your property, discuss your vision, and provide a detailed estimate — no obligation."},
|
||||||
title: "Do you offer free consultations?",
|
|
||||||
content: "Yes! We offer complimentary on-site consultations where we assess your property, discuss your vision, and provide a detailed estimate — no obligation.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "What areas do you serve?", content: "We serve the greater metropolitan area and surrounding suburbs within a 50-mile radius. Contact us to confirm service availability in your location."},
|
||||||
title: "What areas do you serve?",
|
|
||||||
content: "We serve the greater metropolitan area and surrounding suburbs within a 50-mile radius. Contact us to confirm service availability in your location.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "Do you provide ongoing maintenance?", content: "Absolutely. We offer weekly, bi-weekly, and monthly maintenance plans that include mowing, trimming, fertilization, and seasonal cleanups."},
|
||||||
title: "Do you provide ongoing maintenance?",
|
|
||||||
content: "Absolutely. We offer weekly, bi-weekly, and monthly maintenance plans that include mowing, trimming, fertilization, and seasonal cleanups.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", title: "Are your practices eco-friendly?", content: "Yes, sustainability is core to our approach. We use native plants, organic fertilizers, smart irrigation, and environmentally responsible methods whenever possible."},
|
||||||
title: "Are your practices eco-friendly?",
|
|
||||||
content: "Yes, sustainability is core to our approach. We use native plants, organic fertilizers, smart irrigation, and environmentally responsible methods whenever possible.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", title: "Do you handle permits and HOA approvals?", content: "We handle all necessary permits and can work directly with your HOA to ensure your project meets community guidelines and gets approved smoothly."},
|
||||||
title: "Do you handle permits and HOA approvals?",
|
|
||||||
content: "We handle all necessary permits and can work directly with your HOA to ensure your project meets community guidelines and gets approved smoothly.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -319,9 +221,7 @@ export default function LandscapingPage() {
|
|||||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||||
]}
|
]}
|
||||||
multiSelect={{
|
multiSelect={{
|
||||||
name: "service",
|
name: "service", label: "Select a Service", options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
|
||||||
label: "Select a Service",
|
|
||||||
options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
|
|
||||||
}}
|
}}
|
||||||
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
|
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
|
||||||
/>
|
/>
|
||||||
@@ -331,8 +231,7 @@ export default function LandscapingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{ label: "Landscape Design", href: "#services" },
|
{ label: "Landscape Design", href: "#services" },
|
||||||
{ label: "Hardscape & Softscape", href: "#services" },
|
{ label: "Hardscape & Softscape", href: "#services" },
|
||||||
{ label: "Lawn & Garden Care", href: "#services" },
|
{ label: "Lawn & Garden Care", href: "#services" },
|
||||||
@@ -340,8 +239,7 @@ export default function LandscapingPage() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{ label: "About", href: "#about" },
|
{ label: "About", href: "#about" },
|
||||||
{ label: "Team", href: "#team" },
|
{ label: "Team", href: "#team" },
|
||||||
{ label: "Testimonials", href: "#testimonials" },
|
{ label: "Testimonials", href: "#testimonials" },
|
||||||
@@ -349,15 +247,14 @@ export default function LandscapingPage() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{ label: "(555) 123-4567", href: "tel:5551234567" },
|
{ label: "(555) 123-4567", href: "tel:5551234567" },
|
||||||
{ label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" },
|
{ label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" },
|
||||||
{ label: "Los Angeles, CA" },
|
{ label: "Los Angeles, CA" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2026 GreenScape Landscaping"
|
bottomLeftText="© 2026 Mr Hicks Landscaping LLC"
|
||||||
bottomRightText="All rights reserved"
|
bottomRightText="All rights reserved"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user