248 lines
15 KiB
TypeScript
248 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Award, Leaf, Users, Star, HelpCircle, CheckCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Shiloh Pine Straw"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Transform Your Yard Into a Beautiful Landscape"
|
|
description="Professional pine straw installation, landscape maintenance, and design services for residential properties. Trusted by over 37 satisfied customers in the area."
|
|
tag="Expert Landscaping"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "circleGradient" }}
|
|
buttons={[
|
|
{ text: "Get Free Quote", href: "#contact" },
|
|
{ text: "View Our Work", href: "#testimonials" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-woman-taking-care-her-plants_23-2148509910.jpg", imageAlt: "Beautiful landscaped residential yard with fresh pine straw"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pile-dry-autumn-leaves-grass-lawn-with-plastic-leaf-rake-sunny-day-close-up-leaf-rake_7502-10271.jpg", imageAlt: "Professional landscape maintenance and yard care service"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="37 Reviews - Highly Recommended"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="Meet Candido and the Shiloh Team"
|
|
description="With over a decade of professional landscaping experience, Candido Morales and his dedicated team provide exceptional service to residential properties across the region. Known for attention to detail, reliability, and outstanding customer communication, we transform outdoor spaces into beautiful, well-maintained landscapes."
|
|
tag="Professional Service"
|
|
tagIcon={Award}
|
|
tagAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-practicing-tai-chi_23-2149893616.jpg"
|
|
imageAlt="Candido Morales, founder of Shiloh Pine Straw Landscaping"
|
|
mediaAnimation="blur-reveal"
|
|
metrics={[
|
|
{ value: "37+", title: "Satisfied Customers" },
|
|
{ value: "10+", title: "Years Experience" },
|
|
{ value: "100%", title: "Quality Guarantee" },
|
|
{ value: "5★", title: "Average Rating" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardFour
|
|
title="Our Landscaping Services"
|
|
description="Comprehensive outdoor solutions tailored to your needs. From pine straw installation to complete yard maintenance and design."
|
|
tag="Services"
|
|
tagIcon={Leaf}
|
|
tagAnimation="opacity"
|
|
buttons={[
|
|
{ text: "Request Service", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "pine-straw", name: "Pine Straw Installation", price: "Custom Quote", variant: "Professional Application", imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020430.jpg", imageAlt: "Pine straw mulch installation in residential garden beds"
|
|
},
|
|
{
|
|
id: "maintenance", name: "Yard Maintenance", price: "Monthly Service", variant: "Complete Care", imageSrc: "http://img.b2bpic.net/free-photo/pile-dry-autumn-leaves-grass-lawn-with-plastic-leaf-rake-sunny-day-close-up-leaf-rake_7502-10271.jpg", imageAlt: "Professional yard maintenance and landscape upkeep service"
|
|
},
|
|
{
|
|
id: "design", name: "Landscape Design", price: "Custom Quote", variant: "Professional Design", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-amazing-greenery-countryside_181624-1272.jpg", imageAlt: "Custom landscape design and outdoor space planning"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted By Local Homeowners"
|
|
description="Serving satisfied customers across residential neighborhoods with professional landscaping and yard maintenance services."
|
|
tag="Community Focus"
|
|
tagIcon={Users}
|
|
tagAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Mr. Thomas", "Jennifer Johnson", "Tammy Daniels", "Jamie Connell", "Joey Han", "Erin Pernat", "Sherry McComas"
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Our Customers Say"
|
|
description="Real feedback from satisfied homeowners who have experienced our professional landscaping services."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="scale-rotate"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Candido's Work", role: "Mr. Thomas", testimonial: "Candido and his brother do great work. Second time I've used them. Not just pine straw though - they help trim bushes, pull dead bushes, clean out debris in our easements. Outstanding service and quality work.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg", imageAlt: "Satisfied customer Mr. Thomas"
|
|
},
|
|
{
|
|
id: "2", name: "Professional & Fast", role: "Jennifer Johnson", testimonial: "Candido from Shiloh pinestraw was a pleasure to work with and a great communicator! They were fast, efficient, and reasonable. The pinestraw is super clean and top quality! My yard looks absolutely beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-cafe-drinking-coffee-date-looking-camera_197531-22708.jpg", imageAlt: "Jennifer Johnson with beautiful landscaped yard"
|
|
},
|
|
{
|
|
id: "3", name: "Excellent Company", role: "Tammy Daniels", testimonial: "This is an excellent company to work with on doing my yard work. They Pine Needle and Mulch my yard and I'm completely happy. I have been using this company for over two years. Great prices to accommodate your budget.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-young-girl-dressed-elegant-gray-dress-standing-with-crossed-arms-while-leaning-against-brick-wall-looking-camera_613910-6516.jpg", imageAlt: "Long-time customer Tammy Daniels"
|
|
},
|
|
{
|
|
id: "4", name: "Quick & Affordable", role: "Jamie Connell", testimonial: "They arrived right on time and immediately got to work. They did an amazing job with a large crew that completed the job quickly. I received 3 estimates and they were also the lowest price. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-charming-girl-with-green-eyes-sits-cozy-place-comfortable-position-looks-into-lens-fulllength-photo-model-soft-sweater_197531-25975.jpg", imageAlt: "Jamie Connell satisfied with landscaping results"
|
|
},
|
|
{
|
|
id: "5", name: "Responsive & Professional", role: "Joey Han", testimonial: "Mr. Candido Morales helped me with a project in my front garden bed, and I could not be happier with the results. Candido was responsive, helpful, and professional throughout. I will definitely go back to Shiloh Pine Straw.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-positive-male-blue-raincoat-exercising-park-with-trx-fitness-strips_613910-349.jpg", imageAlt: "Joey Han appreciating professional landscaping work"
|
|
},
|
|
{
|
|
id: "6", name: "Efficient & Amazing", role: "Erin Pernat", testimonial: "We are so happy with our pine straw. The guys that came out were amazing! They were able to accommodate us in a timely matter and were so efficient. Making all our newly planted landscaping look even better.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-greenhouse_23-2149098325.jpg", imageAlt: "Erin Pernat with completed landscaping project"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Common Questions"
|
|
description="Find answers to frequently asked questions about our landscaping services, pricing, and process."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is pine straw and why should I use it?", content: "Pine straw (also called pine needles or pine mulch) is a natural landscaping material that provides excellent ground coverage. It helps retain soil moisture, suppress weeds, regulate soil temperature, and creates an attractive appearance. It's particularly popular in the Southeast and works well with most plant types."
|
|
},
|
|
{
|
|
id: "2", title: "How often should I have my yard maintained?", content: "Yard maintenance frequency depends on your specific needs and property size. Many customers schedule monthly service during growing seasons (spring and summer) and less frequently in fall and winter. We'll work with you to create a customized maintenance schedule that fits your budget and lawn needs."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer landscape design services?", content: "Yes! We provide professional landscape design services to help transform your outdoor space. Our team works with you to understand your vision, assess your property, and create a design that enhances curb appeal and functionality."
|
|
},
|
|
{
|
|
id: "4", title: "How can I get a quote for my project?", content: "Getting a quote is easy! Contact us through our website or phone to schedule a free consultation. We'll visit your property, discuss your needs, and provide a detailed estimate for your specific landscaping project."
|
|
},
|
|
{
|
|
id: "5", title: "Are your services available year-round?", content: "Yes, we provide landscaping services throughout the year. However, certain services like pine straw installation are most popular in spring and early summer. We recommend scheduling consultations early to ensure availability for your preferred timeframe."
|
|
},
|
|
{
|
|
id: "6", title: "What areas do you service?", content: "We service residential properties throughout the local area. If you're unsure whether your property is within our service area, please contact us directly and we'll be happy to discuss serving your location."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Ready to Transform Your Yard?"
|
|
description="Contact Shiloh Pine Straw Landscaping today for a free consultation and custom quote on your landscaping project."
|
|
tagIcon={CheckCircle}
|
|
background={{ variant: "circleGradient" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Request Quote"
|
|
termsText="We'll get back to you within 24 hours with a free consultation offer."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Shiloh Pine Straw"
|
|
copyrightText="© 2025 Shiloh Pine Straw Landscaping. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Pine Straw Installation", href: "#services" },
|
|
{ label: "Yard Maintenance", href: "#services" },
|
|
{ label: "Landscape Design", href: "#services" },
|
|
{ label: "Free Quote", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Customer Reviews", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Service Agreement", href: "#" },
|
|
{ label: "Warranty", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |