bender/e9e8f7b9-e044-45af-908f-847b93ca47b4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 20:09:27 +00:00
parent 7dd94de334
commit bb03e491cb
1 changed files with 60 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

320
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";
import { Leaf, Award, Images, MessageCircle, Clock, FileText, Phone } from "lucide-react";
import { Leaf, Award, Images, MessageCircle, Clock, FileText, Phone, Star } from "lucide-react";
export default function HomePage() {
return (
@@ -52,13 +52,9 @@ export default function HomePage() {
description="Transform Your Outdoor Space with Professional Landscaping & Home Improvement Services"
buttons={[
{
text: "Call Now +1 202-361-8677",
href: "tel:+12023618677",
},
text: "Call Now +1 202-361-8677", href: "tel:+12023618677"},
{
text: "Get Free Quote",
href: "#contact",
},
text: "Get Free Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/back-view-young-woman-taking-care-plants_23-2148509882.jpg"
imageAlt="Professional landscaping transformation in Washington DC"
@@ -77,29 +73,13 @@ export default function HomePage() {
tagIcon={Leaf}
features={[
{
title: "Landscaping Design",
description: "Custom landscape designs tailored to your vision and property needs",
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg?_wi=1",
imageAlt: "Professional landscaping design",
},
title: "Landscaping Design", description: "Custom landscape designs tailored to your vision and property needs", imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg", imageAlt: "Professional landscaping design"},
{
title: "Fence Installation",
description: "Premium fence installation with high-quality materials and expert craftsmanship",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg?_wi=1",
imageAlt: "Fence installation services",
},
title: "Fence Installation", description: "Premium fence installation with high-quality materials and expert craftsmanship", imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg", imageAlt: "Fence installation services"},
{
title: "Gate Installation",
description: "Professional gate installation for security and curb appeal",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg?_wi=2",
imageAlt: "Gate installation services",
},
title: "Gate Installation", description: "Professional gate installation for security and curb appeal", imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg", imageAlt: "Gate installation services"},
{
title: "Backyard Renovation",
description: "Complete backyard transformations with custom outdoor living spaces",
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803953.jpg?_wi=1",
imageAlt: "Backyard renovation project",
},
title: "Backyard Renovation", description: "Complete backyard transformations with custom outdoor living spaces", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803953.jpg", imageAlt: "Backyard renovation project"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
@@ -116,18 +96,13 @@ export default function HomePage() {
heading={[
{
type: "text" as const,
content: "Why Choose W&M Services for Your Landscaping Needs",
},
content: "Why Choose W&M Services for Your Landscaping Needs"},
]}
buttons={[
{
text: "Schedule Consultation",
href: "#contact",
},
text: "Schedule Consultation", href: "#contact"},
{
text: "View Our Work",
href: "#gallery",
},
text: "View Our Work", href: "#gallery"},
]}
useInvertedBackground={false}
buttonAnimation="slide-up"
@@ -143,27 +118,15 @@ export default function HomePage() {
tagIcon={Award}
metrics={[
{
id: "1",
value: "4.9★",
description: "Average Rating on Google & Reviews",
},
id: "1", value: "4.9★", description: "Average Rating on Google & Reviews"},
{
id: "2",
value: "24+",
description: "Verified Customer Reviews",
},
id: "2", value: "24+", description: "Verified Customer Reviews"},
{
id: "3",
value: "15+",
description: "Years of Experience",
},
id: "3", value: "15+", description: "Years of Experience"},
{
id: "4",
value: "100%",
description: "Customer Satisfaction Rate",
},
id: "4", value: "100%", description: "Customer Satisfaction Rate"},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
@@ -180,45 +143,17 @@ export default function HomePage() {
tagIcon={Images}
products={[
{
id: "1",
brand: "Residential",
name: "Backyard Landscape Transformation",
price: "Complete Design",
rating: 5,
reviewCount: "12 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg?_wi=1",
imageAlt: "Completed backyard landscaping project",
},
id: "1", brand: "Residential", name: "Backyard Landscape Transformation", price: "Complete Design", rating: 5,
reviewCount: "12 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg", imageAlt: "Completed backyard landscaping project"},
{
id: "2",
brand: "Residential",
name: "Premium Fence Installation",
price: "Full Project",
rating: 5,
reviewCount: "15 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg?_wi=1",
imageAlt: "Professional fence installation",
},
id: "2", brand: "Residential", name: "Premium Fence Installation", price: "Full Project", rating: 5,
reviewCount: "15 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg", imageAlt: "Professional fence installation"},
{
id: "3",
brand: "Luxury",
name: "Outdoor Living Space Design",
price: "Premium Service",
rating: 5,
reviewCount: "18 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg?_wi=1",
imageAlt: "Luxury backyard transformation",
},
id: "3", brand: "Luxury", name: "Outdoor Living Space Design", price: "Premium Service", rating: 5,
reviewCount: "18 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg", imageAlt: "Luxury backyard transformation"},
{
id: "4",
brand: "Residential",
name: "Gate & Entry Installation",
price: "Complete Design",
rating: 5,
reviewCount: "10 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance_23-2149301087.jpg?_wi=1",
imageAlt: "Professional gate installation",
},
id: "4", brand: "Residential", name: "Gate & Entry Installation", price: "Complete Design", rating: 5,
reviewCount: "10 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance_23-2149301087.jpg", imageAlt: "Professional gate installation"},
]}
gridVariant="two-columns-alternating-heights"
animationType="blur-reveal"
@@ -238,77 +173,17 @@ export default function HomePage() {
tagIcon={MessageCircle}
testimonials={[
{
id: "1",
name: "Sarah Johnson, Homeowner",
date: "Date: November 2024",
title: "Exceptional Quality and Attention to Detail",
quote: "We couldn't be happier with the quality and design of the fence. W&M Services exceeded all our expectations. The team was professional, punctual, and delivered exactly what we envisioned.",
tag: "Fence Installation",
avatarSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-taking-selfie_23-2148336923.jpg",
avatarAlt: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg?_wi=2",
imageAlt: "Fence installation project",
},
id: "1", name: "Sarah Johnson, Homeowner", date: "Date: November 2024", title: "Exceptional Quality and Attention to Detail", quote: "We couldn't be happier with the quality and design of the fence. W&M Services exceeded all our expectations. The team was professional, punctual, and delivered exactly what we envisioned.", tag: "Fence Installation", avatarSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-taking-selfie_23-2148336923.jpg", avatarAlt: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg", imageAlt: "Fence installation project"},
{
id: "2",
name: "Michael Chen, Property Owner",
date: "Date: October 2024",
title: "Amazing Backyard Transformation",
quote: "They did an amazing job on our backyard project. Highly recommend their team. The landscaping design is beautiful and has completely changed how we enjoy our outdoor space.",
tag: "Landscaping Design",
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
avatarAlt: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg?_wi=2",
imageAlt: "Backyard landscaping project",
},
id: "2", name: "Michael Chen, Property Owner", date: "Date: October 2024", title: "Amazing Backyard Transformation", quote: "They did an amazing job on our backyard project. Highly recommend their team. The landscaping design is beautiful and has completely changed how we enjoy our outdoor space.", tag: "Landscaping Design", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", avatarAlt: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg", imageAlt: "Backyard landscaping project"},
{
id: "3",
name: "Walter Martinez, Homeowner",
date: "Date: September 2024",
title: "Professional Installation and Great Service",
quote: "Walter and his team did a fantastic job installing our fence and gate. Their professionalism and expertise made the entire process smooth and stress-free. Couldn't ask for better service.",
tag: "Fence & Gate",
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg",
avatarAlt: "Walter Martinez",
imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance_23-2149301087.jpg?_wi=2",
imageAlt: "Gate installation project",
},
id: "3", name: "Walter Martinez, Homeowner", date: "Date: September 2024", title: "Professional Installation and Great Service", quote: "Walter and his team did a fantastic job installing our fence and gate. Their professionalism and expertise made the entire process smooth and stress-free. Couldn't ask for better service.", tag: "Fence & Gate", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg", avatarAlt: "Walter Martinez", imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance_23-2149301087.jpg", imageAlt: "Gate installation project"},
{
id: "4",
name: "Emily Rodriguez, DC Resident",
date: "Date: August 2024",
title: "Trustworthy Local Professionals",
quote: "As a local resident, I trust W&M Services completely. They've been in the community for years and their reputation is well-deserved. Excellent work every single time.",
tag: "Premium Service",
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
avatarAlt: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg?_wi=2",
imageAlt: "Luxury backyard project",
},
id: "4", name: "Emily Rodriguez, DC Resident", date: "Date: August 2024", title: "Trustworthy Local Professionals", quote: "As a local resident, I trust W&M Services completely. They've been in the community for years and their reputation is well-deserved. Excellent work every single time.", tag: "Premium Service", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", avatarAlt: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg", imageAlt: "Luxury backyard project"},
{
id: "5",
name: "David Kim, Property Manager",
date: "Date: July 2024",
title: "Reliable and High-Quality Work",
quote: "W&M Services handles multiple properties for us. Their reliability, quality workmanship, and attention to detail are unmatched. They're our go-to for all landscaping needs.",
tag: "Commercial Properties",
avatarSrc: "http://img.b2bpic.net/free-photo/copy-space-smiley-business-woman-with-glasses_23-2148317348.jpg",
avatarAlt: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg?_wi=3",
imageAlt: "Commercial landscaping project",
},
id: "5", name: "David Kim, Property Manager", date: "Date: July 2024", title: "Reliable and High-Quality Work", quote: "W&M Services handles multiple properties for us. Their reliability, quality workmanship, and attention to detail are unmatched. They're our go-to for all landscaping needs.", tag: "Commercial Properties", avatarSrc: "http://img.b2bpic.net/free-photo/copy-space-smiley-business-woman-with-glasses_23-2148317348.jpg", avatarAlt: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg", imageAlt: "Commercial landscaping project"},
{
id: "6",
name: "Jessica Thompson, Homeowner",
date: "Date: June 2024",
title: "Outstanding Customer Service",
quote: "From the initial consultation to project completion, W&M Services provided outstanding customer service. They listened to our needs and delivered beyond expectations. Highly recommended!",
tag: "Full Service",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
avatarAlt: "Jessica Thompson",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg?_wi=3",
imageAlt: "Residential fence project",
},
id: "6", name: "Jessica Thompson, Homeowner", date: "Date: June 2024", title: "Outstanding Customer Service", quote: "From the initial consultation to project completion, W&M Services provided outstanding customer service. They listened to our needs and delivered beyond expectations. Highly recommended!", tag: "Full Service", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", avatarAlt: "Jessica Thompson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg", imageAlt: "Residential fence project"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -322,16 +197,9 @@ export default function HomePage() {
title="Trusted By Leading Review Platforms"
description="Featured and highly-rated on industry-leading platforms"
tag="Partnerships"
tagIcon={Award}
tagIcon={Star}
names={[
"Google Reviews",
"Angi",
"Houzz",
"Thumbtack",
"Yelp",
"Facebook",
"Better Business Bureau",
]}
"Google Reviews", "Angi", "Houzz", "Thumbtack", "Yelp", "Facebook", "Better Business Bureau"]}
textboxLayout="default"
useInvertedBackground={true}
speed={40}
@@ -349,42 +217,18 @@ export default function HomePage() {
tagIcon={Clock}
plans={[
{
id: "consultation",
tag: "Free Consultation",
tagIcon: Phone,
price: "Call",
period: "Today",
description: "Speak directly with our landscaping experts about your project needs and vision.",
button: {
text: "Call +1 202-361-8677",
href: "tel:+12023618677",
},
featuresTitle: "What's Included:",
features: [
"Free project evaluation",
"Professional recommendations",
"No hidden charges",
"Flexible scheduling",
],
id: "consultation", tag: "Free Consultation", tagIcon: Phone,
price: "Call", period: "Today", description: "Speak directly with our landscaping experts about your project needs and vision.", button: {
text: "Call +1 202-361-8677", href: "tel:+12023618677"},
featuresTitle: "What's Included:", features: [
"Free project evaluation", "Professional recommendations", "No hidden charges", "Flexible scheduling"],
},
{
id: "quote",
tag: "Free Quote Request",
tagIcon: FileText,
price: "Online",
period: "24-48 hrs",
description: "Submit your project details online and receive a detailed quote from our team within 24-48 hours.",
button: {
text: "Request Free Quote",
href: "#contact",
},
featuresTitle: "What's Included:",
features: [
"Detailed project estimate",
"Service timeline",
"Material recommendations",
"Professional guidance",
],
id: "quote", tag: "Free Quote Request", tagIcon: FileText,
price: "Online", period: "24-48 hrs", description: "Submit your project details online and receive a detailed quote from our team within 24-48 hours.", button: {
text: "Request Free Quote", href: "#contact"},
featuresTitle: "What's Included:", features: [
"Detailed project estimate", "Service timeline", "Material recommendations", "Professional guidance"],
},
]}
animationType="slide-up"
@@ -401,41 +245,21 @@ export default function HomePage() {
ctaTitle="Get in Touch With W&M Services"
ctaDescription="Ready to start your landscaping project? Contact us today for a free consultation and quote."
ctaButton={{
text: "Call +1 202-361-8677",
href: "tel:+12023618677",
}}
text: "Call +1 202-361-8677", href: "tel:+12023618677"}}
ctaIcon={Phone}
faqs={[
{
id: "1",
title: "What areas do you service?",
content: "We provide professional landscaping services throughout Washington, DC and surrounding areas. Contact us to confirm service availability for your location.",
},
id: "1", title: "What areas do you service?", content: "We provide professional landscaping services throughout Washington, DC and surrounding areas. Contact us to confirm service availability for your location."},
{
id: "2",
title: "How much does a landscape design cost?",
content: "Costs vary depending on project scope and materials. We offer free consultations to assess your needs and provide accurate quotes. Contact us today for your personalized estimate.",
},
id: "2", title: "How much does a landscape design cost?", content: "Costs vary depending on project scope and materials. We offer free consultations to assess your needs and provide accurate quotes. Contact us today for your personalized estimate."},
{
id: "3",
title: "Do you offer maintenance services?",
content: "Yes! We provide comprehensive lawn and property maintenance services including ongoing landscape care, seasonal updates, and custom maintenance plans.",
},
id: "3", title: "Do you offer maintenance services?", content: "Yes! We provide comprehensive lawn and property maintenance services including ongoing landscape care, seasonal updates, and custom maintenance plans."},
{
id: "4",
title: "How long does a typical project take?",
content: "Project timelines depend on scope and complexity. We'll provide a detailed timeline during your consultation. Most projects are completed within 2-4 weeks.",
},
id: "4", title: "How long does a typical project take?", content: "Project timelines depend on scope and complexity. We'll provide a detailed timeline during your consultation. Most projects are completed within 2-4 weeks."},
{
id: "5",
title: "Are you licensed and insured?",
content: "Yes, W&M Services is fully licensed, insured, and bonded. Your property and our team are fully protected during every project.",
},
id: "5", title: "Are you licensed and insured?", content: "Yes, W&M Services is fully licensed, insured, and bonded. Your property and our team are fully protected during every project."},
{
id: "6",
title: "Do you provide warranties on your work?",
content: "Absolutely! We stand behind our work with comprehensive warranties on materials and labor. We want you completely satisfied with your landscaping investment.",
},
id: "6", title: "Do you provide warranties on your work?", content: "Absolutely! We stand behind our work with comprehensive warranties on materials and labor. We want you completely satisfied with your landscaping investment."},
]}
useInvertedBackground={false}
animationType="slide-up"
@@ -452,65 +276,41 @@ export default function HomePage() {
{
items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Gallery",
href: "#gallery",
},
label: "Gallery", href: "#gallery"},
],
},
{
items: [
{
label: "About",
href: "/about",
},
label: "About", href: "/about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Get Quote",
href: "#contact",
},
label: "Get Quote", href: "#contact"},
],
},
{
items: [
{
label: "Call Us",
href: "tel:+12023618677",
},
label: "Call Us", href: "tel:+12023618677"},
{
label: "Email",
href: "mailto:info@wmnservices.com",
},
label: "Email", href: "mailto:info@wmnservices.com"},
{
label: "Address",
href: "#",
},
label: "Address", href: "#"},
],
},
{
items: [
{
label: "Google Reviews",
href: "https://www.google.com/search?q=W&M+Services+landscaping+DC",
},
label: "Google Reviews", href: "https://www.google.com/search?q=W&M+Services+landscaping+DC"},
{
label: "Facebook",
href: "https://www.facebook.com",
},
label: "Facebook", href: "https://www.facebook.com"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}