Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Flora Lawn"
|
||||
/>
|
||||
@@ -52,71 +40,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Lawn, Our Passion."
|
||||
description="Professional lawn care and landscaping services to keep your garden thriving all year round."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-petanque-outdoors_23-2149530378.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-decorating-home_23-2150633269.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-gardener-smiling-watering-taking-care-plants_176420-3815.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lawn-mower-man-working-backyard-with-sons_1157-37439.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-petanque-outdoors_23-2149530378.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-couple-decorating-home_23-2150633269.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-gardener-smiling-watering-taking-care-plants_176420-3815.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lawn-mower-man-working-backyard-with-sons_1157-37439.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 100+ local homeowners"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fully Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional Tools",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Reliable Service",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Guaranteed Satisfaction",
|
||||
icon: Smile,
|
||||
},
|
||||
{ type: "text-icon", text: "Eco-Friendly", icon: Leaf },
|
||||
{ type: "text-icon", text: "Fully Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Professional Tools", icon: Wrench },
|
||||
{ type: "text-icon", text: "Reliable Service", icon: Calendar },
|
||||
{ type: "text-icon", text: "Guaranteed Satisfaction", icon: Smile },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,79 +73,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Mowing",
|
||||
description: "Precise mowing to keep your grass healthy and looking great.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-leaves-gardening-scissors_23-2149413494.jpg?_wi=1",
|
||||
imageAlt: "Mowing service",
|
||||
},
|
||||
title: "Lawn Mowing", description: "Precise mowing to keep your grass healthy and looking great.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-leaves-gardening-scissors_23-2149413494.jpg", imageAlt: "Mowing service" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Consistent scheduling",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Edge trimming",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Debris cleanup",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Consistent scheduling" },
|
||||
{ icon: CheckCircle, text: "Edge trimming" },
|
||||
{ icon: CheckCircle, text: "Debris cleanup" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22796.jpg",
|
||||
imageAlt: "professional lawn care services",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Fertilization",
|
||||
description: "Nutrient-rich treatments for lush, green, weed-free lawns.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden-near-house_1157-23419.jpg?_wi=1",
|
||||
imageAlt: "Fertilization",
|
||||
},
|
||||
title: "Fertilization", description: "Nutrient-rich treatments for lush, green, weed-free lawns.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden-near-house_1157-23419.jpg", imageAlt: "Fertilization" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Safe, organic materials",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Weed control",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Soil balancing",
|
||||
},
|
||||
{ icon: Shield, text: "Safe, organic materials" },
|
||||
{ icon: Shield, text: "Weed control" },
|
||||
{ icon: Shield, text: "Soil balancing" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-leaves-gardening-scissors_23-2149413494.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing and trimming service",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Aeration",
|
||||
description: "Improve root growth and water absorption with expert aeration.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growing-plants-equipment_23-2148928473.jpg",
|
||||
imageAlt: "Aeration service",
|
||||
},
|
||||
title: "Aeration", description: "Improve root growth and water absorption with expert aeration.", media: { imageSrc: "http://img.b2bpic.net/free-photo/growing-plants-equipment_23-2148928473.jpg", imageAlt: "Aeration service" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Core extraction",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Better air flow",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Deeper root systems",
|
||||
},
|
||||
{ icon: Zap, text: "Core extraction" },
|
||||
{ icon: Zap, text: "Better air flow" },
|
||||
{ icon: Zap, text: "Deeper root systems" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden-near-house_1157-23419.jpg?_wi=2",
|
||||
imageAlt: "lawn fertilization and weed control",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
@@ -214,46 +111,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Excellent service and always on time. My lawn has never looked better!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-petanque-outdoors_23-2149530378.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@john_doe",
|
||||
testimonial: "Flora Lawn changed my yard. Highly recommend their fertilization package.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-decorating-home_23-2150633269.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jane Smith",
|
||||
handle: "@jane_s",
|
||||
testimonial: "Professional, efficient, and friendly team. Very satisfied.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-gardener-smiling-watering-taking-care-plants_176420-3815.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Brown",
|
||||
handle: "@david_b",
|
||||
testimonial: "Reliable and affordable lawn maintenance. Simply the best.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily White",
|
||||
handle: "@emily_w",
|
||||
testimonial: "Great attention to detail. My hedges and lawn are perfect now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-man-working-backyard-with-sons_1157-37439.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Excellent service and always on time. My lawn has never looked better!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-petanque-outdoors_23-2149530378.jpg" },
|
||||
{ id: "2", name: "John Doe", handle: "@john_doe", testimonial: "Flora Lawn changed my yard. Highly recommend their fertilization package.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-decorating-home_23-2150633269.jpg" },
|
||||
{ id: "3", name: "Jane Smith", handle: "@jane_s", testimonial: "Professional, efficient, and friendly team. Very satisfied.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-gardener-smiling-watering-taking-care-plants_176420-3815.jpg" },
|
||||
{ id: "4", name: "David Brown", handle: "@david_b", testimonial: "Reliable and affordable lawn maintenance. Simply the best.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg" },
|
||||
{ id: "5", name: "Emily White", handle: "@emily_w", testimonial: "Great attention to detail. My hedges and lawn are perfect now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-man-working-backyard-with-sons_1157-37439.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Happy Clients"
|
||||
@@ -265,21 +127,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we offer free, no-obligation estimates for all our services.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How often should I mow?",
|
||||
content: "Depending on growth, once a week during peak season is recommended.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your products safe?",
|
||||
content: "We prioritize eco-friendly and pet-safe products whenever possible.",
|
||||
},
|
||||
{ id: "1", title: "Do you provide estimates?", content: "Yes, we offer free, no-obligation estimates for all our services." },
|
||||
{ id: "2", title: "How often should I mow?", content: "Depending on growth, once a week during peak season is recommended." },
|
||||
{ id: "3", title: "Are your products safe?", content: "We prioritize eco-friendly and pet-safe products whenever possible." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need more info? We've got you covered."
|
||||
@@ -293,30 +143,11 @@ export default function LandingPage() {
|
||||
title="Get a Free Quote"
|
||||
description="Ready to transform your lawn? Contact us today to get started."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Service Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "address", type: "text", placeholder: "Service Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your lawn care needs...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your lawn care needs...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-gardener-jumpsuit-hat-holding-shovel-looking-front-smiling-confident-standing-orange-wall_141793-53042.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -325,32 +156,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Flora Lawn"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Flora Lawn Care"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user