6 Commits

Author SHA1 Message Date
d6a2184c92 Merge version_2 into main
Merge version_2 into main
2026-05-14 15:14:49 +00:00
80ae28348d Update src/app/page.tsx 2026-05-14 15:14:46 +00:00
510bc7ff65 Merge version_2 into main
Merge version_2 into main
2026-05-14 15:14:25 +00:00
5e8ca92ba4 Update src/app/styles/variables.css 2026-05-14 15:14:22 +00:00
d40fbc33d5 Update src/app/page.tsx 2026-05-14 15:14:22 +00:00
e255bb19c2 Merge version_1 into main
Merge version_1 into main
2026-05-14 15:13:44 +00:00
2 changed files with 72 additions and 171 deletions

View File

@@ -23,12 +23,21 @@ export default function LandscapingPage() {
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="large" sizing="large"
background="none" background="none"
cardStyle="glass-elevated" cardStyle="solid"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<script type="application/ld+json">
{JSON.stringify({
"@context": "https://schema.org", "@type": "LocalBusiness", "name": "GreenScape", "address": {
"@type": "PostalAddress", "addressLocality": "New Britain", "addressRegion": "CT", "addressCountry": "US"
},
"description": "Professional landscaping services in New Britain, CT. Offering expert lawn care, garden design, and hardscaping.", "telephone": "(555) 123-4567"
})}
</script>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
brandName="GreenScape" brandName="GreenScape"
@@ -45,10 +54,10 @@ export default function LandscapingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlayTestimonial <HeroOverlayTestimonial
tag="Professional Landscaping" tag="Professional Landscaping New Britain"
tagIcon={Leaf} tagIcon={Leaf}
title="Transform Your Outdoor Space" title="Transform Your Outdoor Space in New Britain"
description="Professional landscaping design, installation, and maintenance services. From lush gardens to stunning hardscapes, we bring your vision to life." description="Expert landscaping, lawn maintenance, and garden design in New Britain, CT. Dedicated to creating sustainable, beautiful landscapes."
buttons={[ buttons={[
{ text: "Get Free Estimate", href: "#contact" }, { text: "Get Free Estimate", href: "#contact" },
{ text: "Our Services", href: "#services" }, { text: "Our Services", href: "#services" },
@@ -60,83 +69,49 @@ export default function LandscapingPage() {
textPosition="top" textPosition="top"
testimonials={[ testimonials={[
{ {
name: "Sarah M.", name: "Sarah M.", handle: "Homeowner", testimonial: "GreenScape completely transformed our backyard in New Britain. 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 GreenScape 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 GreenScape New Britain"
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 in New Britain for over 15 years — delivering designs that homeowners love and landscapes that last."
description="James Carter, Lead Designer" description="James Carter, Lead Designer"
subdescription="Founded in 2010" subdescription="Founded in 2010"
icon={TreePine} icon={TreePine}
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/about-video.mp4" videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/about-video.mp4"
mediaAnimation="slide-up" mediaAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardNineteen <FeatureCardNineteen
tag="Our Services" tag="Our Services in New Britain, CT"
tagIcon={Leaf} tagIcon={Leaf}
title="What We Do" title="Comprehensive Landscaping Services"
description="From design to maintenance, we handle every aspect of your landscape." description="From professional design to meticulous maintenance, we handle every aspect of your landscape."
buttonAnimation="slide-up" buttonAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
imageContainerClassName="!rotate-0 !aspect-square" imageContainerClassName="!rotate-0 !aspect-square"
features={[ features={[
{ {
tag: "Design", tag: "Design", title: "Custom Landscape Design", subtitle: "Custom Plans", description: "We create tailored landscape designs that complement your property's architecture and the local New Britain aesthetic.", 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 stone walkways to garden beds, we handle the complete, high-quality 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 customized for CT weather.", 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, sustainable 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>
@@ -144,33 +119,18 @@ export default function LandscapingPage() {
<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 GreenScape"
description="What sets us apart from the rest." description="What sets our New Britain-based team apart."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
members={[ members={[
{ {
id: "1", id: "1", name: "Expert Craftsmanship", role: "Decades of combined experience in local landscape design.", 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 local practices and native plant selections.", 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: "Reliable Service", role: "From initial design to ongoing maintenance, we handle everything for you.", 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>
@@ -178,34 +138,19 @@ export default function LandscapingPage() {
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardOne <TeamCardOne
tag="Our Team" tag="Our Team"
title="Meet the Experts" title="Meet the New Britain Experts"
description="The skilled professionals behind every beautiful landscape." description="The skilled professionals committed to your outdoor space."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
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 +159,16 @@ 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 in New Britain trust GreenScape 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={true}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg?_wi=2" },
id: "1", { id: "2", name: "David K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg?_wi=2" },
name: "Sarah M.", { id: "3", name: "Emily R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg?_wi=2" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg", { id: "4", name: "Ryan M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg?_wi=2" },
imageAlt: "Sarah M.",
},
{
id: "2",
name: "David K.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
imageAlt: "David K.",
},
{
id: "3",
name: "Emily R.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
imageAlt: "Emily R.",
},
{
id: "4",
name: "Ryan M.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
imageAlt: "Ryan M.",
},
]} ]}
/> />
</div> </div>
@@ -252,41 +177,23 @@ export default function LandscapingPage() {
<FaqDouble <FaqDouble
tag="FAQ" tag="FAQ"
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Everything you need to know about our landscaping services." description="Everything you need to know about our New Britain landscaping services."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "Do you offer landscaping services in New Britain, CT?", content: "Yes! We specialize in local residential and commercial landscaping throughout New Britain and surrounding areas."},
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 provide complimentary on-site consultations to assess your property's needs and discuss your landscaping vision."},
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 proudly serve New Britain, CT, and all major surrounding suburbs. Contact us to confirm availability at your address."},
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: "What ongoing maintenance do you offer?", content: "We offer customized weekly, bi-weekly, and monthly maintenance plans, including lawn care 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 landscaping practices eco-friendly?", content: "Absolutely. We utilize native plants, organic fertilizers, and sustainable techniques tailored to the local environment."},
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 work with local HOAs?", content: "Yes, we work directly with New Britain-area HOAs to ensure compliance with local community standards and permit requirements."},
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>
@@ -305,13 +212,12 @@ export default function LandscapingPage() {
<div className="absolute inset-0 bg-foreground/70" /> <div className="absolute inset-0 bg-foreground/70" />
</div> </div>
<ContactSplitForm <ContactSplitForm
title="Get Your Free Estimate" title="Get Your Free Local Estimate"
description="Tell us about your project and we'll get back to you within 24 hours." description="Tell us about your project and we'll get back to you within 24 hours to schedule an on-site visit in New Britain."
useInvertedBackground={false} useInvertedBackground={true}
mediaAnimation="none" mediaAnimation="none"
buttonText="Send Message" buttonText="Send Message"
contentClassName="!grid-cols-1 max-w-[600px] mx-auto" contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
mediaWrapperClassName="hidden" mediaWrapperClassName="hidden"
inputs={[ inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "name", type: "text", placeholder: "Full Name", required: true },
@@ -319,9 +225,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,17 +235,15 @@ export default function LandscapingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [ { label: "Design", href: "#services" },
{ label: "Landscape Design", href: "#services" }, { label: "Hardscape", href: "#services" },
{ label: "Hardscape & Softscape", href: "#services" }, { label: "Lawn Care", href: "#services" },
{ label: "Lawn & Garden Care", href: "#services" }, { label: "Irrigation", href: "#services" },
{ label: "Smart Irrigation", href: "#services" },
], ],
}, },
{ {
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,11 +251,10 @@ 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: "New Britain, CT" },
], ],
}, },
]} ]}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f7f9f4; --background: #fafffb;
--card: #ffffff; --card: #f0f7f2;
--foreground: #1a2e1a; --foreground: #0a260d;
--primary-cta: #2d5a27; --primary-cta: #1b4d24;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #ffffff; --secondary-cta: #ffffff;
--secondary-cta-text: #2d5a27; --secondary-cta-text: #2d5a27;
--accent: #4a8c3f; --accent: #4d8050;
--background-accent: #6fb85e; --background-accent: #b8c9ba;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);