246 lines
13 KiB
TypeScript
246 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import { Palette, Hammer, Leaf, Scissors } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ja1al"
|
|
logoAlt="Arbusta s.a.l. Logo"
|
|
brandName="Arbusta s.a.l."
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
title="Crafting Nature's Beauty in Lebanon"
|
|
description="Arbusta s.a.l. transforms outdoor spaces into breathtaking landscapes. From innovative designs to expert care, we bring your green vision to life."
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Services", href: "#services"},
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-surrounded-by-flowers_23-2150790342.jpg", imageAlt: "Beautiful garden design with lush greenery and a swimming pool"},
|
|
{
|
|
id: "hero-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780309554624-c82szqpp.jpg", imageAlt: "Rows of diverse plants and trees in a landscaping nursery"},
|
|
{
|
|
id: "hero-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780309462435-5m7tlxon.jpg", imageAlt: "Residential front yard with professional landscaping and a well-maintained lawn"},
|
|
{
|
|
id: "hero-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780309609480-igsbs6fq.jpg", imageAlt: "Modern commercial building surrounded by elegant green landscaping"},
|
|
{
|
|
id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/park-path-with-trees_23-2147670091.jpg", imageAlt: "Serene garden pathway with stone steps and vibrant plants"},
|
|
{
|
|
id: "hero-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780309594691-jhasv2nr.jpg", imageAlt: "Automated irrigation system watering a lush garden"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "About "},
|
|
{
|
|
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ja1al", alt: "Arbusta s.a.l. Logo"},
|
|
{
|
|
type: "text", content: " s.a.l."},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#services"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Custom Garden Design", description: "From initial concept to detailed plans, we create unique garden designs tailored to your style and the Lebanese climate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780324428731-7idm21b6.jpg", imageAlt: "Garden design sketch with plants", buttonIcon: Palette,
|
|
buttonHref: "#contact"},
|
|
{
|
|
title: "Professional Installation", description: "Our skilled team handles all aspects of installation, including planting, hardscaping, and water features, with precision and care.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780324441844-er4z6zfh.jpg", imageAlt: "Landscapers installing an irrigation system", buttonIcon: Hammer,
|
|
buttonHref: "#contact"},
|
|
{
|
|
title: "Plant & Tree Supply", description: "We source and supply a wide variety of high-quality trees, shrubs, and seasonal flowers perfect for any landscape project.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780324510334-t0akdqii.jpg", imageAlt: "Colorful selection of flowers and plants", buttonIcon: Leaf,
|
|
buttonHref: "#contact"},
|
|
{
|
|
title: "Garden Maintenance", description: "Keep your garden pristine with our regular maintenance services, including pruning, fertilizing, and seasonal clean-ups.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780324453516-aaxq6cbp.jpg", imageAlt: "Gardener working with pruning shears", buttonIcon: Scissors,
|
|
buttonHref: "#contact"},
|
|
]}
|
|
title="Our Expertise in Landscaping"
|
|
description="Arbusta s.a.l. offers a comprehensive range of landscaping services to create and maintain stunning outdoor environments for residential and commercial clients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic-design", title: "Basic Garden Design", price: "$500", period: "one-time", features: [
|
|
"Initial Site Visit", "Concept Sketch & Mood Board", "Planting Recommendations"],
|
|
button: {
|
|
text: "Start Designing", href: "#contact"},
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780325252976-3i8n93th.jpg", imageAlt: "Minimalist garden design sketch"},
|
|
{
|
|
id: "premium-care", title: "Premium Garden Care", price: "$250", period: "monthly", features: [
|
|
"Weekly Maintenance Visits", "Seasonal Pruning & Fertilizing", "Pest & Disease Management", "Irrigation System Check"],
|
|
button: {
|
|
text: "Maintain My Garden", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-concept_23-2148127962.jpg", imageAlt: "Gardener pruning plants with tools"},
|
|
{
|
|
id: "full-transformation", title: "Full Landscape Transformation", price: "Custom", period: "project", features: [
|
|
"Comprehensive Site Analysis", "Detailed 3D Design & Renderings", "Full Installation & Hardscaping", "Initial 3-Month Maintenance"],
|
|
button: {
|
|
text: "Request Consultation", href: "#contact"},
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EE2B0m8dD4iaTj3kV3DyTyLYSq/uploaded-1780325070261-9iq9y1af.jpg", imageAlt: "Luxury garden landscape installation"},
|
|
]}
|
|
title="Tailored Landscaping Packages"
|
|
description="Choose from our flexible landscaping packages or let us create a custom plan to perfectly match your project's scope and budget."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Sustainable Living Initiative", "GreenBuild Architects", "AquaFlow Irrigation", "TerraFirma Construction", "Bloom & Grow Nurseries", "Lebanese Gardeners Association", "Urban Oasis Developers"]}
|
|
title="Trusted by Leading Partners & Projects"
|
|
description="We partner with top suppliers and collaborate with reputable developers and institutions across Lebanon to deliver excellence in every landscape."
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What areas do you serve in Lebanon?", content: "Arbusta s.a.l. primarily serves Beirut and its surrounding regions, including Jeita. Please contact us to confirm service availability in your specific area."},
|
|
{
|
|
id: "faq-2", title: "Do you offer custom garden designs?", content: "Yes, we specialize in creating bespoke garden designs tailored to your preferences, property, and the local climate. Our process starts with a consultation to understand your vision."},
|
|
{
|
|
id: "faq-3", title: "Can I purchase plants and trees directly from you?", content: "Absolutely! We operate as a landscaping supply store and offer a wide selection of high-quality plants, trees, shrubs, and garden accessories for direct purchase. Visit our store or inquire about delivery."},
|
|
{
|
|
id: "faq-4", title: "What is the typical timeline for a landscaping project?", content: "Project timelines vary greatly depending on the scope and complexity. A small garden renovation might take a few weeks, while a full landscape transformation could take several months. We'll provide a detailed timeline after the initial design phase."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-perform-counts-plants_23-2147768457.jpg"
|
|
imageAlt="Person asking a question in a garden setting"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our landscaping services, plant supplies, and project processes."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-animated-grid"}}
|
|
tag="Get in Touch"
|
|
title="Let's Create Your Dream Landscape"
|
|
description="Ready to transform your outdoor space? Contact Arbusta s.a.l. today for a consultation, quote, or to learn more about our services and products."
|
|
inputPlaceholder="Enter your email for inquiries"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message, you agree to our Terms and Conditions and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/landscaping-logo-template-design_742173-14970.jpg"
|
|
logoAlt="Arbusta s.a.l. Logo"
|
|
logoText="Arbusta s.a.l."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Garden Design", href: "#services"},
|
|
{
|
|
label: "Installation", href: "#services"},
|
|
{
|
|
label: "Maintenance", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Work", href: "#home"},
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Get a Quote", href: "#contact"},
|
|
{
|
|
label: "Jeita, Beirut, Lebanon", href: "https://maps.google.com/?q=XJ5F%2B4H9%2C%20Jeita%2C%20Beirut"},
|
|
{
|
|
label: "09 224 666", href: "tel:+9619224666"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Arbusta s.a.l. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|