Update src/app/page.tsx
This commit is contained in:
249
src/app/page.tsx
249
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Shlikolata.Ranya"
|
||||
/>
|
||||
@@ -56,78 +48,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevating Landscapes, Transforming Spaces."
|
||||
description="Expert landscaping design and maintenance for your private oasis. Bringing nature to your doorstep with precision."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Client Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1r8pep"
|
||||
imageAlt="luxury garden landscaping design"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fjp8vl",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fjp8vl", alt: "Satisfied client"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6xdzvp",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6xdzvp", alt: "Happy homeowner"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xg5ene",
|
||||
alt: "Garden design enthusiast",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xg5ene", alt: "Garden design enthusiast"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ums5on",
|
||||
alt: "Residential project owner",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ums5on", alt: "Residential project owner"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nmoimh",
|
||||
alt: "Valued landscaping client",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nmoimh", alt: "Valued landscaping client"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
type: "text", text: "Sustainable Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Planting",
|
||||
},
|
||||
type: "text", text: "Precision Planting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hardscape Construction",
|
||||
},
|
||||
type: "text", text: "Hardscape Construction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Irrigation Experts",
|
||||
},
|
||||
type: "text", text: "Irrigation Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Maintenance",
|
||||
},
|
||||
type: "text", text: "Premium Maintenance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,19 +102,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Sustainable Design",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Sustainable Design", value: "100%"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Quality Assurance",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Quality Assurance", value: "24/7"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Excellence Rating",
|
||||
value: "A+",
|
||||
},
|
||||
label: "Excellence Rating", value: "A+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -164,20 +121,11 @@ export default function LandingPage() {
|
||||
description="Tailored solutions for your greenery and outdoor spaces."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Planting",
|
||||
content: "Carefully selected plants designed for your climate and style.",
|
||||
},
|
||||
id: "f1", title: "Precision Planting", content: "Carefully selected plants designed for your climate and style."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Hardscape Construction",
|
||||
content: "Durable pathways and patios built to last.",
|
||||
},
|
||||
id: "f2", title: "Hardscape Construction", content: "Durable pathways and patios built to last."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Irrigation Management",
|
||||
content: "Efficient water systems that keep your garden lush.",
|
||||
},
|
||||
id: "f3", title: "Irrigation Management", content: "Efficient water systems that keep your garden lush."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5316cd"
|
||||
imageAlt="landscape maintenance professional work"
|
||||
@@ -193,47 +141,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Oasis",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vqspqe",
|
||||
imageAlt: "landscaping service residential lawn",
|
||||
},
|
||||
id: "p1", name: "Modern Oasis", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vqspqe", imageAlt: "landscaping service residential lawn"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "English Rose Garden",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ecy09",
|
||||
imageAlt: "hardscape patio construction design",
|
||||
},
|
||||
id: "p2", name: "English Rose Garden", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ecy09", imageAlt: "hardscape patio construction design"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Stone Path Entrance",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mrci8d",
|
||||
imageAlt: "tree removal professional service",
|
||||
},
|
||||
id: "p3", name: "Stone Path Entrance", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mrci8d", imageAlt: "tree removal professional service"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban Courtyard",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3fe6wm",
|
||||
imageAlt: "irrigation system installation repair",
|
||||
},
|
||||
id: "p4", name: "Urban Courtyard", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3fe6wm", imageAlt: "irrigation system installation repair"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Luxury Patio",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gzx5e7",
|
||||
imageAlt: "backyard garden fire pit installation",
|
||||
},
|
||||
id: "p5", name: "Luxury Patio", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gzx5e7", imageAlt: "backyard garden fire pit installation"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Terrace Greenery",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g6vk2s",
|
||||
imageAlt: "landscape renovation lawn project",
|
||||
},
|
||||
id: "p6", name: "Terrace Greenery", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g6vk2s", imageAlt: "landscape renovation lawn project"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="See the transformation we bring to every garden."
|
||||
@@ -247,52 +165,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$150/mo",
|
||||
name: "Essential",
|
||||
buttons: [
|
||||
id: "basic", price: "$150/mo", name: "Essential", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
"Blow-off",
|
||||
],
|
||||
"Mowing", "Edging", "Blow-off"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$300/mo",
|
||||
name: "Premium",
|
||||
buttons: [
|
||||
id: "pro", price: "$300/mo", name: "Premium", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Essential",
|
||||
"Weeding",
|
||||
"Fertilizer",
|
||||
],
|
||||
"All Essential", "Weeding", "Fertilizer"],
|
||||
},
|
||||
{
|
||||
id: "luxury",
|
||||
price: "$500/mo",
|
||||
name: "Ultimate",
|
||||
buttons: [
|
||||
id: "luxury", price: "$500/mo", name: "Ultimate", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Premium",
|
||||
"Garden Design",
|
||||
"Irrigation Check",
|
||||
],
|
||||
"All Premium", "Garden Design", "Irrigation Check"],
|
||||
},
|
||||
]}
|
||||
title="Maintenance Packages"
|
||||
@@ -307,20 +201,11 @@ export default function LandingPage() {
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12",
|
||||
description: "Expert Gardeners",
|
||||
},
|
||||
id: "m1", value: "12", description: "Expert Gardeners"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Service Areas",
|
||||
},
|
||||
id: "m2", value: "20+", description: "Service Areas"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100k",
|
||||
description: "Trees Planted",
|
||||
},
|
||||
id: "m3", value: "100k", description: "Trees Planted"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -334,25 +219,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fjp8vl",
|
||||
alt: "happy client home garden",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fjp8vl", alt: "happy client home garden"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6xdzvp",
|
||||
alt: "homeowner standing in garden",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6xdzvp", alt: "homeowner standing in garden"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xg5ene",
|
||||
alt: "happy home owner garden",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xg5ene", alt: "happy home owner garden"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ums5on",
|
||||
alt: "professional garden project satisfaction",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ums5on", alt: "professional garden project satisfaction"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nmoimh",
|
||||
alt: "happy customer lawn yard",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nmoimh", alt: "happy customer lawn yard"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -366,32 +241,22 @@ export default function LandingPage() {
|
||||
description="Ready to design your perfect landscape? Tell us about your project."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your garden goals",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your garden goals", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gnhof5"
|
||||
imageAlt="professional landscape garden meeting"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonText="Request Your Quote"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -399,13 +264,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Shlikolata.Ranya"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user