Update src/app/page.tsx
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||||
import { Gauge, Leaf, Sparkles, Users, Zap } from "lucide-react";
|
import { Gauge, Leaf, Sparkles, Users, Zap, ArrowRight } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -33,56 +33,37 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "#pricing"},
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Flex Lawn Care & Tree Service"
|
brandName="Flex Lawn Care & Tree Service"
|
||||||
bottomLeftText="Pasadena, TX"
|
bottomLeftText="Pasadena, TX"
|
||||||
bottomRightText="713 955 8020"
|
bottomRightText="713 955 8020"
|
||||||
button={{
|
button={{
|
||||||
text: "Call Now: 713 955 8020",
|
text: "Call Now: 713 955 8020", href: "tel:7139558020"}}
|
||||||
href: "tel:7139558020",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "animated-grid",
|
variant: "animated-grid"}}
|
||||||
}}
|
|
||||||
logoText="FLEX"
|
logoText="FLEX"
|
||||||
description="Your Trusted Partner for Premier Lawn Care and Expert Tree Services in Pasadena, TX. We keep your property pristine."
|
description="Your Trusted Partner for Premier Lawn Care and Expert Tree Services in Pasadena, TX. We keep your property pristine."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get a Free Estimate",
|
text: "Get a Free Estimate", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Our Services",
|
text: "View Our Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="opacity"
|
buttonAnimation="opacity"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg"
|
||||||
@@ -98,19 +79,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Gauge,
|
icon: Gauge,
|
||||||
label: "Years in Business",
|
label: "Years in Business", value: "15+"},
|
||||||
value: "15+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
label: "Happy Clients",
|
label: "Happy Clients", value: "500+"},
|
||||||
value: "500+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Leaf,
|
icon: Leaf,
|
||||||
label: "Projects Completed",
|
label: "Projects Completed", value: "2000+"},
|
||||||
value: "2000+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -122,32 +97,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Professional Lawn Mowing",
|
title: "Professional Lawn Mowing", description: "Regular, precise lawn mowing to keep your grass healthy and looking immaculate, including edging and blowing.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-plants_329181-12446.jpg", imageAlt: "Professional lawn mowing service", buttonIcon: ArrowRight,
|
||||||
description: "Regular, precise lawn mowing to keep your grass healthy and looking immaculate, including edging and blowing.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-plants_329181-12446.jpg",
|
|
||||||
imageAlt: "Professional lawn mowing service",
|
|
||||||
buttonIcon: "ArrowRight",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Expert Tree Trimming",
|
title: "Expert Tree Trimming", description: "Skilled tree trimming and pruning to enhance tree health, shape, and safety, preventing potential hazards.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2288.jpg", imageAlt: "Expert tree trimming service", buttonIcon: ArrowRight,
|
||||||
description: "Skilled tree trimming and pruning to enhance tree health, shape, and safety, preventing potential hazards.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2288.jpg",
|
|
||||||
imageAlt: "Expert tree trimming service",
|
|
||||||
buttonIcon: "ArrowRight",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Creative Landscaping Design",
|
title: "Creative Landscaping Design", description: "Transform your outdoor space with custom landscaping designs, from planting new gardens to installing irrigation systems.", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7085.jpg", imageAlt: "Creative landscaping design", buttonIcon: ArrowRight,
|
||||||
description: "Transform your outdoor space with custom landscaping designs, from planting new gardens to installing irrigation systems.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7085.jpg",
|
|
||||||
imageAlt: "Creative landscaping design",
|
|
||||||
buttonIcon: "ArrowRight",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Lawn Fertilization & Weed Control",
|
title: "Lawn Fertilization & Weed Control", description: "Promote lush, green lawns with our fertilization programs and effective weed control solutions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-bearded-hispanic-male-gardener-concentrated-planting-sprout-flower-pot-with-garden-tools-enjoying-moments-silence_176420-19924.jpg", imageAlt: "Lawn fertilization and weed control", buttonIcon: ArrowRight,
|
||||||
description: "Promote lush, green lawns with our fertilization programs and effective weed control solutions.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-bearded-hispanic-male-gardener-concentrated-planting-sprout-flower-pot-with-garden-tools-enjoying-moments-silence_176420-19924.jpg",
|
|
||||||
imageAlt: "Lawn fertilization and weed control",
|
|
||||||
buttonIcon: "ArrowRight",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Comprehensive Lawn & Tree Services"
|
title="Our Comprehensive Lawn & Tree Services"
|
||||||
@@ -162,40 +121,19 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic-lawn",
|
id: "basic-lawn", badge: "Standard", badgeIcon: Leaf,
|
||||||
badge: "Standard",
|
price: "$60/visit", subtitle: "Essential Lawn Care", features: [
|
||||||
badgeIcon: Leaf,
|
"Weekly Mowing", "Edging & Trimming", "Blowing & Cleanup"],
|
||||||
price: "$60/visit",
|
|
||||||
subtitle: "Essential Lawn Care",
|
|
||||||
features: [
|
|
||||||
"Weekly Mowing",
|
|
||||||
"Edging & Trimming",
|
|
||||||
"Blowing & Cleanup",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "premium-lawn",
|
id: "premium-lawn", badge: "Popular", badgeIcon: Sparkles,
|
||||||
badge: "Popular",
|
price: "$95/visit", subtitle: "Enhanced Property Care", features: [
|
||||||
badgeIcon: Sparkles,
|
"All Standard Features", "Fertilization (Seasonal)", "Basic Weed Control"],
|
||||||
price: "$95/visit",
|
|
||||||
subtitle: "Enhanced Property Care",
|
|
||||||
features: [
|
|
||||||
"All Standard Features",
|
|
||||||
"Fertilization (Seasonal)",
|
|
||||||
"Basic Weed Control",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "full-service",
|
id: "full-service", badge: "Complete", badgeIcon: Zap,
|
||||||
badge: "Complete",
|
price: "Custom Quote", subtitle: "Total Outdoor Solution", features: [
|
||||||
badgeIcon: Zap,
|
"All Premium Features", "Tree & Shrub Pruning", "Advanced Pest Control"],
|
||||||
price: "Custom Quote",
|
|
||||||
subtitle: "Total Outdoor Solution",
|
|
||||||
features: [
|
|
||||||
"All Premium Features",
|
|
||||||
"Tree & Shrub Pruning",
|
|
||||||
"Advanced Pest Control",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Flexible Plans for Every Property"
|
title="Flexible Plans for Every Property"
|
||||||
@@ -212,50 +150,20 @@ export default function LandingPage() {
|
|||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah J.", role: "Homeowner", company: "Pasadena, TX", rating: 5,
|
||||||
name: "Sarah J.",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-joyful-expression-dressed-black-stylish-hat-denim-jacket-calls-mobile-phone-friend_273609-25938.jpg", imageAlt: "Sarah J."},
|
||||||
role: "Homeowner",
|
|
||||||
company: "Pasadena, TX",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-joyful-expression-dressed-black-stylish-hat-denim-jacket-calls-mobile-phone-friend_273609-25938.jpg",
|
|
||||||
imageAlt: "Sarah J.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Michael R.", role: "Property Manager", company: "Pasadena, TX", rating: 5,
|
||||||
name: "Michael R.",
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-cheerful-guy-showing-thumbs-up-sign-against-blue-background_482257-115342.jpg", imageAlt: "Michael R."},
|
||||||
role: "Property Manager",
|
|
||||||
company: "Pasadena, TX",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-cheerful-guy-showing-thumbs-up-sign-against-blue-background_482257-115342.jpg",
|
|
||||||
imageAlt: "Michael R.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily P.", role: "Local Business Owner", company: "Pasadena, TX", rating: 5,
|
||||||
name: "Emily P.",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg", imageAlt: "Emily P."},
|
||||||
role: "Local Business Owner",
|
|
||||||
company: "Pasadena, TX",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg",
|
|
||||||
imageAlt: "Emily P.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "David K.", role: "Resident", company: "Pasadena, TX", rating: 5,
|
||||||
name: "David K.",
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg", imageAlt: "David K."},
|
||||||
role: "Resident",
|
|
||||||
company: "Pasadena, TX",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12330.jpg",
|
|
||||||
imageAlt: "David K.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Jessica L.", role: "Homeowner", company: "Pasadena, TX", rating: 5,
|
||||||
name: "Jessica L.",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-with-beard-happily-looking-camera-showing-thumb-up-while-holding-green-paper-cloud-shape-hand-near-head-modern-office_574295-5737.jpg", imageAlt: "Jessica L."},
|
||||||
role: "Homeowner",
|
|
||||||
company: "Pasadena, TX",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-with-beard-happily-looking-camera-showing-thumb-up-while-holding-green-paper-cloud-shape-hand-near-head-modern-office_574295-5737.jpg",
|
|
||||||
imageAlt: "Jessica L.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Valued Clients Say"
|
title="What Our Valued Clients Say"
|
||||||
description="Hear directly from our satisfied customers in Pasadena, TX about their experience with Flex Lawn Care & Tree Service."
|
description="Hear directly from our satisfied customers in Pasadena, TX about their experience with Flex Lawn Care & Tree Service."
|
||||||
@@ -269,34 +177,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "exp",
|
id: "exp", value: "15+", title: "Years Experience", items: [
|
||||||
value: "15+",
|
"Local to Pasadena, TX", "Expert Arborists", "Skilled Landscapers"],
|
||||||
title: "Years Experience",
|
|
||||||
items: [
|
|
||||||
"Local to Pasadena, TX",
|
|
||||||
"Expert Arborists",
|
|
||||||
"Skilled Landscapers",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "clients",
|
id: "clients", value: "500+", title: "Happy Customers", items: [
|
||||||
value: "500+",
|
"Residential Properties", "Commercial Clients", "Repeat Business"],
|
||||||
title: "Happy Customers",
|
|
||||||
items: [
|
|
||||||
"Residential Properties",
|
|
||||||
"Commercial Clients",
|
|
||||||
"Repeat Business",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "projects",
|
id: "projects", value: "2000+", title: "Projects Completed", items: [
|
||||||
value: "2000+",
|
"Lawn Renovations", "Tree Removals", "Custom Landscaping"],
|
||||||
title: "Projects Completed",
|
|
||||||
items: [
|
|
||||||
"Lawn Renovations",
|
|
||||||
"Tree Removals",
|
|
||||||
"Custom Landscaping",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Years of Dedicated Service & Expertise"
|
title="Years of Dedicated Service & Expertise"
|
||||||
@@ -309,25 +199,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "What areas do you serve?", content: "We proudly serve Pasadena, TX, and the surrounding communities. Contact us to confirm service availability in your specific location."},
|
||||||
title: "What areas do you serve?",
|
|
||||||
content: "We proudly serve Pasadena, TX, and the surrounding communities. Contact us to confirm service availability in your specific location.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Are you insured?", content: "Yes, Flex Lawn Care & Tree Service is fully licensed and insured for your peace of mind. Our team adheres to the highest safety standards."},
|
||||||
title: "Are you insured?",
|
|
||||||
content: "Yes, Flex Lawn Care & Tree Service is fully licensed and insured for your peace of mind. Our team adheres to the highest safety standards.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "How often do you provide lawn mowing services?", content: "We offer flexible scheduling including weekly, bi-weekly, and one-time lawn mowing services to fit your property's needs and your preferences."},
|
||||||
title: "How often do you provide lawn mowing services?",
|
|
||||||
content: "We offer flexible scheduling including weekly, bi-weekly, and one-time lawn mowing services to fit your property's needs and your preferences.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q4",
|
id: "q4", title: "Do you offer free estimates?", content: "Absolutely! We provide free, no-obligation estimates for all our lawn care and tree services. Simply call us or fill out our contact form."},
|
||||||
title: "Do you offer free estimates?",
|
|
||||||
content: "Absolutely! We provide free, no-obligation estimates for all our lawn care and tree services. Simply call us or fill out our contact form.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Common Questions About Our Services"
|
sideTitle="Common Questions About Our Services"
|
||||||
sideDescription="Find quick answers to your most frequent questions about our lawn care, tree services, and operational practices in Pasadena, TX."
|
sideDescription="Find quick answers to your most frequent questions about our lawn care, tree services, and operational practices in Pasadena, TX."
|
||||||
@@ -340,8 +218,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Get in Touch"
|
tag="Get in Touch"
|
||||||
title="Ready for a Beautiful Yard?"
|
title="Ready for a Beautiful Yard?"
|
||||||
description="Contact us today for a free estimate on our comprehensive lawn care and tree services in Pasadena, TX. Call: 713 955 8020."
|
description="Contact us today for a free estimate on our comprehensive lawn care and tree services in Pasadena, TX. Call: 713 955 8020."
|
||||||
@@ -355,13 +232,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="FLEX"
|
logoText="FLEX"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Terms of Service",
|
text: "Terms of Service", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user