bender/3d353832-0dc7-4a43-a457-ca7329ddeb1b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1_1776773274557 into main #2

Merged
bender merged 2 commits from version_1_1776773274557 into main 2026-04-21 12:13:03 +00:00
Conversation 0 Commits 2 Files Changed 1 +130 -322
1 changed files with 130 additions and 322 deletions
Download Patch File Download Diff File Expand all files Collapse all files

452
src/App.tsx
View File

@@ -13,340 +13,148 @@ import { Star, Wrench } from "lucide-react";
export default function App() {
return (
<>
<div id="nav" data-section="nav">
<NavbarCentered
logo="LA Landscape"
navItems={[
{
name: "About",
href: "#about",
},
{
name: "Services",
href: "#services",
},
{
name: "Portfolio",
href: "#portfolio",
},
{
name: "Testimonials",
href: "#testimonials",
},
]}
ctaButton={{
text: "Consultation",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarCentered
logo="LA Landscape"
navItems={[
{ name: "About", href: "#about" },
{ name: "Services", href: "#services" },
{ name: "Portfolio", href: "#portfolio" },
{ name: "Testimonials", href: "#testimonials" },
]}
ctaButton={{ text: "Consultation", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
tag="Since 2005"
title="Beautiful Landscapes Transform Your Los Angeles Property"
description="Expert design, professional maintenance, and stunning results serving LA's finest homes and businesses."
primaryButton={{
text: "Get Your Free Landscape Consultation",
href: "#contact",
}}
secondaryButton={{
text: "Explore Services",
href: "#services",
}}
testimonials={[
{
name: "David L.",
handle: "@davidl",
text: "The transformation of our backyard is incredible. Highly professional crew.",
rating: 5,
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?_wi=1",
},
{
name: "Sarah M.",
handle: "@sarahm",
text: "Reliable maintenance for our commercial property. Simply the best in LA.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg",
},
{
name: "Marcus R.",
handle: "@marcusr",
text: "The hardscaping work added so much value to our hillside property.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-smiling-camera-planting-seeds-garden-watering-plants_176420-19925.jpg",
},
{
name: "Elena P.",
handle: "@elenap",
text: "Prompt, courteous, and they leave the garden spotless after every visit.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",
},
{
name: "James W.",
handle: "@jamesw",
text: "Their irrigation expertise saved our lawn during the dry season.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg?_wi=1"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
tag="Since 2005"
title="Beautiful Landscapes Transform Your Los Angeles Property"
description="Expert design, professional maintenance, and stunning results serving LA's finest homes and businesses."
primaryButton={{ text: "Get Your Free Landscape Consultation", href: "#contact" }}
secondaryButton={{ text: "Explore Services", href: "#services" }}
testimonials={[
{ name: "David L.", handle: "@davidl", text: "The transformation of our backyard is incredible. Highly professional crew.", rating: 5, 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: "Sarah M.", handle: "@sarahm", text: "Reliable maintenance for our commercial property. Simply the best in LA.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg" },
{ name: "Marcus R.", handle: "@marcusr", text: "The hardscaping work added so much value to our hillside property.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-smiling-camera-planting-seeds-garden-watering-plants_176420-19925.jpg" },
{ name: "Elena P.", handle: "@elenap", text: "Prompt, courteous, and they leave the garden spotless after every visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg" },
{ name: "James W.", handle: "@jamesw", text: "Their irrigation expertise saved our lawn during the dry season.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg"
/>
</div>
<div id="about" data-section="about">
<AboutTextSplit
title="Crafting LA's Finest Outdoor Spaces"
descriptions={[
"With nearly two decades of experience serving the Los Angeles area, we specialize in creating bespoke outdoor environments that blend sustainable landscaping practices with modern design principles.",
"Our dedicated team of professionals ensures that every residential and commercial project receives the highest standard of craftsmanship and meticulous attention to detail.",
]}
/>
</div>
<div id="about" data-section="about">
<AboutTextSplit
title="Crafting LA's Finest Outdoor Spaces"
descriptions={[
"With nearly two decades of experience serving the Los Angeles area, we specialize in creating bespoke outdoor environments that blend sustainable landscaping practices with modern design principles.", "Our dedicated team of professionals ensures that every residential and commercial project receives the highest standard of craftsmanship and meticulous attention to detail."
]}
/>
</div>
<div id="services" data-section="services">
<FeaturesDualMedia
tag="Our Expertise"
title="Comprehensive Landscape Solutions"
description="From concept design to long-term grounds maintenance, we handle all your exterior needs with excellence."
items={[
{
icon: Star,
title: "Design & Planning",
description: "Customized landscape architecture and plant selection.",
mediaItems: [
<div id="services" data-section="services">
<FeaturesDualMedia
tag="Our Expertise"
title="Comprehensive Landscape Solutions"
description="From concept design to long-term grounds maintenance, we handle all your exterior needs with excellence."
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-paddle-plant-sunlight_23-2148165366.jpg",
icon: "Star", title: "Design & Planning", description: "Customized landscape architecture and plant selection.", mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-paddle-plant-sunlight_23-2148165366.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blueprint-architect-construction-project-sketch-concept_53876-132142.jpg" }
]
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blueprint-architect-construction-project-sketch-concept_53876-132142.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg?_wi=2",
imageAlt: "landscaping design drawing software",
},
{
icon: Wrench,
title: "Maintenance & Care",
description: "Year-round care for residential and commercial sites.",
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060717.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg",
},
],
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?_wi=2",
imageAlt: "landscaping design drawing software",
},
]}
/>
</div>
icon: "Wrench", title: "Maintenance & Care", description: "Year-round care for residential and commercial sites.", mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060717.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg" }
]
}
]}
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductMediaCards
tag="Portfolio"
title="Recent Landscape Projects"
description="Showcasing a selection of recent residential and commercial transformations."
products={[
{
name: "Residential Hardscape",
price: "Inquire",
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11928.jpg",
},
{
name: "Native Garden Design",
price: "Inquire",
imageSrc: "http://img.b2bpic.net/free-photo/orange-flowers-buttercups-ranunculus-flower-bed_169016-20594.jpg",
},
{
name: "Routine Grounds Care",
price: "From $500/mo",
imageSrc: "http://img.b2bpic.net/free-photo/bushes-plants-by-white-wall-garden_181624-43586.jpg",
},
{
name: "Custom Lighting Installation",
price: "Inquire",
imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-356.jpg",
},
{
name: "Water-Efficient Irrigation",
price: "Inquire",
imageSrc: "http://img.b2bpic.net/free-photo/young-green-melon-cantaloupe-growing-greenhouse_1150-10087.jpg",
},
{
name: "Retaining Wall Construction",
price: "Inquire",
imageSrc: "http://img.b2bpic.net/free-photo/wuxi-nianhuawan-natural-park_1359-1141.jpg",
},
]}
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductMediaCards
tag="Portfolio"
title="Recent Landscape Projects"
description="Showcasing a selection of recent residential and commercial transformations."
products={[
{ name: "Residential Hardscape", price: "Inquire", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11928.jpg" },
{ name: "Native Garden Design", price: "Inquire", imageSrc: "http://img.b2bpic.net/free-photo/orange-flowers-buttercups-ranunculus-flower-bed_169016-20594.jpg" },
{ name: "Routine Grounds Care", price: "From $500/mo", imageSrc: "http://img.b2bpic.net/free-photo/bushes-plants-by-white-wall-garden_181624-43586.jpg" },
{ name: "Custom Lighting Installation", price: "Inquire", imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-356.jpg" },
{ name: "Water-Efficient Irrigation", price: "Inquire", imageSrc: "http://img.b2bpic.net/free-photo/young-green-melon-cantaloupe-growing-greenhouse_1150-10087.jpg" },
{ name: "Retaining Wall Construction", price: "Inquire", imageSrc: "http://img.b2bpic.net/free-photo/wuxi-nianhuawan-natural-park_1359-1141.jpg" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricsFeatureCards
tag="Our Growth"
title="Building Trust Over Two Decades"
metrics={[
{
value: "19+",
title: "Years Experience",
features: [
"Family owned",
"LA based",
"Fully licensed",
],
},
{
value: "500+",
title: "Projects Completed",
features: [
"Residential",
"Commercial",
"Public space",
],
},
{
value: "98%",
title: "Client Retention",
features: [
"Reliable service",
"Quality results",
"Long-term partners",
],
},
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricsFeatureCards
tag="Our Growth"
title="Building Trust Over Two Decades"
description="A proven track record of service excellence across Southern California."
metrics={[
{ value: "19+", title: "Years Experience", features: ["Family owned", "LA based", "Fully licensed"] },
{ value: "500+", title: "Projects Completed", features: ["Residential", "Commercial", "Public space"] },
{ value: "98%", title: "Client Retention", features: ["Reliable service", "Quality results", "Long-term partners"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialRatingCards
tag="Client Stories"
title="What Our Clients Say"
description="Authentic feedback from satisfied homeowners and commercial managers across the Los Angeles region."
testimonials={[
{
name: "John D.",
role: "Property Manager",
quote: "Professional, reliable, and always on time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30889.jpg",
},
{
name: "Maria G.",
role: "Homeowner",
quote: "My garden looks perfect every single day.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking-phone_23-2148308512.jpg",
},
{
name: "Alex R.",
role: "CEO",
quote: "Transformative results for our business estate.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-successful-businesswoman-using-digital-tablet-sitting-outdoors-park_1258-194350.jpg",
},
{
name: "Lisa T.",
role: "Homeowner",
quote: "High-end design that added value to my home.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
},
{
name: "Kevin S.",
role: "Building Manager",
quote: "Best grounds care we've ever hired.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-while-out-city_23-2148573045.jpg",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialRatingCards
tag="Client Stories"
title="What Our Clients Say"
description="Authentic feedback from satisfied homeowners and commercial managers across the Los Angeles region."
testimonials={[
{ name: "John D.", role: "Property Manager", quote: "Professional, reliable, and always on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30889.jpg" },
{ name: "Maria G.", role: "Homeowner", quote: "My garden looks perfect every single day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-talking-phone_23-2148308512.jpg" },
{ name: "Alex R.", role: "CEO", quote: "Transformative results for our business estate.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-successful-businesswoman-using-digital-tablet-sitting-outdoors-park_1258-194350.jpg" },
{ name: "Lisa T.", role: "Homeowner", quote: "High-end design that added value to my home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg" },
{ name: "Kevin S.", role: "Building Manager", quote: "Best grounds care we've ever hired.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-while-out-city_23-2148573045.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqTwoColumn
tag="Support"
title="Frequently Asked Questions"
description="Have questions? We have answers for your landscape needs."
items={[
{
question: "Do you provide commercial maintenance?",
answer: "Yes, we have specialized teams dedicated to commercial grounds care.",
},
{
question: "What areas do you serve?",
answer: "We serve the greater Los Angeles area, including Santa Monica, Beverly Hills, and Pasadena.",
},
{
question: "Do you offer free consultations?",
answer: "Absolutely. Reach out through our contact form to schedule your initial site walkthrough.",
},
{
question: "Are your projects sustainable?",
answer: "We prioritize water efficiency and native California plantings to ensure longevity and sustainability.",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqTwoColumn
tag="Support"
title="Frequently Asked Questions"
description="Have questions? We have answers for your landscape needs."
items={[
{ question: "Do you provide commercial maintenance?", answer: "Yes, we have specialized teams dedicated to commercial grounds care." },
{ question: "What areas do you serve?", answer: "We serve the greater Los Angeles area, including Santa Monica, Beverly Hills, and Pasadena." },
{ question: "Do you offer free consultations?", answer: "Absolutely. Reach out through our contact form to schedule your initial site walkthrough." },
{ question: "Are your projects sustainable?", answer: "We prioritize water efficiency and native California plantings to ensure longevity and sustainability." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitEmail
tag="Get in touch"
title="Ready to Transform Your Outdoors?"
description="Get in touch for your free consultation and quote today."
inputPlaceholder="Enter your email address"
buttonText="Start Consultation"
imageSrc="http://img.b2bpic.net/free-photo/car-dealership-salesman-asking-customers-questions_482257-118237.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitEmail
tag="Get in touch"
title="Ready to Transform Your Outdoors?"
description="Get in touch for your free consultation and quote today."
inputPlaceholder="Enter your email address"
buttonText="Start Consultation"
imageSrc="http://img.b2bpic.net/free-photo/car-dealership-salesman-asking-customers-questions_482257-118237.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimpleCard
brand="LA Landscape"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Support",
items: [
{
label: "FAQs",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
copyright="© 2024 LA Landscape Company. All rights reserved."
links={[
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimpleCard
brand="LA Landscape"
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] }
]}
copyright="© 2024 LA Landscape Company. All rights reserved."
links={[{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]}
/>
</div>
</>
);
}