Merge version_1 into main #2
185
src/app/page.tsx
185
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Amg Tree Service"
|
||||
/>
|
||||
@@ -54,22 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Amg Tree Service"
|
||||
description="Professional Tree Service You Can Trust. Fast, Affordable, and Reliable Tree Care for homeowners and businesses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:2244418354",
|
||||
},
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:2244418354" },
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,28 +61,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Tree Trimming",
|
||||
description: "Keep your trees healthy and beautiful with professional shaping.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-game-golf-outdoors-field_23-2150551615.jpg",
|
||||
imageAlt: "tree trimming service precision equipment",
|
||||
title: "Tree Trimming", description: "Keep your trees healthy and beautiful with professional shaping.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Tree Removal",
|
||||
description: "Safe and careful removal for dangerous or unwanted trees.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Briefcase,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg?_wi=2",
|
||||
imageAlt: "tree trimming service precision equipment",
|
||||
title: "Tree Removal", description: "Safe and careful removal for dangerous or unwanted trees.", bentoComponent: "reveal-icon", icon: Briefcase,
|
||||
},
|
||||
{
|
||||
title: "Emergency Services",
|
||||
description: "Rapid response for storm damage and urgent cleanup needs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309558.jpg",
|
||||
imageAlt: "tree trimming service precision equipment",
|
||||
title: "Emergency Services", description: "Rapid response for storm damage and urgent cleanup needs.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -115,21 +80,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Amg Tree Service?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Insured",
|
||||
value: "Fully",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Availability",
|
||||
value: "Fast",
|
||||
},
|
||||
{ icon: Star, label: "Rating", value: "5.0" },
|
||||
{ icon: ShieldCheck, label: "Insured", value: "Fully" },
|
||||
{ icon: Clock, label: "Availability", value: "Fast" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -140,13 +93,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Homeowner Association",
|
||||
"Local Businesses",
|
||||
"Residential Clients",
|
||||
"Property Managers",
|
||||
"City Maintenance",
|
||||
"Real Estate Groups",
|
||||
"Community Partners",
|
||||
"Homeowner Association", "Local Businesses", "Residential Clients", "Property Managers", "City Maintenance", "Real Estate Groups", "Community Partners"
|
||||
]}
|
||||
title="Trusted by the Community"
|
||||
description="Building trust through quality service across the neighborhood."
|
||||
@@ -157,33 +104,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
imageSrc: "asset://testimonial-1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria S.",
|
||||
imageSrc: "asset://testimonial-2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert B.",
|
||||
imageSrc: "asset://testimonial-3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "asset://testimonial-4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
imageSrc: "asset://testimonial-5",
|
||||
},
|
||||
{ id: "1", name: "John D.", imageSrc: "asset://testimonial-1" },
|
||||
{ id: "2", name: "Maria S.", imageSrc: "asset://testimonial-2" },
|
||||
{ id: "3", name: "Robert B.", imageSrc: "asset://testimonial-3" },
|
||||
{ id: "4", name: "Sarah K.", imageSrc: "asset://testimonial-4" },
|
||||
{ id: "5", name: "David W.", imageSrc: "asset://testimonial-5" },
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -193,21 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are you fully insured?",
|
||||
content: "Yes, our team is fully insured to ensure your property remains protected.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Absolutely, we provide 24/7 emergency response for storm damage.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What service areas do you cover?",
|
||||
content: "We serve the local suburban residential area with fast turnaround times.",
|
||||
},
|
||||
{ id: "1", title: "Are you fully insured?", content: "Yes, our team is fully insured to ensure your property remains protected." },
|
||||
{ id: "2", title: "Do you offer emergency service?", content: "Absolutely, we provide 24/7 emergency response for storm damage." },
|
||||
{ id: "3", title: "What service areas do you cover?", content: "We serve the local suburban residential area with fast turnaround times." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our tree care process."
|
||||
@@ -218,9 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get Your Free Quote Today"
|
||||
description="Call (224) 441-8354 or fill out the form for a fast, reliable quote."
|
||||
@@ -233,50 +147,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Trimming",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Removal",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Trimming", href: "#" },
|
||||
{ label: "Removal", href: "#" },
|
||||
{ label: "Emergency", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Reviews", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(224) 441-8354",
|
||||
href: "tel:2244418354",
|
||||
},
|
||||
{
|
||||
label: "Open until 9 PM",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "(224) 441-8354", href: "tel:2244418354" },
|
||||
{ label: "Open until 9 PM", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user