Update src/app/page.tsx
This commit is contained in:
258
src/app/page.tsx
258
src/app/page.tsx
@@ -10,7 +10,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { CheckCircle, Clock, Leaf, ShieldCheck, Wrench } from "lucide-react";
|
||||
import { CheckCircle, Clock, Leaf, ShieldCheck, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,94 +30,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GreenTrim"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Lawn, Our Passion."
|
||||
description="Professional lawn care services for a greener, healthier yard. We make your outdoor space thrive."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4662.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-parents-holding-baby_23-2149071582.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-beautiful-plant-pot_23-2148509874.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-resting-grass_23-2147562311.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grassland-landscape-greening-environment-park-background_1112-1182.jpg",
|
||||
alt: "Satisfied Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4662.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-parents-holding-baby_23-2149071582.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-beautiful-plant-pot_23-2148509874.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-resting-grass_23-2147562311.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/grassland-landscape-greening-environment-park-background_1112-1182.jpg", alt: "Satisfied Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Reliable Service",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional Equipment",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "On-Time Arrival",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Satisfaction",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ type: "text-icon", text: "Reliable Service", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Eco-Friendly", icon: Leaf },
|
||||
{ type: "text-icon", text: "Professional Equipment", icon: Wrench },
|
||||
{ type: "text-icon", text: "On-Time Arrival", icon: Clock },
|
||||
{ type: "text-icon", text: "100% Satisfaction", icon: ShieldCheck },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,15 +72,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Professional Lawn Care Done Right"
|
||||
description={[
|
||||
"We take pride in every yard we work on. GreenTrim is dedicated to reliability, quality service, and keeping your neighborhood looking beautiful throughout every season.",
|
||||
"Our team consists of experienced experts who treat your lawn like their own.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
"We take pride in every yard we work on. GreenTrim is dedicated to reliability, quality service, and keeping your neighborhood looking beautiful throughout every season.", "Our team consists of experienced experts who treat your lawn like their own."]}
|
||||
buttons={[{ text: "Learn More", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,30 +82,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Mowing",
|
||||
description: "Crisp, clean cuts every week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22794.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Hedge Trimming",
|
||||
description: "Expertly shaped shrubs and bushes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128774.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Lawn Fertilization",
|
||||
description: "Boosting your soil for vibrant green.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-grass-with-blurred-background_23-2147637055.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Seasonal Cleanup",
|
||||
description: "Clearance for all times of year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-senior-male-worker-using-big-rake-gather-fallen-leaves-pile-front-view-bearded-man_7502-10268.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{ title: "Precision Mowing", description: "Crisp, clean cuts every week.", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22794.jpg", buttonIcon: Zap },
|
||||
{ title: "Hedge Trimming", description: "Expertly shaped shrubs and bushes.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128774.jpg", buttonIcon: Zap },
|
||||
{ title: "Lawn Fertilization", description: "Boosting your soil for vibrant green.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-grass-with-blurred-background_23-2147637055.jpg", buttonIcon: Zap },
|
||||
{ title: "Seasonal Cleanup", description: "Clearance for all times of year.", imageSrc: "http://img.b2bpic.net/free-photo/focused-senior-male-worker-using-big-rake-gather-fallen-leaves-pile-front-view-bearded-man_7502-10268.jpg", buttonIcon: Zap },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive care to keep your lawn in perfect health all year round."
|
||||
@@ -180,57 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Popular",
|
||||
price: "$45",
|
||||
subtitle: "Basic weekly maintenance",
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
"Clipping Removal",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$85",
|
||||
subtitle: "Complete lawn care package",
|
||||
features: [
|
||||
"Everything in Starter",
|
||||
"Fertilization",
|
||||
"Hedge Trimming",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Luxury",
|
||||
price: "$120",
|
||||
subtitle: "Total yard health package",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Weed Control",
|
||||
"Seasonal Cleanup",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "starter", badge: "Popular", price: "$45", subtitle: "Basic weekly maintenance", features: ["Mowing", "Edging", "Clipping Removal"], buttons: [{ text: "Select Plan", href: "#contact" }] },
|
||||
{ id: "pro", badge: "Pro", price: "$85", subtitle: "Complete lawn care package", features: ["Everything in Starter", "Fertilization", "Hedge Trimming"], buttons: [{ text: "Select Plan", href: "#contact" }] },
|
||||
{ id: "premium", badge: "Luxury", price: "$120", subtitle: "Total yard health package", features: ["Everything in Pro", "Weed Control", "Seasonal Cleanup"], buttons: [{ text: "Select Plan", href: "#contact" }] },
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose a plan that fits your yard and lifestyle."
|
||||
@@ -243,41 +113,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service and always punctual. Our lawn has never looked better!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrating-society_23-2151102430.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Wilson",
|
||||
role: "Resident",
|
||||
testimonial: "Very professional and friendly team. Worth every penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-multiracial-couple-posing-picnic_23-2148195853.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda Peterson",
|
||||
role: "Local",
|
||||
testimonial: "GreenTrim changed the way our yard looks. I highly recommend them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Roberts",
|
||||
role: "Client",
|
||||
testimonial: "Top quality work. They truly care about the details.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-holding-succulent-plant-sitting-table-kitchen_482257-8675.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Davis",
|
||||
role: "Homeowner",
|
||||
testimonial: "Reliable, kind, and affordable. My favorite service provider.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-vegetarian-food-close-up-portrait-young-cheerful-bearded-caucasian-man-smiling-working-garden_176420-19950.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Homeowner", testimonial: "Excellent service and always punctual. Our lawn has never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrating-society_23-2151102430.jpg" },
|
||||
{ id: "2", name: "James Wilson", role: "Resident", testimonial: "Very professional and friendly team. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/happy-multiracial-couple-posing-picnic_23-2148195853.jpg" },
|
||||
{ id: "3", name: "Linda Peterson", role: "Local", testimonial: "GreenTrim changed the way our yard looks. I highly recommend them.", imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table_554837-87.jpg" },
|
||||
{ id: "4", name: "Mark Roberts", role: "Client", testimonial: "Top quality work. They truly care about the details.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-holding-succulent-plant-sitting-table-kitchen_482257-8675.jpg" },
|
||||
{ id: "5", name: "Emily Davis", role: "Homeowner", testimonial: "Reliable, kind, and affordable. My favorite service provider.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-vegetarian-food-close-up-portrait-young-cheerful-bearded-caucasian-man-smiling-working-garden_176420-19950.jpg" },
|
||||
]}
|
||||
title="Local Community Love"
|
||||
description="See why your neighbors trust GreenTrim."
|
||||
@@ -287,9 +127,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Get a Free Quote"
|
||||
description="Ready to get started? Send us a message and we'll reply within 24 hours."
|
||||
tag="Contact Us"
|
||||
@@ -301,32 +139,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/landscape-with-mountains-lake_1398-2296.jpg"
|
||||
logoText="GreenTrim"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user