294 lines
14 KiB
TypeScript
294 lines
14 KiB
TypeScript
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeaturesBentoGridCta from '@/components/sections/features/FeaturesBentoGridCta';
|
|
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
|
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
|
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
import ScrollReveal from "@/components/ui/ScrollReveal";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="home" data-section="home">
|
|
<SectionErrorBoundary name="home">
|
|
<HeroBillboardTiltedCarousel
|
|
tag="Transform Your Outdoor Space"
|
|
title="Leading Landscaping Services in Texas"
|
|
description="We create stunning, sustainable outdoor environments that enhance the beauty and value of your property."
|
|
primaryButton={{
|
|
text: "Explore Our Services",
|
|
href: "#services",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Get a Free Estimate",
|
|
href: "#contact",
|
|
}}
|
|
items={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698366.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bright-landscape-spring-closeup-nature-tree_1417-992.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/park-lujiazui-financial-center-shanghai-china_1127-3097.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-making-barbecue_23-2148965321.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sits-near-bungalow-drinks-coffee_72229-1336.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-artificial-beautiful-flora-aromatic_1232-3872.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<section className="bg-background flex flex-col items-center justify-center text-center px-6">
|
|
<div className="max-w-content-width mx-auto">
|
|
<ScrollReveal variant="slide-up">
|
|
<h2 className="text-3xl md:text-5xl font-bold text-foreground tracking-tight">
|
|
Your Trusted Partner for Outdoor Beauty
|
|
</h2>
|
|
</ScrollReveal>
|
|
</div>
|
|
</section>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<SectionErrorBoundary name="services">
|
|
<FeaturesBentoGridCta
|
|
tag="Our Expertise"
|
|
title="Comprehensive Landscaping Solutions"
|
|
description="We offer a full spectrum of services tailored to your property's needs and your personal vision, ensuring a seamless and satisfying experience from concept to completion."
|
|
features={[
|
|
{
|
|
title: "Custom Design & Planning",
|
|
description: "Collaborate with our designers to create a unique landscape plan that reflects your style and enhances your property's potential.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/white-empty-cubes-with-different-leaves_23-2148831204.jpg",
|
|
},
|
|
{
|
|
title: "Professional Installation",
|
|
description: "Our skilled team brings your vision to life with precision, using high-quality materials and sustainable practices for lasting beauty.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500825.jpg",
|
|
},
|
|
{
|
|
title: "Hardscaping & Patios",
|
|
description: "Enhance your outdoor living with custom patios, walkways, retaining walls, and outdoor kitchens built for durability and aesthetics.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698352.jpg",
|
|
},
|
|
{
|
|
title: "Ongoing Maintenance",
|
|
description: "Keep your landscape pristine with our tailored maintenance programs, including mowing, pruning, irrigation, and seasonal clean-ups.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cardboard-house-tools-with-copy-space_23-2148393077.jpg",
|
|
},
|
|
]}
|
|
ctaButton={{
|
|
text: "View All Services",
|
|
href: "#contact",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
|
|
avatarLabel: "John D.",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<SectionErrorBoundary name="portfolio">
|
|
<section className="bg-background relative">
|
|
<div className="max-w-content-width mx-auto px-6">
|
|
<div className="flex flex-col items-center text-center">
|
|
<ScrollReveal variant="slide-up">
|
|
<div className="inline-flex items-center rounded-full border border-primary-cta/20 bg-primary-cta/10 px-3 py-1 text-sm font-medium text-primary-cta mb-4">
|
|
Our Work
|
|
</div>
|
|
<h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">
|
|
Inspiring Outdoor Transformations
|
|
</h2>
|
|
<p className="text-lg text-muted-foreground max-w-content-width mx-auto">
|
|
Explore a gallery of our recently completed projects, showcasing the diversity of our designs and the quality of our craftsmanship across Texas.
|
|
</p>
|
|
</ScrollReveal>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-4 auto-rows-[250px] md:auto-rows-[300px]">
|
|
{[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248302.jpg",
|
|
title: "Desert Oasis Integration",
|
|
className: "md:col-span-2 md:row-span-2"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nature-garden-leaves-background_1340-7945.jpg",
|
|
title: "Lush Garden Retreat",
|
|
className: "md:col-span-1 md:row-span-1"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg",
|
|
title: "Zen Japanese Garden",
|
|
className: "md:col-span-1 md:row-span-2"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12389.jpg",
|
|
title: "Custom Stone Pathways",
|
|
className: "md:col-span-1 md:row-span-1"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-table_23-2149655613.jpg",
|
|
title: "Outdoor Dining Space",
|
|
className: "md:col-span-2 md:row-span-1"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-cultivating-farming-plants-indoor-garden_23-2149854841.jpg",
|
|
title: "Urban Greenhouse",
|
|
className: "md:col-span-1 md:row-span-1"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/petunia-pansy-flowers-with-gardening-tools-peat-pot-rope-wooden-desk_23-2148181187.jpg",
|
|
title: "Seasonal Floral Design",
|
|
className: "md:col-span-1 md:row-span-1"
|
|
},
|
|
].map((item, i) => (
|
|
<div key={i} className={item.className}>
|
|
<ScrollReveal
|
|
variant="fade-blur"
|
|
delay={i * 0.1}
|
|
className="w-full h-full"
|
|
>
|
|
<div className="relative group overflow-hidden rounded-theme w-full h-full">
|
|
<div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent z-10 opacity-80 group-hover:opacity-100 transition-opacity duration-300" />
|
|
<img
|
|
src={item.imageSrc}
|
|
alt={item.title}
|
|
className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
|
|
/>
|
|
<div className="absolute bottom-0 left-0 right-0 p-6 z-20">
|
|
<h3 className="text-white text-lg md:text-xl font-bold translate-y-2 group-hover:translate-y-0 transition-transform duration-300">{item.title}</h3>
|
|
</div>
|
|
</div>
|
|
</ScrollReveal>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsSimpleCards
|
|
tag="Our Impact"
|
|
title="Driven by Excellence & Client Satisfaction"
|
|
description="Our commitment to quality and customer service is reflected in every project we undertake and every satisfied client we serve."
|
|
metrics={[
|
|
{
|
|
value: "15+",
|
|
description: "Years of Combined Experience",
|
|
},
|
|
{
|
|
value: "500+",
|
|
description: "Successful Projects Completed",
|
|
},
|
|
{
|
|
value: "98%",
|
|
description: "Client Satisfaction Rate",
|
|
},
|
|
{
|
|
value: "20+",
|
|
description: "Licensed & Certified Professionals",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialTrustCard
|
|
quote="Texas GreenScapes transformed our backyard into a true oasis. Their team was professional, creative, and delivered beyond our expectations. We couldn't be happier with our new outdoor living space!"
|
|
rating={5}
|
|
author="Sarah L., Austin, TX"
|
|
avatars={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-talking-phone-new-year-s-eve-party_23-2149144044.jpg",
|
|
name: "Sarah L.",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229510.jpg",
|
|
name: "David M.",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg",
|
|
name: "Emily R.",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-adorable-happy-european-woman-pensioner-with-blonde-hair-having-rest-outdoors-camping-site_343059-4089.jpg",
|
|
name: "Mark J.",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-excited-guy-suit-say-wow-showing-thumbs-up-with-amazed-face-checking-out-awe_1258-162951.jpg",
|
|
name: "Jessica T.",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqSplitMedia
|
|
tag="Got Questions?"title="Frequently Asked Questions"
|
|
description="Find answers to common inquiries about our services, process, and what makes Texas GreenScapes the right choice for your landscaping needs."
|
|
items={[
|
|
{
|
|
question: "What areas in Texas do you serve?",
|
|
answer: "We proudly serve clients across major metropolitan areas in Texas, including Austin, Dallas, Houston, San Antonio, and their surrounding communities. Contact us to confirm service availability in your specific location.",
|
|
},
|
|
{
|
|
question: "How long does a typical landscaping project take?",
|
|
answer: "Project timelines vary greatly depending on the scope and complexity. A small garden renovation might take a few days, while a large-scale design and installation could take several weeks. We provide detailed timelines during the consultation process.",
|
|
},
|
|
{
|
|
question: "Do you offer eco-friendly landscaping options?",
|
|
answer: "Yes, sustainability is a core value for us. We specialize in xeriscaping, native plant selections, efficient irrigation systems, and organic pest control to create beautiful, water-wise, and environmentally responsible landscapes.",
|
|
},
|
|
{
|
|
question: "What is included in your maintenance plans?",
|
|
answer: "Our comprehensive maintenance plans can include mowing, edging, weeding, pruning, seasonal planting, fertilization, irrigation checks, and debris removal. Plans are customized to fit your specific landscape needs and budget.",
|
|
},
|
|
{
|
|
question: "Can you work with my existing landscape features?",
|
|
answer: "Absolutely! We excel at integrating new designs and elements with your existing landscape features, ensuring a cohesive and harmonious result. We'll assess what can be kept and what might need updating during the initial consultation.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-selling-crops-from-their-garden_329181-16518.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Ready for a Greener Space?"text="Let's create the outdoor environment you've always dreamed of. Contact us today for a personalized consultation and a free estimate!"
|
|
primaryButton={{
|
|
text: "Schedule a Consultation",
|
|
href: "mailto:info@texasgreenscapes.com",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Call Us Today",
|
|
href: "tel:+15551234567",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
} |