<?php include('header.php'); ?>
<?php include('cookies.php'); ?>
    <!-- <audio id="myAudio" src="images/Haas-intro-audio.aac" autoplay></audio> -->
    <section id="hero" class="position-relative overflow-hidden">
        <div class="red box">
            <video  width="100%" height="auto" preload autoplay muted loop playsinline>
                <source id="video-source" src="images/e.webm " type="video/webm">
                <source id="video-source" src="images/e.mp4 " type="video/mp4">
            </video>
        </div>
    </section>

    <section id="partners" class="container py-5">
        <video poster="images/image_2024_03_18T12_59_43_972Z.png" width="100%" height="auto" loop controls>
    <source src="images/a.mp4" type="video/mp4" />
</video>
    </section>

    <section id="about">
        <div class="container py-5">
            <div class="row align-items-center py-5">
                <div class="col-md-6 px-4 py-5">
                    <h2 class="fw-bold">Automated Hydroponics
                        <br>with AI
                    </h2>
                    <div class="main-ai-vertical-line">
                        <p>HAAS (Hydroponics as a Service) platform is a SaaS (Software as a service)
                            architecture and integrates AI, IoT, Data Analytics and Cloud computing technologies.</p>
                    </div>
                    <div class="main-ai-vertical-line">
                        <p>This integrated environment elevates the Greenhouse and Container Hydroponics agriculture
                            produce to a newer terrain, with higher yield at lesser cost.</p>
                    </div>
                </div>
                <div class=" col-md-6 ps-md-5">
                    <img src="images/IMG_20240312_150553.gif" alt="ai-circle-gif" width="100%">
                </div>
            </div>
        </div>
    </section>

    <section id="about1" class="container">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-5 px-4 py-5">
                    <h4 class="keyh">Why you should use AI controlled HAAS?</h4>
                    <h1 class="soil-font"> Key <br> Results</h1>
                </div>
                <div class=" col-md-7 ps-md-5">
                    <div class="keyresult-h-scroll">
                        <div class="vertical">
                            <div class="card card-1">
                                <div class="card-dataset">
                                    <img src="images/ai.png" alt="ai" width="30%">
                                    <h4
                                        style="font-size:3vw; color: aliceblue;letter-spacing: normal;line-height: normal;">
                                        80%</h4>
                                </div>
                                <h2 style="color: aliceblue;" class="card-text">Automated Intelligence</h2>
                                <!--<h3 style="color: aliceblue;" class="card-p">Hydroponic AI optimizes resources, monitors plant -->
                                <!--    health, and ensures efficient, sustainable farming practices for increased yields.</h3>-->
                            </div>
                            <div class="card card-2">
                                <div class="card-dataset">
                                    <img src="images/Group 1326.png" alt="ai" width="30%">
                                    <h4
                                        style="font-size:3vw; color: #ccf17e;letter-spacing: normal;line-height: normal;">
                                        40%</h4>
                                </div>
                                <h2>Increased yield</h2>
                                <!--<h3>Hydroponic agriculture boosts yields by optimizing nutrient delivery, climate control, and crop management for efficiency.</h3>-->
                            </div>
                            <div class="card card-3">
                                <div class="card-dataset">
                                    <img src="images/Group 1340.png" alt="ai" width="30%">
                                    <h4
                                        style="font-size:3vw;color: #ccf17e;letter-spacing: normal;line-height: normal;">
                                        50%</h4>
                                </div>
                                <h2>Save water & Fertilizer</h2>
                                <!--<h3>you can save water, minimize fertilizer usage, and promote sustainable and efficient crop production.</h3>-->
                            </div>
                        </div>
                        <div class="vertical">
                            <div class="card card-4">
                                <div class="card-dataset">
                                    <img src="images/Group 1324.png" alt="ai" width="30%">
                                    <h4
                                        style="font-size:3vw;color: #ccf17e;letter-spacing: normal;line-height: normal;">
                                        70%</h4>
                                </div>
                                <h2>Reduced Labor Costs</h2>
                                <!--<h3>Hydroponic AI optimizes resources, monitors plant -->
                                <!--    health, and ensures efficient, sustainable farming practices for increased yields.</h3>-->
                            </div>
                            <div class="card card-5">
                                <div class="card-dataset">
                                    <img src="images/Group 1325.png" alt="ai" width="30%">
                                    <h4
                                        style="font-size:3vw;color: #ccf17e;letter-spacing: normal;line-height: normal;">
                                        30%</h4>
                                </div>
                                <h2>Increased productivity</h2>
                                <!--<h3>HaaS enhances productivity through efficient nutrient delivery, climate control, and streamlined crop management practices.</h3>-->
                            </div>
                            <div class="card card-6">
                                <div class="card-dataset">
                                    <img src="images/Group 1314.png" alt="ai" width="30%">
                                    <h4
                                        style="font-size:3vw; color: aliceblue;letter-spacing: normal;line-height: normal;">
                                        80%</h4>
                                </div>
                                <h2 style="color: aliceblue;">Scalability</h2>
                                <!--<h3 style="color: aliceblue;">HaaS allows for flexible expansion to meet growing demands, optimizing production efficiency.</h3>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section id="cta" class="container">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-12 mx-5 my-5">
                    <h4 class="keyh 2" style="text-transform: inherit;">Hydroponic as a service</h4>
                    <h3 class="hydro-green">Grow green vegetables<br>
                        with optimum Nutrient <br>uptake</h3>
                </div>
            </div>
        </div>
    </section>

    <section id="about" class="mobile-dd1">
        <div class="container py-5">
            <div class="row align-items-center py-5">
                <div class=" col-md-6 ps-md-5">
                    <img src="images/Group 1330.png" alt="ai-circle-gif" width="100%">
                </div>
                <div data-active="true" class="col-md-6 px-4 py-5 switcher">
                    <div class="split-row">
                        <div>
                            <h5 class="invert-plant">Dashboard Monitoring</h5>
                            <img src="images/Vector 22.png" alt="ai-circle-gif" class="plant-img" width="auto">
                            <p class="invert-plant">All in one interface to provide an overview of all the
                                relevant information.</p>
                        </div>
                        <div class="split-plant">
                            <h5 class="invert-plant">IoT</h5>
                            <img src="images/Vector 22.png" alt="ai-circle-gif" class="plant-img" width="auto">
                            <p class="invert-plant">Various sensors and machines are connected to
                                Internet and send to Cloud for further machine learning
                                operations</p>
                        </div>
                    </div>
                </div>
                <div data-active="false" class="col-md-6 px-4 py-5 switcher">
                    <div class="split-row">
                        <div>
                            <h5 class="invert-plant">Data Analysis</h5>
                            <img src="images/Vector 22.png" alt="ai-circle-gif" class="plant-img" width="auto">
                            <p class="invert-plant">Data collected through sensors in the greenhouse, generates data
                                analytics and facilitate optimal nutrient uptake and growth conditions.</p>
                        </div>
                        <div class="split-plant">
                            <h5 class="invert-plant">Subject Matter Experts Guidance</h5>
                            <img src="images/Vector 22.png" alt="ai-circle-gif" class="plant-img" width="auto">
                            <p class="invert-plant">Our researchers and agriculturists team offer expert guidance.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="about" class="mobile-dd">
        <div class="container py-5">
            <div class="row align-items-center py-5">
                <div class=" col-md-6 ps-md-5">
                    <img src="images/Group 1330.png" alt="ai-circle-gif" width="100%">
                </div>
                <div data-active="true" class="col-md-6 px-4 py-5">
                    <div class="split-row">
                        <div>
                            <h5 class="invert-plant">Dashboard Monitoring</h5>
                            <img src="images/Vector 22.png" alt="ai-circle-gif" class="plant-img" width="auto">
                            <p class="invert-plant">All in one interface to provide an overview of all the
                                relevant information.</p>
                        </div>
                        <div class="split-plant">
                            <h5 class="invert-plant">IoT</h5>
                            <img src="images/Vector 22.png" alt="ai-circle-gif" class="plant-img" width="auto">
                            <p class="invert-plant">Various sensors and machines are connected to
                                Internet and send to Cloud for further machine learning
                                operations</p>
                        </div>
                    </div>
                </div>
                <div data-active="false" class="col-md-6 px-4 py-5">
                    <div class="split-row">
                        <div>
                            <h5 class="invert-plant">Data Analysis</h5>
                            <img src="images/Vector 22.png" alt="ai-circle-gif" class="plant-img" width="auto">
                            <p class="invert-plant">Data collected through sensors in the greenhouse,   generates data
                                analytics and facilitate optimal nutrient uptake   and growth conditions.</p>
                        </div>
                        <div class="split-plant">
                            <h5 class="invert-plant">Subject Matter Experts Guidance</h5>
                            <img src="images/Vector 22.png" alt="ai-circle-gif" class="plant-img" width="auto">
                            <p class="invert-plant">Our researchers and agriculturists team offer expert guidance.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="carousel">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="0">
                        <!-- Wrapper for carousel items -->
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class="thumb-wrapper">
                                            <div class="img-box">
                                                <img src="images/Group 1331.png" class="img-fluid" alt="">
                                                <p class="carou">Bell Pepper</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="thumb-wrapper">
                                            <div class="img-box">
                                                <img src="images/Group 1295.png" class="img-fluid" alt="">
                                                <p class="carou">Cucumber</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="thumb-wrapper">
                                            <div class="img-box">
                                                <img src="images/Group 1332.png" class="img-fluid" alt="">
                                                <p class="carou">Tomato</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="thumb-wrapper">
                                            <div class="img-box">
                                                <img src="images/Group 1297.png" class="img-fluid" alt="">
                                                <p class="carou">Lettuce</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="thumb-wrapper">
                                            <div class="img-box">
                                                <img src="images/Group 1337.png" class="img-fluid" alt="">
                                                <p class="carou">Spinach</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="thumb-wrapper">
                                            <div class="img-box">
                                                <img src="images/Group 1338.png" class="img-fluid" alt="">
                                                <p class="carou">Rootstock</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="thumb-wrapper">
                                            <div class="img-box">
                                                <img src="images/Group 1339.png" class="img-fluid" alt="">
                                                <p class="carou">Salad</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="thumb-wrapper">
                                            <div class="img-box">
                                                <img src="images/Group 1342.png" class="img-fluid" alt="">
                                                <p class="carou">Watercress</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php include('footer.php'); ?>