Merge version_2 into main #1
141
src/app/page.tsx
141
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Four Leaf Landscape"
|
||||
/>
|
||||
@@ -52,37 +46,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Creating Your Dream Landscape"
|
||||
description="Four Leaf Landscape brings organic beauty to your doorstep with professional care, custom design, and meticulous maintenance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
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",
|
||||
imageAlt: "Lush garden design",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", imageAlt: "Lush garden design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok-with-mobile-phone_343596-30.jpg",
|
||||
imageAlt: "Modern backyard landscape",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", imageAlt: "Modern backyard landscape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg",
|
||||
imageAlt: "Professional lawn maintenance",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", imageAlt: "Professional lawn maintenance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-gardener-holding-small-thuja-pot-bearded-garden-worker-glasses-wearing-blue-shirt-apron-growing-evergreen-plants-greenhouse-commercial-gardening-summer-concept_74855-12936.jpg",
|
||||
imageAlt: "Pensive middle-aged gardener holding small thuja in pot.",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", imageAlt: "Pensive middle-aged gardener holding small thuja in pot."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg",
|
||||
imageAlt: "Serious male gardener growing thujas in pots.",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", imageAlt: "Serious male gardener growing thujas in pots."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -94,9 +75,7 @@ export default function LandingPage() {
|
||||
title="Crafting Nature, One Leaf at a Time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Our Story", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,19 +88,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Garden Design",
|
||||
description: "Custom layouts and planting plans.",
|
||||
},
|
||||
title: "Garden Design", description: "Custom layouts and planting plans."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Lawn Care",
|
||||
description: "Regular maintenance and rejuvenation.",
|
||||
},
|
||||
title: "Lawn Care", description: "Regular maintenance and rejuvenation."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Irrigation",
|
||||
description: "Smart watering for healthy plants.",
|
||||
},
|
||||
title: "Irrigation", description: "Smart watering for healthy plants."},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We specialize in complete landscape solutions for residential and commercial clients."
|
||||
@@ -135,20 +108,11 @@ export default function LandingPage() {
|
||||
tag="Trusted Professional"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Projects completed",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Projects completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Satisfaction rate",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Satisfaction rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -162,25 +126,15 @@ export default function LandingPage() {
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-decorating-home_23-2150633270.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-cultivating-farming-plants-indoor-garden_23-2149854842.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-shorthaired-woman-jeans-white-jacket-sits-grass-cool-girl-stylish-outfit-listens-music-red-headphones-outdoors_197531-29591.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-beautiful-woman-sitting-grass-park-laughing-smiling-camera_197531-22760.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cq8zrt9YBXeOrXuwldVdzF6ra1/uploaded-1777102666425-87hrekg4.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -192,14 +146,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GardenPro",
|
||||
"GreenLeaf",
|
||||
"EcoSystems",
|
||||
"LawnMaster",
|
||||
"NatureWise",
|
||||
"TerraInc",
|
||||
"FloraTech",
|
||||
]}
|
||||
"GardenPro", "GreenLeaf", "EcoSystems", "LawnMaster", "NatureWise", "TerraInc", "FloraTech"]}
|
||||
title="Trusted Partners"
|
||||
description="We are proud to work with leading suppliers and organizations in the industry."
|
||||
/>
|
||||
@@ -210,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we provide site visits and detailed quotes.",
|
||||
},
|
||||
id: "q1", title: "Do you offer consultations?", content: "Yes, we provide site visits and detailed quotes."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your service available year-round?",
|
||||
content: "We offer seasonal maintenance plans throughout the year.",
|
||||
},
|
||||
id: "q2", title: "Is your service available year-round?", content: "We offer seasonal maintenance plans throughout the year."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I book an appointment?",
|
||||
content: "Contact us via the form on our website.",
|
||||
},
|
||||
id: "q3", title: "How do I book an appointment?", content: "Contact us via the form on our website."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -234,14 +172,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to transform your outdoor space? Reach out to us today to schedule your consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -251,25 +186,17 @@ export default function LandingPage() {
|
||||
logoText="Four Leaf Landscape"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Inquire", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -278,4 +205,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user