Merge version_1 into main #2
200
src/app/page.tsx
200
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="M&L Tree Service"
|
||||
/>
|
||||
@@ -55,42 +47,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Expert Tree Care You Can Trust"
|
||||
description="Providing safe, reliable, and professional tree services for your property. From precision trimming to emergency removals, M&L is dedicated to keeping your landscape healthy and beautiful."
|
||||
tag="Licensed & Insured"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-857.jpg?_wi=1",
|
||||
imageAlt: "Tree care professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-857.jpg", imageAlt: "Tree care professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg",
|
||||
imageAlt: "Arborist working safely",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg", imageAlt: "Arborist working safely"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309592.jpg",
|
||||
imageAlt: "Tree maintenance crew",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309592.jpg", imageAlt: "Tree maintenance crew"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg",
|
||||
imageAlt: "Professional tree pruning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg", imageAlt: "Professional tree pruning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4977.jpg",
|
||||
imageAlt: "Landscape tree care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-climb-ropes-park_1304-4977.jpg", imageAlt: "Landscape tree care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-forest-wardens-walking-together_23-2149557265.jpg",
|
||||
imageAlt: "Comprehensive tree removal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-forest-wardens-walking-together_23-2149557265.jpg", imageAlt: "Comprehensive tree removal"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,11 +80,9 @@ export default function LandingPage() {
|
||||
tag="Our Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139747.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139747.jpg"
|
||||
imageAlt="M&L Tree Service team"
|
||||
/>
|
||||
</div>
|
||||
@@ -119,55 +94,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tree Removal",
|
||||
description: "Safe, precision tree removal for hazardous or unwanted trees in tight spaces.",
|
||||
icon: Shield,
|
||||
title: "Tree Removal", description: "Safe, precision tree removal for hazardous or unwanted trees in tight spaces.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22883.jpg",
|
||||
imageAlt: "Tree removal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22883.jpg", imageAlt: "Tree removal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-senior-man-cleaning-sidewalk-with-leaf-blower-october-low-angle-view-smiling-bearded_7502-10259.jpg",
|
||||
imageAlt: "Safe removal",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-857.jpg?_wi=2",
|
||||
imageAlt: "tree removal machine professional equipment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-senior-man-cleaning-sidewalk-with-leaf-blower-october-low-angle-view-smiling-bearded_7502-10259.jpg", imageAlt: "Safe removal"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Pruning & Trimming",
|
||||
description: "Expert canopy management to enhance tree health and aesthetic appeal.",
|
||||
icon: Zap,
|
||||
title: "Pruning & Trimming", description: "Expert canopy management to enhance tree health and aesthetic appeal.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cutting-dried-branches_23-2148396749.jpg",
|
||||
imageAlt: "Pruning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cutting-dried-branches_23-2148396749.jpg", imageAlt: "Pruning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strong-man-getting-ready-climb_23-2149042726.jpg",
|
||||
imageAlt: "Canopy care",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139747.jpg?_wi=2",
|
||||
imageAlt: "tree removal machine professional equipment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strong-man-getting-ready-climb_23-2149042726.jpg", imageAlt: "Canopy care"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Emergency Care",
|
||||
description: "24/7 emergency response for storm damage and dangerous tree situations.",
|
||||
icon: AlertCircle,
|
||||
title: "Emergency Care", description: "24/7 emergency response for storm damage and dangerous tree situations.", icon: AlertCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/someone-trimming-bushes-with-garden-scissors_1157-37103.jpg",
|
||||
imageAlt: "Emergency care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/someone-trimming-bushes-with-garden-scissors_1157-37103.jpg", imageAlt: "Emergency care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309584.jpg",
|
||||
imageAlt: "Rapid response",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-porch-reading-book_23-2147663759.jpg?_wi=1",
|
||||
imageAlt: "tree removal machine professional equipment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309584.jpg", imageAlt: "Rapid response"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Tree Services"
|
||||
@@ -183,20 +134,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1200+",
|
||||
description: "Trees Maintained Safely",
|
||||
},
|
||||
id: "m2", value: "1200+", description: "Trees Maintained Safely"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Happy Local Homeowners",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Happy Local Homeowners"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="We are proud of the impact we've made on our local landscapes."
|
||||
@@ -209,45 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent Work",
|
||||
quote: "M&L Tree Service did an amazing job removing a huge dead oak in my backyard safely.",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-porch-reading-book_23-2147663759.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", title: "Excellent Work", quote: "M&L Tree Service did an amazing job removing a huge dead oak in my backyard safely.", name: "John Doe", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/family-porch-reading-book_23-2147663759.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Great Team",
|
||||
quote: "Reliable and fast service. They cleaned up everything perfectly afterward.",
|
||||
name: "Jane Smith",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cutting-leaves_23-2148579928.jpg",
|
||||
},
|
||||
id: "t2", title: "Great Team", quote: "Reliable and fast service. They cleaned up everything perfectly afterward.", name: "Jane Smith", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cutting-leaves_23-2148579928.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Professional",
|
||||
quote: "Best tree experts in town. Very knowledgeable about my tree health.",
|
||||
name: "Sam Wilson",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg",
|
||||
},
|
||||
id: "t3", title: "Professional", quote: "Best tree experts in town. Very knowledgeable about my tree health.", name: "Sam Wilson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Safe & Efficient",
|
||||
quote: "They are careful with property. Would recommend to anyone.",
|
||||
name: "Emily Davis",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employees-manage-packages-crates-import-export-depot_482257-130939.jpg",
|
||||
},
|
||||
id: "t4", title: "Safe & Efficient", quote: "They are careful with property. Would recommend to anyone.", name: "Emily Davis", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/african-american-employees-manage-packages-crates-import-export-depot_482257-130939.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Professional, punctual, and safe. My landscape looks great.",
|
||||
name: "Michael Brown",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hardworking-man-his-work_329181-3055.jpg",
|
||||
},
|
||||
id: "t5", title: "Highly Recommend", quote: "Professional, punctual, and safe. My landscape looks great.", name: "Michael Brown", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/hardworking-man-his-work_329181-3055.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trust is built through reliable results and consistent quality."
|
||||
@@ -260,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, M&L is fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
id: "f1", title: "Are you licensed?", content: "Yes, M&L is fully licensed and insured for your peace of mind."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I get a quote?",
|
||||
content: "Contact us through our form, and we'll schedule a property visit.",
|
||||
},
|
||||
id: "f2", title: "How do I get a quote?", content: "Contact us through our form, and we'll schedule a property visit."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we handle emergency situations, especially after major storms.",
|
||||
},
|
||||
id: "f3", title: "Do you offer emergency services?", content: "Yes, we handle emergency situations, especially after major storms."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to our most requested information."
|
||||
@@ -285,16 +188,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Free Estimate"
|
||||
title="Ready to Get Started?"
|
||||
description="Contact us today for a free estimate on your tree care needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us Now", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,29 +204,19 @@ export default function LandingPage() {
|
||||
logoText="M&L Tree Service"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user