
<?php echo $__env->make('layout.header', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<?php echo $__env->make('layout.navigation', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    <!-- About Section -->
    
<main class="main">

    <!-- Hero Section -->
    <section id="hero" class="hero section dark-background">

      <div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">

        <div class="carousel-item active">
          <img src="assets/img/hero-carousel/kolam-1.jpg" alt="">
          <div class="carousel-container">
            <h2>Banyu Urip Sejahtera<br></h2>
            <h2>Solusi Kolam & Air Bersih Terpercaya</h2>
            <a href="https://api.whatsapp.com/send?phone=6282113747334" style="box-shadow: 2px 2px 2px rgba(0,0,0,0.8); padding: 10px; border: 1px grey;" class="btn-get-started"><i class="bi bi-whatsapp">   Hubungi Kami</i></a>
          </div>
        </div><!-- End Carousel Item -->

        <div class="carousel-item">
          <img src="assets/img/hero-carousel/kolam-2.jpg" alt="">
          <div class="carousel-container">
            <h2>Banyu Urip Sejahtera</h2>
            <h2>Solusi Kolam & Air Bersih Terpercaya</h2>
            <a href="https://api.whatsapp.com/send?phone=6282113747334" style="box-shadow: 2px 2px 2px rgba(0,0,0,0.8); padding: 10px; border: 1px grey;" class="btn-get-started"><i class="bi bi-whatsapp">   Hubungi Kami</i></a>
          </div>
        </div><!-- End Carousel Item -->

        <a class="carousel-control-prev" href="#hero-carousel" role="button" data-bs-slide="prev">
          <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
        </a>

        <a class="carousel-control-next" href="#hero-carousel" role="button" data-bs-slide="next">
          <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
        </a>

        <ol class="carousel-indicators"></ol>

      </div>

    </section><!-- /Hero Section -->

    <section id="about" class="about section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>About Us</h2>
        <p>BANYU URIP SEJAHTERA<br></p>
      </div><!-- End Section Title -->

      <div class="container">

        <div class="row gy-4">

          <div class="col-lg-12 content" data-aos="fade-up" data-aos-delay="100">
            <p style="text-align: justify">
              Banyu Urip Sejahtera adalah usaha profesional yang bergerak di bidang layanan kolam renang dan pengolahan air. Kami menyediakan jasa pembuatan kolam renang, maintenance kolam, instalasi filter air, serta sistem reverse osmosis (RO) untuk kebutuhan rumah tangga, komersial, maupun industri. Dengan mengutamakan kualitas, ketepatan kerja, dan pelayanan terbaik, kami siap memberikan solusi air bersih dan perawatan kolam yang terpercaya.
            </p>
            <ul>
              <li><i class="bi bi-check2-circle"></i> <span>Pembuatan Kolam Renang</span></li>
              <li><i class="bi bi-check2-circle"></i> <span>Maintenance Kolam Renang</span></li>
              <li><i class="bi bi-check2-circle"></i> <span>Instalasi Filter Air</span></li>
              <li><i class="bi bi-check2-circle"></i> <span>Sistem Reverse Osmosis</span></li>
            </ul>
          </div>

          

        </div>

      </div>

    </section><!-- /About Section -->

    <!-- Services Section -->
    <section id="services" class="services section">

        <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Services</h2>
        <p>Services<br></p>
      </div><!-- End Section Title -->
      
      <div class="container">

        <div class="row gy-4">

          <div class="col-md-6" data-aos="fade-up" data-aos-delay="100">
            <div class="service-item d-flex position-relative h-100">
              <i class="bi bi-water icon flex-shrink-0"></i>
              <div>
                <h4 class="title"><a class="stretched-link">Pembuatan Kolam</a></h4>
                <p style="text-align: justify" class="description">Kami menyediakan layanan pembuatan kolam renang profesional untuk rumah pribadi, villa, hotel, hingga area komersial. Mulai dari tahap desain, pembangunan struktur, instalasi sistem sirkulasi, hingga finishing dikerjakan oleh tim berpengalaman untuk menghasilkan kolam renang yang nyaman, estetik, dan tahan lama.</p>
              </div>
            </div>
          </div><!-- End Service Item -->

          <div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
            <div class="service-item d-flex position-relative h-100">
              <i class="bi bi-gear icon flex-shrink-0"></i>
              <div>
                <h4 class="title"><a class="stretched-link">Maintenance</a></h4>
                <p style="text-align: justify" class="description">Layanan perawatan kolam renang untuk menjaga kualitas air tetap bersih, jernih, dan aman digunakan. Perawatan dilakukan secara rutin dengan pengecekan menyeluruh pada kondisi air maupun sistem mesin kolam.</p>
              </div>
            </div>
          </div><!-- End Service Item -->

          <div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
            <div class="service-item d-flex position-relative h-100">
              <i class="bi bi-funnel icon flex-shrink-0"></i>
              <div>
                <h4 class="title"><a class="stretched-link">Filter Air</a></h4>
                <p style="text-align: justify" class="description">Kami melayani pemasangan sistem filter air untuk kebutuhan rumah tangga, bisnis, industri, maupun area komersial. Sistem filtrasi membantu menghasilkan air yang lebih bersih, jernih, dan bebas dari bau maupun kotoran.</p>
              </div>
            </div>
          </div><!-- End Service Item -->

          <div class="col-md-6" data-aos="fade-up" data-aos-delay="400">
            <div class="service-item d-flex position-relative h-100">
              <i class="bi bi-droplet-half icon flex-shrink-0"></i>
              <div>
                <h4 class="title"><a class="stretched-link">RO (Reverse Osmosis)</a></h4>
                <p style="text-align: justify" class="description">Layanan pemasangan dan perawatan sistem Reverse Osmosis (RO) untuk menghasilkan air dengan tingkat penyaringan tinggi sehingga lebih higienis dan aman digunakan.</p>
              </div>
            </div>
          </div><!-- End Service Item -->

        </div>

      </div>

    </section><!-- /Services Section -->

    <!-- Portfolio Section -->
    <section id="portfolio" class="portfolio section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Gallery</h2>
        <p>Gallery</p>
      </div><!-- End Section Title -->

      <div class="container">

        <div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order">

          <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
            <li data-filter="*" class="filter-active">All</li>
            <li data-filter=".filter-kolam">Kolam</li>
            <li data-filter=".filter-product">Filter</li>
            <li data-filter=".filter-branding">RO</li>
          </ul><!-- End Portfolio Filters -->

          <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-kolam">
              <img src="assets/img/kolam/kolam-1.jpeg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Kolam</h4>
                <p>Maintenance/Pembuatan Kolam</p>
                <a href="assets/img/kolam/Kolam-1.jpeg" title="App 1" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="#" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
              <img src="assets/img/filter/filter-1.jpeg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Product 1</h4>
                <p>Filter</p>
                <a href="assets/img/filter/filter-1.jpeg" title="Product 1" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
              <img src="assets/img/ro/RO-1.jpeg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Branding 1</h4>
                <p>Reverse Osmosis (RO)</p>
                <a href="assets/img/ro/Ro-1.jpeg" title="Branding 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-kolam">
              <img src="assets/img/kolam/Kolam-2.jpeg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>App 2</h4>
                <p>Maintenance/Pembuatan Kolam</p>
                <a href="assets/img/kolam/Kolam-2.jpeg" title="App 2" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="#" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
              <img src="assets/img/filter/filter-2.jpeg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Product 2</h4>
                <p>Filter</p>
                <a href="assets/img/filter/filter-2.jpeg" title="Product 2" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
              <img src="assets/img/ro/RO-2.jpeg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Branding 2</h4>
                <p>Reverse Osmosis (RO)</p>
                <a href="assets/img/ro/RO-2.jpeg" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-kolam">
              <img src="assets/img/kolam/Kolam-3.jpeg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>App 3</h4>
                <p>Maintenance/Pembuatan Kolam</p>
                <a href="assets/img/kolam/Kolam-3.jpeg" title="App 3" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="#" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
              <img src="assets/img/filter/filter-3.jpeg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Product 3</h4>
                <p>Filter</p>
                <a href="assets/img/filter/filter-3.jpeg" title="Product 3" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
              <img src="assets/img/ro/Ro-3.jpeg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4>Branding 3</h4>
                <p>Reverse Osmosis (RO)</p>
                <a href="assets/img/ro/RO-3.jpeg" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

          </div><!-- End Portfolio Container -->

        </div>

      </div>

    </section><!-- /Portfolio Section -->

    <!-- Pricing Section -->
    <section id="pricing" class="pricing section">

        <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Order / Consultation</h2>
        <p>Order / Consultation</p>
      </div><!-- End Section Title -->

      <div class="container">

        <div class="row gy-3">

          <div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="100">
            <div class="pricing-item featured">
              <h3>Our Services</h3>
              <h2>Pembuatan</h2>
              <h2>Kolam Renang</h2>
              <ul>
                <li style="text-align: justify">Desain dan pembangunan kolam renang profesional dengan kualitas terbaik, modern, nyaman, dan sesuai kebutuhan Anda.</li>
              </ul>
              <div class="btn-wrap">
                <a href="https://api.whatsapp.com/send?phone=6282113747334" class="btn-buy"><i class="bi bi-whatsapp"></i>  Hubungi Kami</a>
              </div>
            </div>
          </div><!-- End Pricing Item -->

          <div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="200">
            <div class="pricing-item featured">
              <h3>Our Services</h3>
              <h2>Maintenance</h2>
              <h2>Kolam Renang</h2>
              <ul>
                <li style="text-align: justify">Layanan perawatan kolam renang rutin untuk menjaga air tetap jernih, bersih, sehat, dan aman digunakan.</li>
              </ul>
              <div class="btn-wrap">
                <a href="https://api.whatsapp.com/send?phone=6282113747334" class="btn-buy"><i class="bi bi-whatsapp"></i>  Hubungi Kami</a>
              </div>
            </div>
          </div><!-- End Pricing Item -->

          <div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="300">
            <div class="pricing-item featured">
              <h3>Our Services</h3>
              <h2>Instalasi</h2>
              <h2>Filter Air</h2>
              <ul>
                <li style="text-align: justify">Solusi pemasangan sistem filter air untuk menghasilkan air yang lebih bersih, higienis, dan berkualitas.</li>
              </ul>
              <div class="btn-wrap">
                <a href="https://api.whatsapp.com/send?phone=6282113747334" class="btn-buy"><i class="bi bi-whatsapp"></i>  Hubungi Kami</a>
              </div>
            </div>
          </div><!-- End Pricing Item -->

          <div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="400">
            <div class="pricing-item featured">
              <h3>Our Services</h3>
              <h2>Instalasi</h2>
              <h2>Reverse Osmosis</h2>
              <ul>
                <li style="text-align: justify">Instalasi sistem reverse osmosis (RO) untuk menghasilkan air murni dengan teknologi penyaringan modern dan terpercaya.</li>
              </ul>
              <div class="btn-wrap">
                <a href="https://api.whatsapp.com/send?phone=6282113747334" class="btn-buy"><i class="bi bi-whatsapp"></i>  Hubungi Kami</a>
              </div>
            </div>
          </div><!-- End Pricing Item -->

        </div>

      </div>

    </section><!-- /Pricing Section -->
    
  </main>

<?php echo $__env->make('layout.footer', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /Applications/XAMPP/xamppfiles/htdocs/banyu_urip/resources/views/welcome.blade.php ENDPATH**/ ?>