Merge version_1_1777448980289 into main #1
@@ -7,215 +7,124 @@ import HorizonGlowBackground from "@/components/ui/HorizonGlowBackground";
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import ProductQuantityCards from '@/components/sections/product/ProductQuantityCards';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
|
||||
import { Diamond, Scissors, Sun } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
tag="Expert Landscaping"
|
||||
title="Transform Your Outdoor Living Space"
|
||||
description="Professional landscape design, installation, and maintenance services for a beautiful, sustainable backyard retreat."
|
||||
primaryButton={{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vibrant-forest-landscape-fall-beauty_1232-4056.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
tag="Expert Landscaping"
|
||||
title="Transform Your Outdoor Living Space"
|
||||
description="Professional landscape design, installation, and maintenance services for a beautiful, sustainable backyard retreat."
|
||||
primaryButton={{ text: "Start Your Project", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Our Services", href: "#services" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vibrant-forest-landscape-fall-beauty_1232-4056.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="About Us"
|
||||
title="Crafting Nature, One Garden at a Time"
|
||||
description="With over 15 years of passion for perfection, our team brings sustainable and aesthetic landscape solutions to residential homes and commercial properties."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-cutting-twigs-with-pruner_23-2147768513.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="About Us"
|
||||
title="Crafting Nature, One Garden at a Time"
|
||||
description="With over 15 years of passion for perfection, our team brings sustainable and aesthetic landscape solutions to residential homes and commercial properties."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-cutting-twigs-with-pruner_23-2147768513.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeaturesBorderGlow
|
||||
tag="Our Services"
|
||||
title="Comprehensive Garden Solutions"
|
||||
description="Everything you need to maintain a vibrant, healthy, and inviting outdoor environment."
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Maintenance",
|
||||
description: "Expert lawn mowing, pruning, and hedge trimming for a pristine look.",
|
||||
},
|
||||
{
|
||||
icon: Diamond,
|
||||
title: "Hardscaping Design",
|
||||
description: "Custom patios, stone walkways, and feature walls built to last.",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Lighting & Ambience",
|
||||
description: "Low-voltage accent lighting to illuminate your garden at night.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeaturesBorderGlow
|
||||
tag="Our Services"
|
||||
title="Comprehensive Garden Solutions"
|
||||
description="Everything you need to maintain a vibrant, healthy, and inviting outdoor environment."
|
||||
features={[
|
||||
{ icon: Scissors, title: "Precision Maintenance", description: "Expert lawn mowing, pruning, and hedge trimming for a pristine look." },
|
||||
{ icon: Diamond, title: "Hardscaping Design", description: "Custom patios, stone walkways, and feature walls built to last." },
|
||||
{ icon: Sun, title: "Lighting & Ambience", description: "Low-voltage accent lighting to illuminate your garden at night." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductQuantityCards
|
||||
tag="Selected Products"
|
||||
title="Landscaping Materials & Supplies"
|
||||
description="Browse our curated selection of professional-grade materials for your gardening needs."
|
||||
products={[
|
||||
{
|
||||
name: "Native Ornamental Plants",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collections-cactus-buckets-stones-organisms-buckets_53876-42325.jpg",
|
||||
},
|
||||
{
|
||||
name: "Solid Wood Garden Bench",
|
||||
price: "$299.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7920.jpg",
|
||||
},
|
||||
{
|
||||
name: "Premium Organic Fertilizer",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128783.jpg",
|
||||
},
|
||||
{
|
||||
name: "Decorative Landscape Gravel",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-shovel-rake-pruner-cactus-plant-peat-tray-pot-blank-slate-messy-white-background_23-2148044445.jpg",
|
||||
},
|
||||
{
|
||||
name: "Automated Irrigation Kit",
|
||||
price: "$120.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growth-young-melon-glasshouse_1150-10613.jpg",
|
||||
},
|
||||
{
|
||||
name: "Professional Pruning Shears",
|
||||
price: "$65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tidy-gardening-elements_23-2147997158.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductQuantityCards
|
||||
tag="Selected Products"
|
||||
title="Landscaping Materials & Supplies"
|
||||
description="Browse our curated selection of professional-grade materials for your gardening needs."
|
||||
products={[
|
||||
{ name: "Native Ornamental Plants", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/collections-cactus-buckets-stones-organisms-buckets_53876-42325.jpg" },
|
||||
{ name: "Solid Wood Garden Bench", price: "$299.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7920.jpg" },
|
||||
{ name: "Premium Organic Fertilizer", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128783.jpg" },
|
||||
{ name: "Decorative Landscape Gravel", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-shovel-rake-pruner-cactus-plant-peat-tray-pot-blank-slate-messy-white-background_23-2148044445.jpg" },
|
||||
{ name: "Automated Irrigation Kit", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/growth-young-melon-glasshouse_1150-10613.jpg" },
|
||||
{ name: "Professional Pruning Shears", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/tidy-gardening-elements_23-2147997158.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Our Impact"
|
||||
title="Why Clients Trust Us"
|
||||
description="Numbers reflecting our commitment to quality and service excellence."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
description: "Gardens Transformed",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Our Impact"
|
||||
title="Why Clients Trust Us"
|
||||
description="Numbers reflecting our commitment to quality and service excellence."
|
||||
metrics={[
|
||||
{ value: "500+", description: "Gardens Transformed" },
|
||||
{ value: "15+", description: "Years Experience" },
|
||||
{ value: "98%", description: "Client Satisfaction" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Testimonials"
|
||||
title="What Homeowners Say"
|
||||
description="See why our clients recommend our professional services."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Green Haven",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-man-blue-shirt-sport-pants-smiling-sitting-grass-looking-camera-with-happy-face-expression-working-garden_176420-19937.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Peterson",
|
||||
role: "Designer",
|
||||
company: "Urban Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Architect",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-relaxing-while-listening-music_23-2149129108.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Thompson",
|
||||
role: "Owner",
|
||||
company: "Home Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-eco-friendly-wind-power-project-layout_23-2148847803.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Client",
|
||||
company: "Private Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5463.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Testimonials"
|
||||
title="What Homeowners Say"
|
||||
description="See why our clients recommend our professional services."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", role: "Homeowner", company: "Green Haven", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-man-blue-shirt-sport-pants-smiling-sitting-grass-looking-camera-with-happy-face-expression-working-garden_176420-19937.jpg" },
|
||||
{ name: "David Peterson", role: "Designer", company: "Urban Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg" },
|
||||
{ name: "Elena Rodriguez", role: "Architect", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-person-relaxing-while-listening-music_23-2149129108.jpg" },
|
||||
{ name: "Mark Thompson", role: "Owner", company: "Home Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-eco-friendly-wind-power-project-layout_23-2148847803.jpg" },
|
||||
{ name: "Lisa Wang", role: "Client", company: "Private Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-with-circle-chair_1339-5463.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Common Questions"
|
||||
title="Landscaping FAQs"
|
||||
description="Quick answers to common questions about our process."
|
||||
items={[
|
||||
{
|
||||
question: "What areas do you serve?",
|
||||
answer: "We provide services across the entire tri-state metro area.",
|
||||
},
|
||||
{
|
||||
question: "How often should I mow?",
|
||||
answer: "During peak season, we recommend mowing once a week to maintain grass health.",
|
||||
},
|
||||
{
|
||||
question: "Can I get a custom design?",
|
||||
answer: "Yes, we offer full design consultation services for all projects.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer seasonal cleanup?",
|
||||
answer: "Yes, our team handles spring and fall cleanup to keep your garden tidy.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Common Questions"
|
||||
title="Landscaping FAQs"
|
||||
description="Quick answers to common questions about our process."
|
||||
items={[
|
||||
{ question: "What areas do you serve?", answer: "We provide services across the entire tri-state metro area." },
|
||||
{ question: "How often should I mow?", answer: "During peak season, we recommend mowing once a week to maintain grass health." },
|
||||
{ question: "Can I get a custom design?", answer: "Yes, we offer full design consultation services for all projects." },
|
||||
{ question: "Do you offer seasonal cleanup?", answer: "Yes, our team handles spring and fall cleanup to keep your garden tidy." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="relative">
|
||||
<HorizonGlowBackground position="absolute" />
|
||||
<ContactCta
|
||||
tag="Contact Us"
|
||||
text="Ready to get started? Contact our team today for a free design estimate."
|
||||
primaryButton={{
|
||||
text: "Schedule Estimate",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Us",
|
||||
href: "tel:+15550123456",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact" className="relative">
|
||||
<HorizonGlowBackground position="absolute" />
|
||||
<ContactCta
|
||||
tag="Contact Us"
|
||||
text="Ready to get started? Contact our team today for a free design estimate."
|
||||
primaryButton={{ text: "Schedule Estimate", href: "#contact" }}
|
||||
secondaryButton={{ text: "Call Us", href: "tel:+15550123456" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleCard
|
||||
brand="GreenScape Landscaping"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyright="© 2024 GreenScape Landscaping. All rights reserved."
|
||||
links={[{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user