Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 07f1891340 | |||
| 7ef44afa30 | |||
| dd26ca2e89 |
318
src/app/page.tsx
318
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="AD Landscaping"
|
||||
/>
|
||||
@@ -59,68 +51,33 @@ export default function LandingPage() {
|
||||
description="Professional landscape design and maintenance services for your dream garden."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and design!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6kssqf&_wi=1",
|
||||
imageAlt: "landscaping service garden lawn",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and design!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6kssqf&_wi=1", imageAlt: "landscaping service garden lawn"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "My garden looks amazing now.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8fzp7r&_wi=1",
|
||||
imageAlt: "landscaping service garden lawn",
|
||||
},
|
||||
name: "Jane Smith", handle: "@janesmith", testimonial: "My garden looks amazing now.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8fzp7r&_wi=1", imageAlt: "landscaping service garden lawn"},
|
||||
{
|
||||
name: "Bob Brown",
|
||||
handle: "@bobbrown",
|
||||
testimonial: "Professional and punctual.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tp54kp&_wi=1",
|
||||
imageAlt: "landscaping service garden lawn",
|
||||
},
|
||||
name: "Bob Brown", handle: "@bobbrown", testimonial: "Professional and punctual.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tp54kp&_wi=1", imageAlt: "landscaping service garden lawn"},
|
||||
{
|
||||
name: "Alice Green",
|
||||
handle: "@aliceg",
|
||||
testimonial: "Transformed our backyard completely.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kk53x4&_wi=1",
|
||||
imageAlt: "landscaping service garden lawn",
|
||||
},
|
||||
name: "Alice Green", handle: "@aliceg", testimonial: "Transformed our backyard completely.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kk53x4&_wi=1", imageAlt: "landscaping service garden lawn"},
|
||||
{
|
||||
name: "Charlie White",
|
||||
handle: "@charw",
|
||||
testimonial: "Highly recommend their services.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxqcip&_wi=1",
|
||||
imageAlt: "landscaping service garden lawn",
|
||||
},
|
||||
name: "Charlie White", handle: "@charw", testimonial: "Highly recommend their services.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxqcip&_wi=1", imageAlt: "landscaping service garden lawn"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6kssqf&_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i1i5e4",
|
||||
alt: "happy client garden landscaping",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i1i5e4", alt: "happy client garden landscaping"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ibqck0",
|
||||
alt: "customer happy outdoor garden",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ibqck0", alt: "customer happy outdoor garden"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9dnico",
|
||||
alt: "happy home owner portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9dnico", alt: "happy home owner portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1l9xzg",
|
||||
alt: "smiling home owner portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1l9xzg", alt: "smiling home owner portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbkmo6",
|
||||
alt: "portrait happy customer garden",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbkmo6", alt: "portrait happy customer garden"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
/>
|
||||
@@ -142,32 +99,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Lawn Maintenance",
|
||||
descriptions: [
|
||||
"Regular mowing and trimming.",
|
||||
"Professional aeration and seeding.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tp54kp&_wi=2",
|
||||
},
|
||||
id: "1", title: "Lawn Maintenance", descriptions: [
|
||||
"Regular mowing and trimming.", "Professional aeration and seeding."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tp54kp&_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Hardscaping",
|
||||
descriptions: [
|
||||
"Custom patio and walkway builds.",
|
||||
"Retaining wall construction.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kk53x4&_wi=2",
|
||||
},
|
||||
id: "2", title: "Hardscaping", descriptions: [
|
||||
"Custom patio and walkway builds.", "Retaining wall construction."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kk53x4&_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Planting & Garden Design",
|
||||
descriptions: [
|
||||
"Custom flower bed arrangements.",
|
||||
"Strategic plant placement.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxqcip&_wi=2",
|
||||
},
|
||||
id: "3", title: "Planting & Garden Design", descriptions: [
|
||||
"Custom flower bed arrangements.", "Strategic plant placement."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxqcip&_wi=2"},
|
||||
]}
|
||||
title="Our Landscape Services"
|
||||
description="Comprehensive care for your property."
|
||||
@@ -182,59 +124,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Pro",
|
||||
name: "Tool Kit",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rr3o0i",
|
||||
},
|
||||
id: "p1", brand: "Pro", name: "Tool Kit", price: "$199", rating: 5,
|
||||
reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rr3o0i"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Nur",
|
||||
name: "Shrub Collection",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x4kibi",
|
||||
},
|
||||
id: "p2", brand: "Nur", name: "Shrub Collection", price: "$85", rating: 5,
|
||||
reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x4kibi"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Soil",
|
||||
name: "Premium Mulch",
|
||||
price: "$25",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s0yqru",
|
||||
},
|
||||
id: "p3", brand: "Soil", name: "Premium Mulch", price: "$25", rating: 4,
|
||||
reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s0yqru"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Hard",
|
||||
name: "Pavers",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqbp46",
|
||||
},
|
||||
id: "p4", brand: "Hard", name: "Pavers", price: "$12", rating: 5,
|
||||
reviewCount: "30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqbp46"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Light",
|
||||
name: "Path Lights",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sutl2x",
|
||||
},
|
||||
id: "p5", brand: "Light", name: "Path Lights", price: "$45", rating: 5,
|
||||
reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sutl2x"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Water",
|
||||
name: "Fountain",
|
||||
price: "$299",
|
||||
rating: 4,
|
||||
reviewCount: "9",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8j23x1",
|
||||
},
|
||||
id: "p6", brand: "Water", name: "Fountain", price: "$299", rating: 4,
|
||||
reviewCount: "9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8j23x1"},
|
||||
]}
|
||||
title="Premium Landscaping Elements"
|
||||
description="Quality components for your project."
|
||||
@@ -248,52 +154,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$150",
|
||||
period: "/mo",
|
||||
description: "Basic lawn care and mowing.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Mowing",
|
||||
"Edging",
|
||||
"Basic cleanup",
|
||||
],
|
||||
id: "basic", tag: "Starter", price: "$150", period: "/mo", description: "Basic lawn care and mowing.", button: {
|
||||
text: "Select Basic Plan"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Mowing", "Edging", "Basic cleanup"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Premium",
|
||||
price: "$300",
|
||||
period: "/mo",
|
||||
description: "Full garden care and management.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Weeding",
|
||||
"Seasonal planting",
|
||||
],
|
||||
id: "pro", tag: "Premium", price: "$300", period: "/mo", description: "Full garden care and management.", button: {
|
||||
text: "Upgrade to Pro"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Everything in Basic", "Weeding", "Seasonal planting"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
tag: "Elite",
|
||||
price: "$500",
|
||||
period: "/mo",
|
||||
description: "Total property transformation.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Hardscape cleaning",
|
||||
"Custom design",
|
||||
],
|
||||
id: "elite", tag: "Elite", price: "$500", period: "/mo", description: "Total property transformation.", button: {
|
||||
text: "Unlock Elite Status"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Everything in Pro", "Hardscape cleaning", "Custom design"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Maintenance Plan"
|
||||
@@ -308,31 +184,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Gardens Transformed",
|
||||
items: [
|
||||
"Happy clients",
|
||||
"Stunning designs",
|
||||
],
|
||||
id: "m1", value: "500+", title: "Gardens Transformed", items: [
|
||||
"Happy clients", "Stunning designs"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expertise",
|
||||
"Reliability",
|
||||
],
|
||||
id: "m2", value: "15+", title: "Years Experience", items: [
|
||||
"Expertise", "Reliability"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Trusted service",
|
||||
"Excellence",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Client Satisfaction", items: [
|
||||
"Trusted service", "Excellence"],
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
@@ -347,45 +208,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Amazing result for our backyard.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i1i5e4",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarah", testimonial: "Amazing result for our backyard.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i1i5e4"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
handle: "@mike",
|
||||
testimonial: "Fast and clean work.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ibqck0",
|
||||
},
|
||||
id: "t2", name: "Mike D.", handle: "@mike", testimonial: "Fast and clean work.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ibqck0"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
handle: "@emily",
|
||||
testimonial: "Love my new patio.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9dnico",
|
||||
},
|
||||
id: "t3", name: "Emily P.", handle: "@emily", testimonial: "Love my new patio.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9dnico"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom L.",
|
||||
handle: "@tom",
|
||||
testimonial: "They did a great job.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1l9xzg",
|
||||
},
|
||||
id: "t4", name: "Tom L.", handle: "@tom", testimonial: "They did a great job.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1l9xzg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa K.",
|
||||
handle: "@lisa",
|
||||
testimonial: "Professional from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbkmo6",
|
||||
},
|
||||
id: "t5", name: "Lisa K.", handle: "@lisa", testimonial: "Professional from start to finish.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbkmo6"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Reviews"
|
||||
@@ -399,20 +235,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we offer free estimates.",
|
||||
},
|
||||
id: "f1", title: "Do you offer quotes?", content: "Yes, we offer free estimates."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the local metro area.",
|
||||
},
|
||||
id: "f2", title: "What areas do you serve?", content: "We serve the local metro area."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed?",
|
||||
content: "Fully licensed and insured.",
|
||||
},
|
||||
id: "f3", title: "Are you licensed?", content: "Fully licensed and insured."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g65kyg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -426,8 +253,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Get Started"
|
||||
title="Contact Us"
|
||||
description="Ready to beautify your yard?"
|
||||
|
||||
Reference in New Issue
Block a user