<?php
include 'include/header.php';
?>


<div class="lux-loader">
    <div class="loader-inner">
        <div class="furniture-icon">
            <img src="images/living.png" alt="">
        </div>




        <div class="circle-spin"></div>

        <p>Loading Collection...</p>

    </div>
</div>


<!-- =================================banner slider================================ -->

<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
            aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
            aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
            aria-label="Slide 3"></button>
    </div>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img class="d-block w-100" src="images/banner.jpg" alt="First slide">
            <div class="carousel-caption d-md-block">
                <div class="row" style="align-items: center;">
                    <div class="col-md-6 banner-heading">
                        <h5 class="ml3">Outdoor Garden Furniture</h5>
                        <p data-aos="fade-left">Welcome to Contemporary Outdoor By Plum</p>
                        <div class="hvr-radial-out" data-aos="fade-right">
                            <a href="about-us.php">Shop Now</a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="banner-img">
                            <div class="bottom-space">
                                <img class="animated-image" src="images/a-1.jpg" alt="">
                            </div>
                            <div class="top-space">
                                <img class="animated-image" src="images/a-2.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="images/banner.jpg" alt="First slide">
            <div class="carousel-caption d-md-block">
                <div class="row" style="align-items: center;">
                    <div class="col-md-6 banner-heading">
                        <h5 class="ml4">Outdoor Garden Furniture</h5>
                        <p data-aos="fade-left">Welcome to Contemporary Outdoor By Plum</p>
                        <div class="hvr-radial-out" data-aos="fade-right">
                            <a href="about-us.php">Shop Now</a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="banner-img">
                            <div class="bottom-space">
                                <img class="animated-image" src="images/a-1.jpg" alt="">
                            </div>
                            <div class="top-space">
                                <img class="animated-image" src="images/a-2.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <img class="d-block w-100" src="images/banner.jpg" alt="First slide">
            <div class="carousel-caption d-md-block">
                <div class="row" style="align-items: center;">
                    <div class="col-md-6 banner-heading">
                        <h5 class="ml5">Outdoor Garden Furniture</h5>
                        <p data-aos="fade-left">Welcome to Contemporary Outdoor By Plum</p>
                        <div class="hvr-radial-out" data-aos="fade-right">
                            <a href="about-us.php">Shop Now</a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="banner-img">
                            <div class="bottom-space">
                                <img class="animated-image" src="images/a-1.jpg" alt="">
                            </div>
                            <div class="top-space">
                                <img class="animated-image" src="images/a-2.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>





<!-- =================================outline texts============================ -->
<section class="out-lines">
    <div class="container">
        <div class="all-heading">
            <h3 class="ml10">
                <span class="text-wrapper">
                    <span class="letters">Shop By Category</span>
                </span>
            </h3>
            <p class="ml12">Choose quality furniture for modern living</p>
        </div>
        <div class="category-slide" data-aos="fade-right">
            <div>
                <a href="products-category.php" class="card product-card">
                    <div class="image-wrapper">
                        <img class="card-img-top" src="images/cat-1.jpg" alt="Card image cap">
                    </div>

                    <div class="product-detail">
                        <h5 class="card-title heading text-center">Outdoor Furniture</h5>
                    </div>
                </a>
            </div>
            <div>
                <a href="products-category.php" class="card product-card">
                    <div class="image-wrapper">
                        <img class="card-img-top" src="images/cat-2.jpg" alt="Card image cap">
                    </div>

                    <div class="product-detail">
                        <h5 class="card-title heading text-center">Outdoor Cooking & Heating</h5>
                    </div>
                </a>
            </div>
            <div>
                <a href="products-category.php" class="card product-card">
                    <div class="image-wrapper">
                        <img class="card-img-top" src="images/cat-3.jpg" alt="Card image cap">
                    </div>

                    <div class="product-detail">
                        <h5 class="card-title heading text-center">Seating & Living</h5>
                    </div>
                </a>
            </div>
            <div>
                <a href="products-category.php" class="card product-card">
                    <div class="image-wrapper">
                        <img class="card-img-top" src="images/cat-4.jpg" alt="Card image cap">
                    </div>

                    <div class="product-detail">
                        <h5 class="card-title heading text-center">Bedroom & Storage</h5>
                    </div>
                </a>
            </div>
            <div>
                <a href="products-category.php" class="card product-card">
                    <div class="image-wrapper">
                        <img class="card-img-top" src="images/cat-1.jpg" alt="Card image cap">
                    </div>

                    <div class="product-detail">
                        <h5 class="card-title heading text-center">Pet Collection</h5>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>

<!-- =====================================Product List============================== -->

<section class="out-lines pt-0">
    <div class="container">
        <div class="all-heading">
            <h3 class="ml10">
                <span class="text-wrapper">
                    <span class="letters">Outdoor Living Essentials</span>
                </span>
            </h3>
            <p class="ml12">Designed to elevate your outdoor lifestyle</p>
        </div>
        <div class="category-slide" data-aos="fade-left">
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">
                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-1.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>

                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">
                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-2.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">
                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-3.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">
                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-4.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">

                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-5.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>

                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">

                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-6.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>

                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<!-- ==============================about us========================== -->
