309 lines
19 KiB
TypeScript
309 lines
19 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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
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: "Products", id: "#products"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
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: "#products"},
|
|
{
|
|
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="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "prod-1", brand: "Arbusta s.a.l.", name: "Mature Olive Tree", price: "$250.00", rating: 4,
|
|
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tall-tree-center-green-field-forest-background_181624-4585.jpg", imageAlt: "Large healthy olive tree"},
|
|
{
|
|
id: "prod-2", brand: "GardenEssentials", name: "Ceramic Planter Set", price: "$75.00", rating: 5,
|
|
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/plants-flower-pots-with-lanterns_23-2148164932.jpg", imageAlt: "Set of colorful ceramic garden planters"},
|
|
{
|
|
id: "prod-3", brand: "GreenGrowth", name: "Premium Lawn Seed", price: "$45.00", rating: 4,
|
|
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/top-view-flowerpots-gardening-fork_23-2148269607.jpg", imageAlt: "Bag of premium lawn seed"},
|
|
{
|
|
id: "prod-4", brand: "Nature'sCover", name: "Organic Wood Mulch", price: "$30.00", rating: 4,
|
|
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/pots_23-2148013436.jpg", imageAlt: "Pile of organic wood mulch"},
|
|
{
|
|
id: "prod-5", brand: "ProGardener", name: "Deluxe Tool Set", price: "$120.00", rating: 5,
|
|
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/person-s-hand-holding-fresh-beans-wrapped-napkin-against-wooden-background_23-2147953677.jpg", imageAlt: "Set of deluxe garden hand tools"},
|
|
{
|
|
id: "prod-6", brand: "OutdoorLiving", name: "Modern Patio Set", price: "$899.00", rating: 4,
|
|
reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/domestic-furniture-background-room-interior_1203-4865.jpg", imageAlt: "Modern outdoor patio furniture set"},
|
|
]}
|
|
title="Premium Landscaping Supplies"
|
|
description="Enhance your outdoor space with our selection of high-quality plants, trees, and garden accessories, perfect for any project."
|
|
/>
|
|
</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="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Youssef Zeineddeen", role: "Homeowner", testimonial: "Arbusta s.a.l. delivered beyond our expectations. Our garden has never looked better, and their team was incredibly professional. Good trees!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-posing-smiling-flowers_176420-2054.jpg", imageAlt: "Smiling man in his garden"},
|
|
{
|
|
id: "2", name: "Fatima Hassan", role: "Restaurant Owner", testimonial: "Our restaurant's outdoor terrace needed a complete overhaul. Arbusta provided an exquisite design and flawless execution. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30885.jpg", imageAlt: "Woman looking at new garden design"},
|
|
{
|
|
id: "3", name: "Ahmed Kamal", role: "Property Developer", testimonial: "We collaborate with Arbusta s.a.l. for all our residential projects. Their landscaping adds immense value and curb appeal to our properties.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pruner-tending-flowers_23-2147768531.jpg", imageAlt: "Commercial building with landscaping"},
|
|
{
|
|
id: "4", name: "Lina Bechara", role: "Villa Resident", testimonial: "Our villa's garden is now a true oasis thanks to Arbusta. Their team is knowledgeable, creative, and a pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-decorating-home_23-2150633269.jpg", imageAlt: "Young couple in their new garden"},
|
|
{
|
|
id: "5", name: "Georges Abi Nader", role: "Private Estate Owner", testimonial: "Exceptional service and stunning results. Arbusta s.a.l. transformed our estate grounds into a masterpiece. Their dedication to quality is evident.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-flowers_329181-12408.jpg", imageAlt: "Senior man watering plants in garden"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Discover why Arbusta s.a.l. is the preferred choice for beautiful and sustainable landscapes in Lebanon."
|
|
/>
|
|
</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"},
|
|
{
|
|
label: "Plant Supply", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Work", href: "#home"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
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>
|
|
);
|
|
}
|