Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
143
src/app/page.tsx
143
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ace Landscaping"
|
||||
/>
|
||||
@@ -47,48 +43,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Lawn Care for Your Home"
|
||||
description="Professional mowing, landscaping, and garden maintenance services to keep your property looking its best all year round."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-flowering-plant-growing-out-from-soil_23-2147844293.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg", alt: "professional gardener"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg", alt: "landscape professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg", alt: "lawn care expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serrated-metal-rake-garden-cleaning_169016-10696.jpg", alt: "garden maintenance"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/yellow-flowering-plant-growing-out-from-soil_23-2147844293.jpg", alt: "smiling gardener"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Full-Service Landscaping"},
|
||||
{
|
||||
type: "text", text: "Weekly Mowing"},
|
||||
{
|
||||
type: "text", text: "Professional Trimming"},
|
||||
{
|
||||
type: "text", text: "Debris Removal"},
|
||||
{
|
||||
type: "text", text: "Lawn Health Experts"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10694.jpg", alt: "professional gardener" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg", alt: "landscape professional" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professional Care, Every Time"
|
||||
description={[
|
||||
"We take pride in our work. Our team of experienced professionals treats every lawn as if it were our own.", "We prioritize reliability, quality workmanship, and customer satisfaction in all our landscaping projects."]}
|
||||
description={["We take pride in our work. Our team of experienced professionals treats every lawn as if it were our own.", "We prioritize reliability, quality workmanship, and customer satisfaction in all our landscaping projects."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -98,24 +70,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Mowing", description: "Precision cutting and edging for a healthy, pristine lawn.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-artificial-grass-soccer-field-background-texture_1150-10179.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-coniferous-plant-branches-close-up_93675-134946.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Hedge Maintenance", description: "Expert shaping and trimming of hedges to keep them neat and healthy.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-petrol-hedge-cutter-that-holding-afro-gardener_651396-1481.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Seasonal Cleanups", description: "Get your yard ready for every season with professional debris removal.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-grass_74190-1532.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg"},
|
||||
},
|
||||
{ title: "Expert Mowing", description: "Precision cutting and edging for a healthy, pristine lawn.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-artificial-grass-soccer-field-background-texture_1150-10179.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/background-coniferous-plant-branches-close-up_93675-134946.jpg" } },
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Our Services"
|
||||
@@ -128,17 +83,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500+", title: "Lawns Maintained", description: "Happy families enjoying beautiful yards.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "10+", title: "Years Experience", description: "Dedicated to quality since 2014.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "99%", title: "Satisfaction", description: "Clients recommend our services.", icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Lawns Maintained", description: "Happy families enjoying beautiful yards.", icon: CheckCircle },
|
||||
{ id: "m2", value: "10+", title: "Years Experience", description: "Dedicated to quality since 2014.", icon: Award },
|
||||
{ id: "m3", value: "99%", title: "Satisfaction", description: "Clients recommend our services.", icon: Star },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our proven track record of helping homeowners achieve their dream gardens."
|
||||
@@ -147,22 +95,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Ace Landscaping has completely transformed my backyard. They are reliable, quick, and the work quality is exceptional."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2055.jpg", alt: "Sarah M"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-making-notes-about-flower_23-2147768470.jpg", alt: "Mark D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-attractive-bearded-caucasian-male-gardener-blue-t-shirt-gloves-smiling-holding-flower-pot-with-green-sprout-hands-looking-aside-with-excited-face-expression_176420-19922.jpg", alt: "Linda R"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg", alt: "David K"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-gardener-roses_1398-2030.jpg", alt: "Jane W"},
|
||||
]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2055.jpg", alt: "Sarah M" }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -172,20 +108,9 @@ export default function LandingPage() {
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", tag: "Essential", price: "$45", period: "/visit", description: "Perfect for regular maintenance.", button: {
|
||||
text: "Book Now"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Mowing", "Edge Trimming", "Blowing"],
|
||||
},
|
||||
{
|
||||
id: "p2", tag: "Comprehensive", price: "$85", period: "/visit", description: "Total garden care for premium properties.", button: {
|
||||
text: "Book Now"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Mowing & Edging", "Hedge Pruning", "Weed Control", "Mulching"],
|
||||
},
|
||||
{ id: "p1", tag: "Essential", price: "$45", period: "/visit", description: "Perfect for regular maintenance.", button: { text: "Book Now", href: "#contact" }, featuresTitle: "Includes:", features: ["Mowing", "Edge Trimming", "Blowing"] },
|
||||
{ id: "p2", tag: "Comprehensive", price: "$85", period: "/visit", description: "Total garden care for premium properties.", button: { text: "Book Now", href: "#contact" }, featuresTitle: "Includes:", features: ["Mowing & Edging", "Hedge Pruning", "Weed Control", "Mulching"] },
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Transparent plans designed for your landscaping needs."
|
||||
@@ -194,15 +119,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer weekly or bi-weekly services?", content: "Yes, we offer both weekly and bi-weekly schedules to suit your lawn's growth and your needs."},
|
||||
{
|
||||
id: "q2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured, so you can have complete peace of mind."},
|
||||
{
|
||||
id: "q3", title: "How do I get an estimate?", content: "Simply fill out our contact form or give us a call, and we will schedule an on-site visit."},
|
||||
{ id: "q1", title: "Do you offer weekly or bi-weekly services?", content: "Yes, we offer both weekly and bi-weekly schedules to suit your lawn's growth and your needs." },
|
||||
{ id: "q2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured, so you can have complete peace of mind." },
|
||||
{ id: "q3", title: "How do I get an estimate?", content: "Simply fill out our contact form or give us a call, and we will schedule an on-site visit." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about our landscaping services."
|
||||
@@ -214,34 +134,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Transform Your Yard?"
|
||||
description="Request a free quote today and get your garden looking beautiful."
|
||||
buttonText="Submit Quote Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Ace Landscaping"
|
||||
/>
|
||||
@@ -249,4 +154,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user