Merge version_1 into main #2
343
src/app/page.tsx
343
src/app/page.tsx
@@ -31,26 +31,11 @@ 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: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Molina Tree Service"
|
||||
/>
|
||||
@@ -58,82 +43,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Safe, Beautiful Tree Work for Homes That Deserve Better"
|
||||
description="Expert tree removal, trimming, stump grinding, and storm cleanup in North Mankato, MN—done with precision, fast communication, and a spotless finish."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.4★",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Local Reviews",
|
||||
},
|
||||
{
|
||||
value: "Fast",
|
||||
label: "Estimates",
|
||||
},
|
||||
{ value: "4.4★", label: "Google Rating" },
|
||||
{ value: "20+", label: "Local Reviews" },
|
||||
{ value: "Fast", label: "Estimates" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call (507) 382-2996",
|
||||
href: "tel:5073822996",
|
||||
},
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call (507) 382-2996", href: "tel:5073822996" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
|
||||
alt: "Satisfied customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
alt: "Satisfied customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
|
||||
alt: "Satisfied customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg",
|
||||
alt: "Satisfied customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5292.jpg",
|
||||
alt: "Satisfied customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg", alt: "Satisfied customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", alt: "Satisfied customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg", alt: "Satisfied customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg", alt: "Satisfied customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5292.jpg", alt: "Satisfied customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by over 100+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Equipped",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Clean Up",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Family Owned" },
|
||||
{ type: "text", text: "Fully Equipped" },
|
||||
{ type: "text", text: "Emergency Ready" },
|
||||
{ type: "text", text: "100% Clean Up" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,36 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Fast",
|
||||
title: "Response Time",
|
||||
items: [
|
||||
"Quotes fast",
|
||||
"Clear schedules",
|
||||
"No waiting",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Safe",
|
||||
title: "Careful Work",
|
||||
items: [
|
||||
"Yard protection",
|
||||
"Equipment care",
|
||||
"Site cleanup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Local",
|
||||
title: "Trusted Crew",
|
||||
items: [
|
||||
"Family-owned",
|
||||
"North Mankato",
|
||||
"Real results",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "Fast", title: "Response Time", items: ["Quotes fast", "Clear schedules", "No waiting"] },
|
||||
{ id: "m2", value: "Safe", title: "Careful Work", items: ["Yard protection", "Equipment care", "Site cleanup"] },
|
||||
{ id: "m3", value: "Local", title: "Trusted Crew", items: ["Family-owned", "North Mankato", "Real results"] },
|
||||
]}
|
||||
title="Why Molina Tree Service Stands Out"
|
||||
description="We prioritize fast responses, property protection, and clear communication."
|
||||
@@ -186,46 +97,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tree Removal",
|
||||
description: "Safe removal of hazardous, dead, or unwanted trees.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg?_wi=1",
|
||||
imageAlt: "tree pruning arborist residential",
|
||||
},
|
||||
{
|
||||
title: "Trimming & Pruning",
|
||||
description: "Improve tree health and canopy appearance.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg?_wi=2",
|
||||
imageAlt: "tree pruning arborist residential",
|
||||
},
|
||||
{
|
||||
title: "Stump Grinding",
|
||||
description: "Remove unsightly stumps for yard space.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Circle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chain-saw-log_1398-170.jpg?_wi=1",
|
||||
imageAlt: "tree pruning arborist residential",
|
||||
},
|
||||
{
|
||||
title: "Storm Cleanup",
|
||||
description: "Fast help after wind damage.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pile-logs-drying-field_181624-17775.jpg?_wi=1",
|
||||
imageAlt: "tree pruning arborist residential",
|
||||
},
|
||||
{
|
||||
title: "Lot Clearing",
|
||||
description: "Brush removal and land opening.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Map,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusty-abandoned-ruined-boat_23-2147905524.jpg",
|
||||
imageAlt: "tree pruning arborist residential",
|
||||
},
|
||||
{ title: "Tree Removal", description: "Safe removal of hazardous, dead, or unwanted trees.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Trimming & Pruning", description: "Improve tree health and canopy appearance.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Stump Grinding", description: "Remove unsightly stumps for yard space.", bentoComponent: "reveal-icon", icon: Circle },
|
||||
{ title: "Storm Cleanup", description: "Fast help after wind damage.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Lot Clearing", description: "Brush removal and land opening.", bentoComponent: "reveal-icon", icon: Map },
|
||||
]}
|
||||
title="Expert Tree Services"
|
||||
description="Comprehensive tree care to keep your property safe and beautiful."
|
||||
@@ -239,23 +115,11 @@ export default function LandingPage() {
|
||||
title="Professionalism You Can Rely On"
|
||||
description="We understand the anxiety of tree work. We remove the stress through clear communication, respectful work crews, and efficient, clean job finishes."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Clear Scheduling",
|
||||
description: "We show up on time as planned.",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
title: "Respect for Property",
|
||||
description: "We protect your driveways and landscaping.",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
title: "Spotless Cleanup",
|
||||
description: "Your yard looks clean when we leave.",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{ title: "Clear Scheduling", description: "We show up on time as planned.", icon: Calendar },
|
||||
{ title: "Respect for Property", description: "We protect your driveways and landscaping.", icon: Home },
|
||||
{ title: "Spotless Cleanup", description: "Your yard looks clean when we leave.", icon: Sparkles },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chain-saw-log_1398-170.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chain-saw-log_1398-170.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -266,41 +130,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "They are extremely fast, friendly, and efficient. I wouldn't hesitate to have them do work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Top notch work. Super fast! Affordable! And easy to communicate with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Any tree work that we have — he’s got our call.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064977.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "Very professional and cleaned up everything perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smelling-wild-flowers_23-2147711969.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Wang",
|
||||
handle: "@lisaw",
|
||||
testimonial: "The best tree service experience we've had in Mankato.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "They are extremely fast, friendly, and efficient. I wouldn't hesitate to have them do work.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Top notch work. Super fast! Affordable! And easy to communicate with.", imageSrc: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Any tree work that we have — he’s got our call.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064977.jpg" },
|
||||
{ id: "t4", name: "David Kim", handle: "@davidk", testimonial: "Very professional and cleaned up everything perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smelling-wild-flowers_23-2147711969.jpg" },
|
||||
{ id: "t5", name: "Lisa Wang", handle: "@lisaw", testimonial: "The best tree service experience we've had in Mankato.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg" },
|
||||
]}
|
||||
title="Trusted by Local Neighbors"
|
||||
description="Real results from homeowners in the North Mankato area."
|
||||
@@ -313,38 +147,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "1. Request",
|
||||
description: "Get in touch for a free estimate.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MessageSquare,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pile-logs-drying-field_181624-17775.jpg?_wi=2",
|
||||
imageAlt: "stump grinding machine yard",
|
||||
},
|
||||
{
|
||||
title: "2. Plan",
|
||||
description: "Review the job and get a clear plan.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: FileText,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg?_wi=3",
|
||||
imageAlt: "stump grinding machine yard",
|
||||
},
|
||||
{
|
||||
title: "3. Execute",
|
||||
description: "Schedule the work comfortably.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CalendarCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chain-saw-log_1398-170.jpg?_wi=3",
|
||||
imageAlt: "stump grinding machine yard",
|
||||
},
|
||||
{
|
||||
title: "4. Enjoy",
|
||||
description: "Your yard, safer and cleaner.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-yard_342744-539.jpg?_wi=2",
|
||||
imageAlt: "stump grinding machine yard",
|
||||
},
|
||||
{ title: "1. Request", description: "Get in touch for a free estimate.", bentoComponent: "reveal-icon", icon: MessageSquare },
|
||||
{ title: "2. Plan", description: "Review the job and get a clear plan.", bentoComponent: "reveal-icon", icon: FileText },
|
||||
{ title: "3. Execute", description: "Schedule the work comfortably.", bentoComponent: "reveal-icon", icon: CalendarCheck },
|
||||
{ title: "4. Enjoy", description: "Your yard, safer and cleaner.", bentoComponent: "reveal-icon", icon: CheckCircle },
|
||||
]}
|
||||
title="Simple Process, Done Right"
|
||||
description="We make getting tree work straightforward and stress-free."
|
||||
@@ -355,26 +161,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How quickly can I get an estimate?",
|
||||
content: "We strive to respond within 24-48 hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you clean up after yourself?",
|
||||
content: "Yes, a spotless site is our standard.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you handle storm cleanup?",
|
||||
content: "Yes, we provide emergency storm assistance.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve North Mankato and surrounding areas.",
|
||||
},
|
||||
{ id: "f1", title: "How quickly can I get an estimate?", content: "We strive to respond within 24-48 hours." },
|
||||
{ id: "f2", title: "Do you clean up after yourself?", content: "Yes, a spotless site is our standard." },
|
||||
{ id: "f3", title: "Do you handle storm cleanup?", content: "Yes, we provide emergency storm assistance." },
|
||||
{ id: "f4", title: "What areas do you serve?", content: "We serve North Mankato and surrounding areas." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need more info? We are happy to help."
|
||||
@@ -388,30 +178,11 @@ export default function LandingPage() {
|
||||
title="Get a Free Estimate"
|
||||
description="Ready to get started? Fill out this form and we'll be in touch quickly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Property Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "address", type: "text", placeholder: "Property Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What service do you need?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "What service do you need?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530839.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -419,17 +190,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Molina Tree Service"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user