<section class="services" data-aos="fade-up">
    <div class="container">
        <div class="row" style="align-items: center;">
            <div class="col-md-12 col-lg-6">
                <div class="banner-img">
                    <div class="bottom-space">
                        <img class="animated-image" src="images/a-3.jpg" alt="">
                    </div>
                    <div class="top-space">
                        <img class="animated-image" src="images/a-4.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6 banner-heading">
                <h3 data-aos="fade-right">Outdoor Garden Furniture | Balcony Furniture Melbourne</h3>
                <h1 data-aos="fade-left">Welcome to Contemporary Outdoor <span>By Plum</span> </h1>
                <p data-aos="fade-right">At Plum, we strive to develop source and manufacture quality and unique outdoor
                    furniture in Melbourne that are both functional with a combination of beauty and exceptional
                    comfort. We believe that outdoor living is a part of the Australian way of life, and is now a very
                    important part of our homes. It is our mission to provide High quality outdoor furniture in
                    Melbourne at a price that everybody can afford and enjoy.</p>
                <div class="hvr-radial-out" data-aos="fade-left">
                    <a href="about-us.php">Know More</a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- =====================================Product List============================== -->

<section class="out-lines">
    <div class="container">
        <div class="all-heading">
            <h3 class="ml10">
                <span class="text-wrapper">
                    <span class="letters">Modern Balcony Sets</span>
                </span>
            </h3>
            <p class="ml12">Transform your balcony with stylish pieces</p>
        </div>
        <div class="category-slide" data-aos="fade-left">
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">

                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-5.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>

                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">

                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-6.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>

                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">
                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-7.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">
                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-8.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">

                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-1.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>

                    </div>
                </a>
            </div>
            <div>
                <a href="product-details.php">
                    <div class="furniture-card">
                        <div class="furniture-image">
                            <span class="discount-badge">-10%</span>

                            <img src="images/pro-2.jpg" alt="Green Armchair">

                            <div class="hover-actions">
                                <i class="fas fa-heart action-btn"></i>
                                <i class="fas fa-shopping-cart action-btn"></i>
                            </div>

                            <button class="buy-now-btn">Buy Now</button>
                        </div>

                        <div class="furniture-details">
                            <h3>Green Armchair</h3>
                            <div class="price">
                                <span class="old-price">$6,950</span>
                                <span class="new-price">$4,950</span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>


<!-- ===================================add==================================== -->
<section class="add-sec">
    <div class="container">
        <div class="add-heading">
            <h3 class="ml10">
                <span class="text-wrapper">
                    <span class="letters">Lets modify your interior modern looks</span>
                </span>
            </h3>
            <div class="hvr-radial-out" data-aos="fade-left">
                <a href="about-us.php">Know More</a>
            </div>
        </div>
    </div>
</section>

<!-- ====================================features=============================== -->
<section class="feature-section">
    <div class="container">
        <div class="row" data-aos="fade-up">

            <!-- Item 1 -->
            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <div class="feature-icon">
                        <img src="images/count-1.png" alt="">
                    </div>
                    <div class="feature-content">
                        <h5>Free Shipping</h5>
                        <p>Get free shipping over $1499</p>
                    </div>
                </div>
            </div>

            <!-- Item 2 -->
            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <div class="feature-icon">
                        <img src="images/count-2.png" alt="">
                    </div>
                    <div class="feature-content">
                        <h5>Quick Payment</h5>
                        <p>Online Quick Payment easily</p>
                    </div>
                </div>
            </div>

            <!-- Item 3 -->
            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <div class="feature-icon">
                        <img src="images/count-3.png" alt="">
                    </div>
                    <div class="feature-content">
                        <h5>Easy Return</h5>
                        <p>Easy return within 24 hours</p>
                    </div>
                </div>
            </div>

            <!-- Item 4 -->
            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <div class="feature-icon">
                        <img src="images/count-4.png" alt="">
                    </div>
                    <div class="feature-content">
                        <h5>24/7 Support</h5>
                        <p>Customer Online Support</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>


<!-- =======================================Subscribe======================================= -->
<section class="subscribe-section pt-0">
    <div class="container">
        <div class="subscribe-box" data-aos="fade-up">

            <div class="row align-items-center">

                <!-- Left Content -->
                <div class="col-lg-6">
                    <div class="subscribe-content" data-aos="fade-right">
                        <h2>Subscribe for the daily Updates</h2>
                        <p>Right my front it wound cause fully am sorry if. She jointure goodness interest debating did
                            outweigh.</p>
                    </div>
                </div>

                <!-- Right Form -->
                <div class="col-lg-6">
                    <div class="subscribe-form" data-aos="fade-left">
                        <input type="email" placeholder="Enter your email">
                        <button>Subscribe</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<?php
include 'include/footer.php';
?>