Bob AI: Replaced contact CTA with a dedicated form for lead generati
This commit is contained in:
kudinDmitriyUp
@@ -1,331 +1,30 @@
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
|
||||
import FeaturesRevealCardsBentoSharp from '@/components/sections/features/FeaturesRevealCardsBentoSharp';
|
||||
import HeroBillboardCreator from '@/components/sections/hero/HeroBillboardCreator';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import { Award, Leaf, Sparkles, Users } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly; this shell only fixes render order.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HomeSection from './HomePage/sections/Home';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import ServicesSection from './HomePage/sections/Services';
|
||||
import PortfolioSection from './HomePage/sections/Portfolio';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import PartnersSection from './HomePage/sections/Partners';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroBillboardCreator
|
||||
tag="Your Outdoor Oasis Awaits"
|
||||
title="Transform Your Space with "
|
||||
titleHighlight="Expert Landscaping"
|
||||
description="At Lush Landscapes, we design, build, and maintain breathtaking outdoor environments. From intricate garden designs to sustainable lawn care, we bring your vision to life."
|
||||
primaryButton={{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
}}
|
||||
note="Creating beauty, one landscape at a time."
|
||||
videos={[
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551280.jpg",
|
||||
name: "Creative Designs",
|
||||
followers: "2.5M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-sweet-home-message-lightbox_23-2149150472.jpg",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/plant-pots-with-trowel-wooden-table_53876-105366.jpg",
|
||||
name: "Lawn Care",
|
||||
followers: "1.8M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-mother-daughter-running-outdoors_23-2148224612.jpg",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg",
|
||||
name: "Hardscaping",
|
||||
followers: "3.1M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flower-decoration-basket_23-2148238554.jpg",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg",
|
||||
name: "Planting",
|
||||
followers: "2.9M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-greenery_53876-147903.jpg",
|
||||
},
|
||||
]}
|
||||
badgeText="Award-Winning Service"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="About Us"
|
||||
title="Crafting Exceptional Outdoor Experiences"
|
||||
description="Lush Landscapes is dedicated to creating stunning and sustainable outdoor spaces. With years of expertise, our passionate team combines artistic vision with practical knowledge to deliver unparalleled results, enhancing both the beauty and value of your property."
|
||||
primaryButton={{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Sustainable Practices",
|
||||
description: "We prioritize eco-friendly methods and native planting for lasting beauty.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Award-Winning Designs",
|
||||
description: "Our innovative designs have been recognized for their creativity and quality.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Client-Centric Approach",
|
||||
description: "Your vision is our blueprint. We listen, collaborate, and execute with precision.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500832.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesMediaCards
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Landscaping Services"
|
||||
description="From initial concept to meticulous maintenance, we offer a full suite of services to transform any outdoor space into a personal sanctuary."
|
||||
items={[
|
||||
{
|
||||
title: "Custom Garden Design",
|
||||
description: "Personalized garden plans tailored to your aesthetic and lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-designing-plans-buildings-restorations-alterations_482257-112178.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lawn Care & Maintenance",
|
||||
description: "Keep your lawn vibrant and healthy with our expert care programs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-watering-plants-with-sprinkler_23-2148396764.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping & Patios",
|
||||
description: "Beautiful and functional patios, pathways, and outdoor structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-chairs-around-bonfire_23-2149445622.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tree & Shrub Planting",
|
||||
description: "Enhance your property with thoughtfully selected trees and shrubs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesRevealCardsBentoSharp
|
||||
tag="Our Portfolio"
|
||||
title="Inspiring Outdoor Transformations"
|
||||
description="Discover some of our recent projects that showcase our dedication to beauty and craftsmanship. Each project is a testament to our commitment to client satisfaction."
|
||||
items={[
|
||||
{
|
||||
title: "Urban Oasis",
|
||||
description: "Transforming small city spaces into lush, private retreats.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-portrait-brunette-girl-pink-glasses-hat-against-flowers-shop_627829-7757.jpg",
|
||||
},
|
||||
{
|
||||
title: "Estate Grandeur",
|
||||
description: "Designing expansive landscapes for luxurious properties.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-golf-course-with-water-hazards-sand-traps_1308-189637.jpg",
|
||||
},
|
||||
{
|
||||
title: "Water Feature Wonders",
|
||||
description: "Integrating serene ponds and cascading waterfalls into gardens.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-rocks-by-river_23-2148232308.jpg",
|
||||
},
|
||||
{
|
||||
title: "Eco-Conscious Gardens",
|
||||
description: "Sustainable and drought-tolerant designs for a greener future.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-trees-ground-book-close-up_23-2148608924.jpg",
|
||||
},
|
||||
{
|
||||
title: "Outdoor Living Rooms",
|
||||
description: "Creating fully functional and comfortable outdoor entertainment areas.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilling-meat-barbecue_23-2147643503.jpg",
|
||||
},
|
||||
{
|
||||
title: "Commercial Curb Appeal",
|
||||
description: "Elevating corporate and commercial properties with professional landscaping.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439313.jpg",
|
||||
},
|
||||
{
|
||||
title: "Front Yard Redesign",
|
||||
description: "Boosting home value and aesthetics with stunning front yard makeovers.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585164.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Driving Excellence in Landscaping"
|
||||
description="Our commitment to quality and customer satisfaction is reflected in our achievements and the trust our clients place in us."
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Satisfied Clients",
|
||||
value: "450+",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Acres Landscaped",
|
||||
value: "100+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Years of Experience",
|
||||
value: "15+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="What Our Clients Say"
|
||||
title="Hear From Our Happy Homeowners"
|
||||
description="Real stories from clients who experienced the Lush Landscapes difference. Their satisfaction is our greatest reward."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
quote: "Lush Landscapes transformed our backyard into a stunning retreat. The team was professional, creative, and a pleasure to work with from start to finish. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-mature-attractive-bearded-caucasian-young-man-blue-t-shirt-sports-pants-smiling-sitting-grass-relaxing_176420-19941.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael T.",
|
||||
role: "Residential Client",
|
||||
quote: "Our garden has never looked better! The maintenance service is impeccable, and they always go the extra mile. Truly experts in their field.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-woman-tropical-garden-summer-vacation-thailand-slim-skinny-tanned-body-little-black-dress-with-lace-natural-look-sensual-relaxed_285396-6241.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Property Manager",
|
||||
quote: "We've used Lush Landscapes for multiple properties, and they consistently deliver exceptional results. Their hardscaping work is particularly impressive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6540.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
role: "Local Business Owner",
|
||||
quote: "The new landscaping around our office building has significantly boosted our curb appeal. Lush Landscapes understood our needs perfectly and executed flawlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orders_23-2148013390.jpg",
|
||||
},
|
||||
{
|
||||
name: "Olivia P.",
|
||||
role: "Garden Enthusiast",
|
||||
quote: "As someone who loves gardening, I truly appreciate their attention to detail and plant knowledge. They helped me create a sustainable and beautiful garden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
|
||||
},
|
||||
{
|
||||
name: "James L.",
|
||||
role: "New Homeowner",
|
||||
quote: "We had no idea where to start with our new home's outdoor space. Lush Landscapes provided amazing design ideas and made the entire process enjoyable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/polyamory-people-spending-time-togetehr_23-2149302017.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="partners" data-section="partners">
|
||||
<SectionErrorBoundary name="partners">
|
||||
<SocialProofMarquee
|
||||
tag="Our Valued Network"
|
||||
title="Collaborating with Leading Suppliers & Developers"
|
||||
description="We partner with top-tier suppliers and local developers to ensure every project uses the best materials and integrates seamlessly."
|
||||
names={[
|
||||
"GreenThumb Nurseries",
|
||||
"StoneCraft Masonry",
|
||||
"EcoWater Solutions",
|
||||
"TimberFrame Construction",
|
||||
"Urban Development Group",
|
||||
"ParkView Estates",
|
||||
"Flora & Fauna Suppliers",
|
||||
"AquaDesign Ponds",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Common Questions"
|
||||
title="Everything You Need to Know"
|
||||
description="Find answers to the most frequently asked questions about our landscaping services, process, and pricing."
|
||||
items={[
|
||||
{
|
||||
question: "What areas do you serve?",
|
||||
answer: "We proudly serve residential and commercial clients across [Your City] and the surrounding [Your Region] areas. Contact us to confirm service availability in your specific location.",
|
||||
},
|
||||
{
|
||||
question: "How do I get a quote for a project?",
|
||||
answer: "Getting a quote is easy! Simply fill out our 'Get a Quote' form on the contact section, or call us directly. We'll schedule a consultation to discuss your needs and provide a detailed estimate.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer eco-friendly landscaping options?",
|
||||
answer: "Yes, sustainability is a core value for us. We specialize in eco-friendly landscaping, including drought-tolerant designs, native plant selections, and organic lawn care practices. Let us know your preferences during your consultation.",
|
||||
},
|
||||
{
|
||||
question: "What is your typical project timeline?",
|
||||
answer: "Project timelines vary depending on the scope and complexity of the work. During your initial consultation, we'll provide a clear estimated timeline for your specific project, from design to completion.",
|
||||
},
|
||||
{
|
||||
question: "Do you handle ongoing garden and lawn maintenance?",
|
||||
answer: "Absolutely! We offer comprehensive maintenance packages, including regular lawn mowing, pruning, fertilization, seasonal planting, and irrigation checks, to keep your landscape pristine year-round.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Begin?"
|
||||
text="Let's Create Your Dream Outdoor Space Together"
|
||||
primaryButton={{
|
||||
text: "Get a Free Consultation",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Us Today",
|
||||
href: "tel:+1234567890",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<HomeSection />
|
||||
<AboutSection />
|
||||
<ServicesSection />
|
||||
<PortfolioSection />
|
||||
<MetricsSection />
|
||||
<TestimonialsSection />
|
||||
<PartnersSection />
|
||||
<FaqSection />
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
47
src/pages/HomePage/sections/About.tsx
Normal file
47
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import { Award, Leaf, Sparkles, Users } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="About Us"
|
||||
title="Crafting Exceptional Outdoor Experiences"
|
||||
description="Lush Landscapes is dedicated to creating stunning and sustainable outdoor spaces. With years of expertise, our passionate team combines artistic vision with practical knowledge to deliver unparalleled results, enhancing both the beauty and value of your property."
|
||||
primaryButton={{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Sustainable Practices",
|
||||
description: "We prioritize eco-friendly methods and native planting for lasting beauty.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Award-Winning Designs",
|
||||
description: "Our innovative designs have been recognized for their creativity and quality.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Client-Centric Approach",
|
||||
description: "Your vision is our blueprint. We listen, collaborate, and execute with precision.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500832.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
87
src/pages/HomePage/sections/Contact.tsx
Normal file
87
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,87 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
import Button from '@/components/ui/Button';
|
||||
import Tag from '@/components/ui/Tag';
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-webild-section="contact" className="py-24 bg-background">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div className="container mx-auto px-4 max-w-3xl">
|
||||
<div className="text-center mb-12">
|
||||
<Tag text="Get in Touch" className="mb-4" />
|
||||
<h2 className="text-4xl font-bold text-foreground mb-4">Start Your Landscaping Project</h2>
|
||||
<p className="text-muted-foreground text-lg">
|
||||
Fill out the form below to request a free consultation and quote for your outdoor space.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="bg-card p-8 rounded-2xl shadow-sm border border-border">
|
||||
<form className="space-y-6" onSubmit={(e) => e.preventDefault()}>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div className="space-y-2">
|
||||
<label htmlFor="firstName" className="text-sm font-medium text-foreground">First Name</label>
|
||||
<input
|
||||
type="text"
|
||||
id="firstName"
|
||||
className="w-full px-4 py-3 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"
|
||||
placeholder="John"
|
||||
/>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<label htmlFor="lastName" className="text-sm font-medium text-foreground">Last Name</label>
|
||||
<input
|
||||
type="text"
|
||||
id="lastName"
|
||||
className="w-full px-4 py-3 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"
|
||||
placeholder="Doe"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<label htmlFor="email" className="text-sm font-medium text-foreground">Email Address</label>
|
||||
<input
|
||||
type="email"
|
||||
id="email"
|
||||
className="w-full px-4 py-3 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"
|
||||
placeholder="john@example.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<label htmlFor="service" className="text-sm font-medium text-foreground">Service of Interest</label>
|
||||
<select
|
||||
id="service"
|
||||
className="w-full px-4 py-3 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50"
|
||||
>
|
||||
<option>Garden Design</option>
|
||||
<option>Lawn Care & Maintenance</option>
|
||||
<option>Hardscaping (Patios, Walkways)</option>
|
||||
<option>Planting & Tree Services</option>
|
||||
<option>Other</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<label htmlFor="message" className="text-sm font-medium text-foreground">Project Details</label>
|
||||
<textarea
|
||||
id="message"
|
||||
rows={4}
|
||||
className="w-full px-4 py-3 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/50 resize-none"
|
||||
placeholder="Tell us about your vision for your outdoor space..."
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<Button text="Submit Inquiry" variant="primary" className="w-full py-4 text-lg" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
42
src/pages/HomePage/sections/Faq.tsx
Normal file
42
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Common Questions"
|
||||
title="Everything You Need to Know"
|
||||
description="Find answers to the most frequently asked questions about our landscaping services, process, and pricing."
|
||||
items={[
|
||||
{
|
||||
question: "What areas do you serve?",
|
||||
answer: "We proudly serve residential and commercial clients across [Your City] and the surrounding [Your Region] areas. Contact us to confirm service availability in your specific location.",
|
||||
},
|
||||
{
|
||||
question: "How do I get a quote for a project?",
|
||||
answer: "Getting a quote is easy! Simply fill out our 'Get a Quote' form on the contact section, or call us directly. We'll schedule a consultation to discuss your needs and provide a detailed estimate.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer eco-friendly landscaping options?",
|
||||
answer: "Yes, sustainability is a core value for us. We specialize in eco-friendly landscaping, including drought-tolerant designs, native plant selections, and organic lawn care practices. Let us know your preferences during your consultation.",
|
||||
},
|
||||
{
|
||||
question: "What is your typical project timeline?",
|
||||
answer: "Project timelines vary depending on the scope and complexity of the work. During your initial consultation, we'll provide a clear estimated timeline for your specific project, from design to completion.",
|
||||
},
|
||||
{
|
||||
question: "Do you handle ongoing garden and lawn maintenance?",
|
||||
answer: "Absolutely! We offer comprehensive maintenance packages, including regular lawn mowing, pruning, fertilization, seasonal planting, and irrigation checks, to keep your landscape pristine year-round.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
53
src/pages/HomePage/sections/Home.tsx
Normal file
53
src/pages/HomePage/sections/Home.tsx
Normal file
@@ -0,0 +1,53 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "home" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroBillboardCreator from '@/components/sections/hero/HeroBillboardCreator';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomeSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroBillboardCreator
|
||||
tag="Your Outdoor Oasis Awaits"
|
||||
title="Transform Your Space with "
|
||||
titleHighlight="Expert Landscaping"
|
||||
description="At Lush Landscapes, we design, build, and maintain breathtaking outdoor environments. From intricate garden designs to sustainable lawn care, we bring your vision to life."
|
||||
primaryButton={{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
}}
|
||||
note="Creating beauty, one landscape at a time."
|
||||
videos={[
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551280.jpg",
|
||||
name: "Creative Designs",
|
||||
followers: "2.5M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-sweet-home-message-lightbox_23-2149150472.jpg",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/plant-pots-with-trowel-wooden-table_53876-105366.jpg",
|
||||
name: "Lawn Care",
|
||||
followers: "1.8M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-mother-daughter-running-outdoors_23-2148224612.jpg",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg",
|
||||
name: "Hardscaping",
|
||||
followers: "3.1M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flower-decoration-basket_23-2148238554.jpg",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg",
|
||||
name: "Planting",
|
||||
followers: "2.9M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-greenery_53876-147903.jpg",
|
||||
},
|
||||
]}
|
||||
badgeText="Award-Winning Service"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/Metrics.tsx
Normal file
43
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import { Award, Leaf, Sparkles, Users } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Driving Excellence in Landscaping"
|
||||
description="Our commitment to quality and customer satisfaction is reflected in our achievements and the trust our clients place in us."
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Satisfied Clients",
|
||||
value: "450+",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Acres Landscaped",
|
||||
value: "100+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Years of Experience",
|
||||
value: "15+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
30
src/pages/HomePage/sections/Partners.tsx
Normal file
30
src/pages/HomePage/sections/Partners.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "partners" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PartnersSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="partners" data-section="partners">
|
||||
<SectionErrorBoundary name="partners">
|
||||
<SocialProofMarquee
|
||||
tag="Our Valued Network"
|
||||
title="Collaborating with Leading Suppliers & Developers"
|
||||
description="We partner with top-tier suppliers and local developers to ensure every project uses the best materials and integrates seamlessly."
|
||||
names={[
|
||||
"GreenThumb Nurseries",
|
||||
"StoneCraft Masonry",
|
||||
"EcoWater Solutions",
|
||||
"TimberFrame Construction",
|
||||
"Urban Development Group",
|
||||
"ParkView Estates",
|
||||
"Flora & Fauna Suppliers",
|
||||
"AquaDesign Ponds",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Portfolio.tsx
Normal file
64
src/pages/HomePage/sections/Portfolio.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "portfolio" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBentoSharp from '@/components/sections/features/FeaturesRevealCardsBentoSharp';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PortfolioSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesRevealCardsBentoSharp
|
||||
tag="Our Portfolio"
|
||||
title="Inspiring Outdoor Transformations"
|
||||
description="Discover some of our recent projects that showcase our dedication to beauty and craftsmanship. Each project is a testament to our commitment to client satisfaction."
|
||||
items={[
|
||||
{
|
||||
title: "Urban Oasis",
|
||||
description: "Transforming small city spaces into lush, private retreats.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-portrait-brunette-girl-pink-glasses-hat-against-flowers-shop_627829-7757.jpg",
|
||||
},
|
||||
{
|
||||
title: "Estate Grandeur",
|
||||
description: "Designing expansive landscapes for luxurious properties.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-golf-course-with-water-hazards-sand-traps_1308-189637.jpg",
|
||||
},
|
||||
{
|
||||
title: "Water Feature Wonders",
|
||||
description: "Integrating serene ponds and cascading waterfalls into gardens.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-rocks-by-river_23-2148232308.jpg",
|
||||
},
|
||||
{
|
||||
title: "Eco-Conscious Gardens",
|
||||
description: "Sustainable and drought-tolerant designs for a greener future.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-trees-ground-book-close-up_23-2148608924.jpg",
|
||||
},
|
||||
{
|
||||
title: "Outdoor Living Rooms",
|
||||
description: "Creating fully functional and comfortable outdoor entertainment areas.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilling-meat-barbecue_23-2147643503.jpg",
|
||||
},
|
||||
{
|
||||
title: "Commercial Curb Appeal",
|
||||
description: "Elevating corporate and commercial properties with professional landscaping.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439313.jpg",
|
||||
},
|
||||
{
|
||||
title: "Front Yard Redesign",
|
||||
description: "Boosting home value and aesthetics with stunning front yard makeovers.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585164.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
42
src/pages/HomePage/sections/Services.tsx
Normal file
42
src/pages/HomePage/sections/Services.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "services" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ServicesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesMediaCards
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Landscaping Services"
|
||||
description="From initial concept to meticulous maintenance, we offer a full suite of services to transform any outdoor space into a personal sanctuary."
|
||||
items={[
|
||||
{
|
||||
title: "Custom Garden Design",
|
||||
description: "Personalized garden plans tailored to your aesthetic and lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-designing-plans-buildings-restorations-alterations_482257-112178.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lawn Care & Maintenance",
|
||||
description: "Keep your lawn vibrant and healthy with our expert care programs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-watering-plants-with-sprinkler_23-2148396764.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hardscaping & Patios",
|
||||
description: "Beautiful and functional patios, pathways, and outdoor structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-chairs-around-bonfire_23-2149445622.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tree & Shrub Planting",
|
||||
description: "Enhance your property with thoughtfully selected trees and shrubs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
58
src/pages/HomePage/sections/Testimonials.tsx
Normal file
58
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,58 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="What Our Clients Say"
|
||||
title="Hear From Our Happy Homeowners"
|
||||
description="Real stories from clients who experienced the Lush Landscapes difference. Their satisfaction is our greatest reward."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
quote: "Lush Landscapes transformed our backyard into a stunning retreat. The team was professional, creative, and a pleasure to work with from start to finish. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-mature-attractive-bearded-caucasian-young-man-blue-t-shirt-sports-pants-smiling-sitting-grass-relaxing_176420-19941.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael T.",
|
||||
role: "Residential Client",
|
||||
quote: "Our garden has never looked better! The maintenance service is impeccable, and they always go the extra mile. Truly experts in their field.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-woman-tropical-garden-summer-vacation-thailand-slim-skinny-tanned-body-little-black-dress-with-lace-natural-look-sensual-relaxed_285396-6241.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Property Manager",
|
||||
quote: "We've used Lush Landscapes for multiple properties, and they consistently deliver exceptional results. Their hardscaping work is particularly impressive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6540.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
role: "Local Business Owner",
|
||||
quote: "The new landscaping around our office building has significantly boosted our curb appeal. Lush Landscapes understood our needs perfectly and executed flawlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orders_23-2148013390.jpg",
|
||||
},
|
||||
{
|
||||
name: "Olivia P.",
|
||||
role: "Garden Enthusiast",
|
||||
quote: "As someone who loves gardening, I truly appreciate their attention to detail and plant knowledge. They helped me create a sustainable and beautiful garden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
|
||||
},
|
||||
{
|
||||
name: "James L.",
|
||||
role: "New Homeowner",
|
||||
quote: "We had no idea where to start with our new home's outdoor space. Lush Landscapes provided amazing design ideas and made the entire process enjoyable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/polyamory-people-spending-time-togetehr_23-2149302017.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user