Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7f85c6cd4f | |||
| 612d798f32 | |||
| 9b60e38588 | |||
| d1642fb1e5 |
147
src/app/page.tsx
147
src/app/page.tsx
@@ -52,9 +52,11 @@ 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"
|
||||
@@ -73,13 +75,17 @@ 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", 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?_wi=1", 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?_wi=2", 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", 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"
|
||||
@@ -96,13 +102,16 @@ 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"
|
||||
@@ -118,13 +127,17 @@ 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="uniform-all-items-equal"
|
||||
animationType="scale-rotate"
|
||||
@@ -144,16 +157,20 @@ export default function HomePage() {
|
||||
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"},
|
||||
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: "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"},
|
||||
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: "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"},
|
||||
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: "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"},
|
||||
reviewCount: "10 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance_23-2149301087.jpg?_wi=1", imageAlt: "Professional gate installation"
|
||||
},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="blur-reveal"
|
||||
@@ -173,17 +190,23 @@ 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?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=3", 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?_wi=3", imageAlt: "Residential fence project"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -199,7 +222,8 @@ export default function HomePage() {
|
||||
tag="Partnerships"
|
||||
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}
|
||||
@@ -217,18 +241,22 @@ export default function HomePage() {
|
||||
tagIcon={Clock}
|
||||
plans={[
|
||||
{
|
||||
id: "consultation", tag: "Free Consultation", tagIcon: Phone,
|
||||
id: "consultation", tag: "Call Today", tagIcon: Phone,
|
||||
price: "Call", period: "Today", description: "Speak directly with our landscaping experts about your project needs and vision.", button: {
|
||||
text: "Schedule Free Call", href: "tel:+12023618677"},
|
||||
text: "Schedule Free Call", href: "tel:+12023618677"
|
||||
},
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"Free project evaluation", "Professional recommendations", "No hidden charges", "Flexible scheduling"],
|
||||
"Free project evaluation", "Professional recommendations", "No hidden charges", "Flexible scheduling"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "quote", tag: "Free Quote Request", tagIcon: FileText,
|
||||
id: "quote", tag: "Get Quote Online", 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"},
|
||||
text: "Request Free Quote", href: "#contact"
|
||||
},
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"Detailed project estimate", "Service timeline", "Material recommendations", "Professional guidance"],
|
||||
"Detailed project estimate", "Service timeline", "Material recommendations", "Professional guidance"
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -245,21 +273,28 @@ 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"
|
||||
@@ -276,41 +311,53 @@ 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: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -318,4 +365,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user