bender/2702f5f2-0ca5-4679-bbae-0b7edf0ae824
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 00:45:21 +00:00
parent e436eb0771
commit 8d4d954c9b
1 changed files with 32 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/app/page.tsx
View File

@@ -2,11 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { ArrowRight, Leaf, Shield, Clock, Users, Phone } from 'lucide-react';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import { ArrowRight, Leaf, Shield, Clock, Users, Phone, Zap, Droplets, Ruler, Sun } from 'lucide-react';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -35,7 +35,7 @@ export default function LandingPage() {
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "properties" },
{ name: "Projects", id: "properties" },
{ name: "Contact", id: "contact" },
]}
brandName="GREENLANE LAWN CARE"
@@ -53,7 +53,7 @@ export default function LandingPage() {
{ name: "John D.", handle: "@client", testimonial: "Reliable, thorough, and professional.", rating: 5 },
]}
buttons={[
{ text: "View Our Work", href: "#properties" },
{ text: "View Our Projects", href: "#properties" },
{ text: "Get a Quote", href: "#contact" },
]}
imageSrc="https://images.unsplash.com/photo-1598449354452-d27845582f3c?q=80&w=1200"
@@ -90,13 +90,13 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "g1", name: "Before & After: Residential", price: "", imageSrc: "https://images.unsplash.com/photo-1558904541-c543693e04f0?q=80&w=800&_wi=1" },
{ id: "g2", name: "Spring Cleanup Project", price: "", imageSrc: "https://images.unsplash.com/photo-1599423300746-b6253f773418?q=80&w=800&_wi=1" },
{ id: "g3", name: "Commercial Maintenance", price: "", imageSrc: "https://images.unsplash.com/photo-1558904541-c543693e04f0?q=80&w=800&_wi=2" },
{ id: "g4", name: "Landscape Renovation", price: "", imageSrc: "https://images.unsplash.com/photo-1599423300746-b6253f773418?q=80&w=800&_wi=2" },
{ id: "p1", name: "Lawn Renovation", price: "", imageSrc: "https://images.unsplash.com/photo-1589923188900-85dae523342b?q=80&w=800" },
{ id: "p2", name: "Garden Bed Restoration", price: "", imageSrc: "https://images.unsplash.com/photo-1558904541-c543693e04f0?q=80&w=800" },
{ id: "p3", name: "Weekly Maintenance", price: "", imageSrc: "https://images.unsplash.com/photo-1599423300746-b6253f773418?q=80&w=800" },
{ id: "p4", name: "Design Implementation", price: "", imageSrc: "https://images.unsplash.com/photo-1523348837708-15d4a09cfacb?q=80&w=800" },
]}
title="Our Portfolio"
description="Real results from satisfied customers."
title="Our Recent Projects"
description="Real results from our latest landscaping transformations."
/>
</div>
@@ -146,24 +146,34 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Contact Us"
title="Ready for a Greener Lawn?"
description="Get your free quote today."
buttons={[{ text: "Contact Our Team", href: "tel:5550101" }]}
<ContactSplitForm
title="Service Inquiry"
description="Select the services you are interested in and our team will get back to you with a free estimate."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "address", type: "text", placeholder: "Service Address" }
]}
multiSelect={{
name: "services", label: "Interested Services", options: ["Lawn Mowing", "Weed Control", "Seasonal Cleanup", "Landscaping Design"]
}}
textarea={{ name: "message", placeholder: "Tell us about your lawn needs...", rows: 4 }}
useInvertedBackground={false}
imageSrc="https://images.unsplash.com/photo-1598449354452-d27845582f3c?q=80&w=800"
buttonText="Submit Inquiry"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterLogoEmphasis
logoText="GREENLANE LAWN CARE"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
columns={[
{ items: [{ label: "Home", href: "#" }, { label: "About", href: "#" }, { label: "Services", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}