Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Gallery", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="JJ Tuindienste"
|
||||
/>
|
||||
@@ -60,48 +50,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Professional Garden Care by JJ Tuindienste"
|
||||
description="Transforming your outdoor space into a lush, vibrant, and well-maintained sanctuary with our expert landscaping and maintenance services."
|
||||
tag="Expert Landscaping"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg?_wi=1",
|
||||
imageAlt: "Professional Gardening",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg", imageAlt: "Professional Gardening"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-serious-bearded-man-blue-y-shirt-gloves-concentrated-working-garden-planting-sprouts-flowerpot-gardener-spending-day-his-countryside-house_176420-19926.jpg?_wi=1",
|
||||
imageAlt: "Lawn Mowing",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-serious-bearded-man-blue-y-shirt-gloves-concentrated-working-garden-planting-sprouts-flowerpot-gardener-spending-day-his-countryside-house_176420-19926.jpg", imageAlt: "Lawn Mowing"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg?_wi=1",
|
||||
imageAlt: "Garden Design",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg", imageAlt: "Garden Design"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205692.jpg",
|
||||
imageAlt: "Pruning Services",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/community-people-working-together-agriculture-grow-food_23-2151205692.jpg", imageAlt: "Pruning Services"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-working-garden_23-2148165264.jpg",
|
||||
imageAlt: "Flower Beds",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-working-garden_23-2148165264.jpg", imageAlt: "Flower Beds"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-ballerina-dancing-indoors-botanical-garden_23-2149344149.jpg",
|
||||
imageAlt: "Tools Maintenance",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-female-ballerina-dancing-indoors-botanical-garden_23-2149344149.jpg", imageAlt: "Tools Maintenance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,9 +80,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Garden Partners"
|
||||
description={[
|
||||
"JJ Tuindienste offers professional landscaping and garden maintenance. We focus on providing high-quality care that keeps your green spaces flourishing throughout the seasons.",
|
||||
"Our team of experienced gardeners uses sustainable practices to ensure that every lawn, hedge, and plant thrives under our expert touch.",
|
||||
]}
|
||||
"JJ Tuindienste offers professional landscaping and garden maintenance. We focus on providing high-quality care that keeps your green spaces flourishing throughout the seasons.", "Our team of experienced gardeners uses sustainable practices to ensure that every lawn, hedge, and plant thrives under our expert touch."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -124,55 +91,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Care",
|
||||
description: "Professional mowing, edging, and trimming to keep your lawn perfectly manicured.",
|
||||
icon: CheckCircle,
|
||||
title: "Lawn Care", description: "Professional mowing, edging, and trimming to keep your lawn perfectly manicured.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-strong-male-gardener-pushing-cart-equipment-transportation-close-up-metal_7502-10445.jpg",
|
||||
imageAlt: "Lawn Care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-strong-male-gardener-pushing-cart-equipment-transportation-close-up-metal_7502-10445.jpg", imageAlt: "Lawn Care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-petrol-hedge-cutter-that-holding-afro-gardener_651396-1481.jpg",
|
||||
imageAlt: "Lawn Care Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-petrol-hedge-cutter-that-holding-afro-gardener_651396-1481.jpg", imageAlt: "Lawn Care Detail"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service equipment",
|
||||
},
|
||||
{
|
||||
title: "Hedge Pruning",
|
||||
description: "Precision trimming to maintain hedge health and aesthetic appeal.",
|
||||
icon: CheckCircle,
|
||||
title: "Hedge Pruning", description: "Precision trimming to maintain hedge health and aesthetic appeal.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg",
|
||||
imageAlt: "Pruning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905279.jpg", imageAlt: "Pruning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves_1417-1623.jpg",
|
||||
imageAlt: "Pruning Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves_1417-1623.jpg", imageAlt: "Pruning Detail"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-serious-bearded-man-blue-y-shirt-gloves-concentrated-working-garden-planting-sprouts-flowerpot-gardener-spending-day-his-countryside-house_176420-19926.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service equipment",
|
||||
},
|
||||
{
|
||||
title: "Irrigation Systems",
|
||||
description: "Installation and maintenance of water-efficient irrigation solutions.",
|
||||
icon: CheckCircle,
|
||||
title: "Irrigation Systems", description: "Installation and maintenance of water-efficient irrigation solutions.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-cooking-tea-gasoline-stove_1398-1216.jpg",
|
||||
imageAlt: "Irrigation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-cooking-tea-gasoline-stove_1398-1216.jpg", imageAlt: "Irrigation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-summer-field_1157-24232.jpg",
|
||||
imageAlt: "Irrigation Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-summer-field_1157-24232.jpg", imageAlt: "Irrigation Detail"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-gardener-shaping-overgrown-boxwood-bush-by-hedge-trimmer-garden-front-view_7502-10139.jpg?_wi=2",
|
||||
imageAlt: "lawn mowing service equipment",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
@@ -188,47 +131,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Fertilizer",
|
||||
price: "R 150",
|
||||
variant: "5kg Bag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-yellow-roll-adhesive-tape-white-background_187299-46510.jpg",
|
||||
},
|
||||
id: "p1", name: "Organic Fertilizer", price: "R 150", variant: "5kg Bag", imageSrc: "http://img.b2bpic.net/free-photo/close-up-yellow-roll-adhesive-tape-white-background_187299-46510.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bark Mulch",
|
||||
price: "R 80",
|
||||
variant: "Large Bag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gravel-texture-pattern-background_1368-6134.jpg",
|
||||
},
|
||||
id: "p2", name: "Bark Mulch", price: "R 80", variant: "Large Bag", imageSrc: "http://img.b2bpic.net/free-photo/gravel-texture-pattern-background_1368-6134.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Seasonal Flowers",
|
||||
price: "R 30",
|
||||
variant: "Per Pot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/after-rain-succulent-plants_1372-163.jpg",
|
||||
},
|
||||
id: "p3", name: "Seasonal Flowers", price: "R 30", variant: "Per Pot", imageSrc: "http://img.b2bpic.net/free-photo/after-rain-succulent-plants_1372-163.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Paving Stones",
|
||||
price: "R 200",
|
||||
variant: "Per SQM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359759.jpg",
|
||||
},
|
||||
id: "p4", name: "Paving Stones", price: "R 200", variant: "Per SQM", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359759.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Plant Food",
|
||||
price: "R 120",
|
||||
variant: "Liquid Pack",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/germination-microgreens-germination-seeds-home_169016-36402.jpg",
|
||||
},
|
||||
id: "p5", name: "Plant Food", price: "R 120", variant: "Liquid Pack", imageSrc: "http://img.b2bpic.net/free-photo/germination-microgreens-germination-seeds-home_169016-36402.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Crushed Stone",
|
||||
price: "R 95",
|
||||
variant: "10kg Bag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/succulent-prickle-natural-cacti-botany_1232-3751.jpg",
|
||||
},
|
||||
id: "p6", name: "Crushed Stone", price: "R 95", variant: "10kg Bag", imageSrc: "http://img.b2bpic.net/free-photo/succulent-prickle-natural-cacti-botany_1232-3751.jpg"},
|
||||
]}
|
||||
title="Landscaping Supplies"
|
||||
description="Premium gardening materials available for order."
|
||||
@@ -242,20 +155,11 @@ export default function LandingPage() {
|
||||
tag="Our Achievements"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Gardens Managed",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Gardens Managed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Client Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -269,25 +173,15 @@ export default function LandingPage() {
|
||||
author="Sarah M. - Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-woman-knitted-sweater-with-phone-notebook-her-hands_197531-12362.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-woman-knitted-sweater-with-phone-notebook-her-hands_197531-12362.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-gardeners-with-paper-sheet_23-2147768490.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-gardeners-with-paper-sheet_23-2147768490.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -300,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide weekly maintenance?",
|
||||
content: "Yes, we offer flexible weekly, bi-weekly, and monthly maintenance plans to suit your needs.",
|
||||
},
|
||||
id: "f1", title: "Do you provide weekly maintenance?", content: "Yes, we offer flexible weekly, bi-weekly, and monthly maintenance plans to suit your needs."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your materials organic?",
|
||||
content: "We prioritize organic and environmentally friendly fertilizers and products wherever possible.",
|
||||
},
|
||||
id: "f2", title: "Are your materials organic?", content: "We prioritize organic and environmentally friendly fertilizers and products wherever possible."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Simply contact us through our website or give us a call to schedule an on-site evaluation.",
|
||||
},
|
||||
id: "f3", title: "How do I get a quote?", content: "Simply contact us through our website or give us a call to schedule an on-site evaluation."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common garden maintenance queries."
|
||||
@@ -325,8 +210,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Start Your Project"
|
||||
title="Contact JJ Tuindienste"
|
||||
description="Get in touch for a free estimate on your landscaping project."
|
||||
@@ -337,37 +221,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Lawn Care", href: "#features"},
|
||||
{
|
||||
label: "Hedge Pruning",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Hedge Pruning", href: "#features"},
|
||||
{
|
||||
label: "Garden Design",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Garden Design", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user