Merge version_1 into main #1
202
src/app/page.tsx
202
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Vidales Giardini"
|
||||
/>
|
||||
@@ -59,33 +44,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transform Your Garden into a Masterpiece"
|
||||
description="At Vidales Giardini, we bring nature to life. From custom landscape design to meticulous maintenance, our expert team transforms your outdoor space into an elegant sanctuary."
|
||||
tag="Premier Landscaping Services"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg",
|
||||
imageAlt: "luxury garden landscaping design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg", imageAlt: "luxury garden landscaping design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-male-gardener-holding-hoe-potted-plants-basket-garden_23-2148165255.jpg",
|
||||
imageAlt: "landscape architect working site",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg",
|
||||
imageAlt: "Chinese garden n Zurich",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30893.jpg",
|
||||
imageAlt: "Women working in a greenhouse with green trees",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488215.jpg",
|
||||
imageAlt: "View of backyard garden in digital art style",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-male-gardener-holding-hoe-potted-plants-basket-garden_23-2148165255.jpg", imageAlt: "landscape architect working site"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -98,10 +65,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Green Excellence"
|
||||
description={[
|
||||
"Vidales Giardini is dedicated to providing high-quality landscaping services for discerning homeowners.",
|
||||
"We combine botanical expertise with artistic design to ensure your green spaces flourish year-round.",
|
||||
"Our sustainable approach respects the natural beauty of your environment while creating functional, stunning spaces.",
|
||||
]}
|
||||
"Vidales Giardini is dedicated to providing high-quality landscaping services for discerning homeowners.", "We combine botanical expertise with artistic design to ensure your green spaces flourish year-round.", "Our sustainable approach respects the natural beauty of your environment while creating functional, stunning spaces."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,19 +77,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Landscape Design",
|
||||
description: "Bespoke garden layouts tailored to your unique lifestyle and home architecture.",
|
||||
},
|
||||
title: "Landscape Design", description: "Bespoke garden layouts tailored to your unique lifestyle and home architecture."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Pruning & Trimming",
|
||||
description: "Expert tree and hedge care for healthy growth and refined aesthetics.",
|
||||
},
|
||||
title: "Pruning & Trimming", description: "Expert tree and hedge care for healthy growth and refined aesthetics."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Irrigation Systems",
|
||||
description: "Smart, water-efficient solutions to keep your gardens vibrant in any climate.",
|
||||
},
|
||||
title: "Irrigation Systems", description: "Smart, water-efficient solutions to keep your gardens vibrant in any climate."},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Tailored solutions to bring out the full potential of your property."
|
||||
@@ -137,49 +95,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mediterranean Courtyard",
|
||||
price: "From €2,500",
|
||||
variant: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/after-rain-succulent-plants_1372-163.jpg",
|
||||
},
|
||||
id: "p1", name: "Mediterranean Courtyard", price: "From €2,500", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/after-rain-succulent-plants_1372-163.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Minimalist Garden",
|
||||
price: "From €1,800",
|
||||
variant: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg",
|
||||
},
|
||||
id: "p2", name: "Modern Minimalist Garden", price: "From €1,800", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lush Tropical Oasis",
|
||||
price: "From €3,200",
|
||||
variant: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-teen-her-mother-taking-care-backyard-plants_7502-9662.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Stone Path Installation",
|
||||
price: "From €1,200",
|
||||
variant: "Build",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037247.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Urban Rooftop Terrace",
|
||||
price: "From €2,000",
|
||||
variant: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Native Flora Garden",
|
||||
price: "From €1,500",
|
||||
variant: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-white-shirt-looking-camera_197531-33797.jpg",
|
||||
},
|
||||
id: "p3", name: "Lush Tropical Oasis", price: "From €3,200", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/female-teen-her-mother-taking-care-backyard-plants_7502-9662.jpg"},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="A glimpse into our recent landscaping transformations."
|
||||
@@ -193,40 +116,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_arch",
|
||||
testimonial: "The garden team transformed my backyard into a tranquil retreat. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena R.", handle: "@elena_arch", testimonial: "The garden team transformed my backyard into a tranquil retreat. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/asia-teen-relax_1388-787.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marco P.",
|
||||
handle: "@marco_villa",
|
||||
testimonial: "Exceptional attention to detail and professional staff. Our terrace is stunning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofia L.",
|
||||
handle: "@sofi_garden",
|
||||
testimonial: "Vidales Giardini knows how to blend beauty with sustainability. Truly experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Luca D.",
|
||||
handle: "@luca_home",
|
||||
testimonial: "Reliable, creative, and always helpful. My garden has never looked better.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037319.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Giulia B.",
|
||||
handle: "@giulia_v",
|
||||
testimonial: "Incredible design skill. They realized my dream of a Mediterranean patio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/germination-microgreens-germination-seeds-home_169016-35129.jpg",
|
||||
},
|
||||
id: "t2", name: "Marco P.", handle: "@marco_villa", testimonial: "Exceptional attention to detail and professional staff. Our terrace is stunning.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our clients have to say about their beautiful new spaces."
|
||||
@@ -240,31 +132,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expertise",
|
||||
"Reliability",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Years Experience", items: [
|
||||
"Expertise", "Reliability"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Gardens Transformed",
|
||||
items: [
|
||||
"Projects",
|
||||
"Design",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
items: [
|
||||
"Quality",
|
||||
"Trust",
|
||||
],
|
||||
id: "m2", value: "500+", title: "Gardens Transformed", items: [
|
||||
"Projects", "Design"],
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -278,20 +151,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we offer on-site consultations to assess your landscape needs.",
|
||||
},
|
||||
id: "f1", title: "Do you offer consultations?", content: "Yes, we offer on-site consultations to assess your landscape needs."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is maintenance included?",
|
||||
content: "We offer separate recurring maintenance plans to keep your space perfect.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long do projects take?",
|
||||
content: "Timelines vary by scope but we aim for efficient, minimally disruptive installation.",
|
||||
},
|
||||
id: "f2", title: "Is maintenance included?", content: "We offer separate recurring maintenance plans to keep your space perfect."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about working with Vidales Giardini."
|
||||
@@ -302,17 +164,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Start Your Dream Garden Today"
|
||||
description="Contact us for a free estimate and discover how we can elevate your outdoor living space."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -321,13 +179,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Vidales Giardini"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user