264 lines
16 KiB
TypeScript
264 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Leaf, TreePine } from "lucide-react";
|
|
|
|
export default function LandscapingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Git R Down Tree Service"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:7175578323" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
tag="Cumberland County's Trusted Arborists"
|
|
tagIcon={TreePine}
|
|
title="Expert Tree Removal, Trimming, and Stump Grinding"
|
|
description="Your premier partner for safe, efficient, and affordable tree care services in Mechanicsburg, PA and beyond. We handle every job with professionalism and minimal disruption."
|
|
buttons={[
|
|
{ text: "Get Free Estimate", href: "#contact" },
|
|
{ text: "Our Services", href: "#services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://img.b2bpic.net/free-photo/beautiful-landscape-big-tree-forest-with-low-angel-view_74190-6.jpg?id=3500986"
|
|
imageAlt="Professional tree service crew working on a large tree"
|
|
showDimOverlay={true}
|
|
textPosition="top"
|
|
testimonials={[
|
|
{
|
|
name: "Dutch Rules", handle: "Satisfied Client", testimonial: "I highly recommend this company for tree work.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/letter-made-green-grass-isolated-transparent-background_169016-59761.jpg", imageAlt: "Dutch Rules"},
|
|
{
|
|
name: "Bob Anderson", handle: "HOA Representative", testimonial: "Andy and the crew are true professionals and did excellent work for our HOA.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/realistic-t-letter-with-metallic-surface_23-2150458468.jpg", imageAlt: "Bob Anderson"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Git R Down"
|
|
tagIcon={TreePine}
|
|
tagAnimation="slide-up"
|
|
title="Specializing in tree, shrub, and stump removal and trimming at reasonable prices. We get the job done on time with minimal disruption."
|
|
description="Andy & The Crew"
|
|
subdescription="Serving Cumberland County, PA"
|
|
icon={TreePine}
|
|
imageSrc="https://img.b2bpic.net/premium-photo/forest-worker-operating-heavy-machinery-timber-harvesting_1092689-70013.jpg?id=364249099"
|
|
imageAlt="Tree service crew working on a residential property"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
tag="Our Services"
|
|
tagIcon={TreePine}
|
|
title="Comprehensive Tree Care Solutions"
|
|
description="From routine trimming to emergency removal, we've got you covered."
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageContainerClassName="!rotate-0 !aspect-square"
|
|
features={[
|
|
{
|
|
tag: "Removal", title: "Tree Removal", subtitle: "Safe & Efficient", description: "Expert removal of hazardous, diseased, or unwanted trees. We ensure safety and cleanliness throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/letter-e-made-real-natural-flowers-leaves-white-background-isolated_169016-53964.jpg", imageAlt: "Tree removal process"},
|
|
{
|
|
tag: "Trimming", title: "Tree Trimming & Pruning", subtitle: "Health & Aesthetics", description: "Professional pruning to enhance tree health, improve appearance, and prevent potential hazards.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-t-sign_53876-63836.jpg", imageAlt: "Tree trimming arborist"},
|
|
{
|
|
tag: "Stumps", title: "Stump Grinding", subtitle: "Complete Removal", description: "Eliminate unsightly tree stumps efficiently, reclaiming your yard space for new possibilities.", imageSrc: "http://img.b2bpic.net/free-photo/letter-g-made-green-grass-with-flowers-isolated-white_169016-57644.jpg", imageAlt: "Stump grinding machine at work"},
|
|
{
|
|
tag: "Emergency", title: "Emergency Services", subtitle: "24/7 Response", description: "Rapid response for storm-damaged or fallen trees, ensuring quick and safe property recovery.", imageSrc: "http://img.b2bpic.net/free-photo/grass-letter-m-alphabet-3d-design-isolated-transparent-background_169016-57028.jpg", imageAlt: "Fallen tree after storm"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<TeamCardSix
|
|
title="Why Choose Git R Down Tree Service?"
|
|
description="Our commitment to safety, efficiency, and customer satisfaction sets us apart."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "Safety First Approach", role: "Certified professionals using advanced techniques and equipment to ensure every job is done safely.", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-e-leraning-courses_23-2149231590.jpg", imageAlt: "Tree service safety equipment"},
|
|
{
|
|
id: "2", name: "Experienced & Professional", role: "Andy and his crew are true professionals, delivering excellent results for all types of tree work.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-l_53876-47227.jpg", imageAlt: "Professional arborists working"},
|
|
{
|
|
id: "3", name: "Timely & Reliable Service", role: "We pride ourselves on completing projects on time and with minimal disruption to your daily life.", imageSrc: "http://img.b2bpic.net/free-photo/letter-y-made-green-grass-with-yellow-isolated-transparent-background_169016-59614.jpg", imageAlt: "Tree service truck delivering"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
tag="Our Team"
|
|
title="Meet The Crew"
|
|
description="Dedicated and skilled arborists committed to delivering top-quality tree care."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "Andy M.", role: "Lead Arborist", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter_53876-63656.jpg", imageAlt: "Andy, Lead Arborist"},
|
|
{
|
|
id: "2", name: "Team Member 2", role: "Tree Care Specialist", imageSrc: "http://img.b2bpic.net/free-photo/pink-letter-t-made-wood_1232-691.jpg", imageAlt: "Tree Care Specialist"},
|
|
{
|
|
id: "3", name: "Team Member 3", role: "Ground Operations", imageSrc: "http://img.b2bpic.net/free-photo/spatter-black-symbol-drop-splatter_1194-8110.jpg", imageAlt: "Ground Operations team member"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTag="Highly Recommended"
|
|
cardTagIcon={TreePine}
|
|
cardTitle="With a 4.548 Google rating, our clients consistently praise our professionalism and quality work."
|
|
buttons={[{ text: "Contact Now", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Dutch Rules", imageSrc: "http://img.b2bpic.net/free-photo/letter-made-green-grass-with-flowers-isolated-white_169016-57173.jpg", imageAlt: "Dutch Rules"},
|
|
{
|
|
id: "2", name: "Bob Anderson", imageSrc: "http://img.b2bpic.net/free-photo/atom-biotechnology-nuclear-medicine-with-scientist-rsquo-s-hands-digital-transformation-remix_53876-126746.jpg", imageAlt: "Bob Anderson"},
|
|
{
|
|
id: "3", name: "Satisfied Client 1", imageSrc: "http://img.b2bpic.net/free-photo/letter-c-made-green-grass-with-flowers-isolated-white_169016-57251.jpg", imageAlt: "Satisfied Client 1"},
|
|
{
|
|
id: "4", name: "Satisfied Client 2", imageSrc: "http://img.b2bpic.net/free-photo/letter-t-made-green-grass-isolated-white_169016-56968.jpg", imageAlt: "Satisfied Client 2"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
tag="FAQ"
|
|
title="Common Questions About Tree Service"
|
|
description="Answers to your most frequently asked questions about our services and process."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long does tree removal take?", content: "The duration depends on the size, location, and complexity of the tree. Smaller trees can be removed in a few hours, while larger, more challenging ones may take a full day or more. We provide an estimated timeline during your consultation."},
|
|
{
|
|
id: "2", title: "Are you insured?", content: "Yes, Git R Down Tree Service is fully licensed and insured for your protection and peace of mind. We prioritize safety for both our crew and your property."},
|
|
{
|
|
id: "3", title: "Do I need to be home for the service?", content: "While you don't always need to be present for the entire service, we recommend being available at the start to discuss any final details and at the end for a final walk-through."},
|
|
{
|
|
id: "4", title: "What happens to the wood and debris?", content: "We offer various options, including hauling away all wood and debris, or cutting it into firewood lengths for your use. Stump grinding debris is typically backfilled into the hole."},
|
|
{
|
|
id: "5", title: "How do I get an estimate?", content: "Simply contact us by phone or through our website form to schedule a free, no-obligation on-site estimate. We'll assess your tree care needs and provide a detailed quote."},
|
|
{
|
|
id: "6", title: "Do you offer emergency services?", content: "Yes, we provide emergency tree services for hazardous situations like storm-damaged or fallen trees. Call us immediately for urgent assistance."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" className="relative overflow-hidden">
|
|
<div className="absolute inset-0 w-full h-full">
|
|
<video
|
|
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/bg-video.mp4"
|
|
autoPlay
|
|
muted
|
|
loop
|
|
playsInline
|
|
aria-hidden="true"
|
|
className="w-full h-full object-cover"
|
|
/>
|
|
<div className="absolute inset-0 bg-foreground/70" />
|
|
</div>
|
|
<ContactSplitForm
|
|
title="Get Your Free Tree Service Estimate"
|
|
description="Contact Git R Down Tree Service today for professional tree removal, trimming, or stump grinding. We'll respond promptly."
|
|
useInvertedBackground={false}
|
|
mediaAnimation="none"
|
|
buttonText="Request Estimate"
|
|
contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
|
|
mediaWrapperClassName="hidden"
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
|
]}
|
|
multiSelect={{
|
|
name: "service", label: "Select a Service", options: ["Tree Removal", "Tree Trimming", "Stump Grinding", "Emergency Service", "Other"],
|
|
}}
|
|
textarea={{ name: "message", placeholder: "Tell us about your tree service needs...", rows: 4, required: true }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Tree Removal", href: "#services" },
|
|
{ label: "Tree Trimming", href: "#services" },
|
|
{ label: "Stump Grinding", href: "#services" },
|
|
{ label: "Emergency Service", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#team" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "(717) 557-8323", href: "tel:7175578323" },
|
|
{ label: "1317 Old Willow Mill Rd, Mechanicsburg, PA 17050" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Git R Down Tree Service"
|
|
bottomRightText="All rights reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|