<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="kursus renang malang">
    <meta name="author" content="tpscmalang">
    <meta name="google-site-verification" content="IP1VnhfTR7bVZca5IvES8DyLsSx8qmqPj6o7Ju3Blcs" />
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">



    <title>TPSC Malang - Home</title>
<!--

TemplateMo 548 Training Studio

https://templatemo.com/tm-548-training-studio

-->
    <!-- Additional CSS Files -->
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('/template/assets/css/bootstrap.min.css')); ?>">

    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('/template/assets/css/font-awesome.css')); ?>">

    <link rel="stylesheet" href="<?php echo e(asset('/template/assets/css/templatemo-training-studio.css')); ?>">
    <link href="/<?php echo e($data->logo); ?>" rel="icon">

    <!-- from Carouser -->
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.0.0/flickity.css">

    </head>
    
    <body>
    
    <!-- ***** Preloader Start ***** -->
    <div id="js-preloader" class="js-preloader">
      <div class="preloader-inner">
        <span class="dot"></span>
        <div class="dots">
          <span></span>
          <span></span>
          <span></span>
        </div>
      </div>
    </div>
    <!-- ***** Preloader End ***** -->
    
    
    <!-- ***** Header Area Start ***** -->
    <header class="header-area header-sticky">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <nav class="main-nav">
                        <!-- ***** Logo Start ***** -->
                        
                            <!-- <a href="index.html" class="logo">Training<em> Studio</em></a>     -->
                            <a class="logo"><img src="/<?php echo e($data->logo); ?>" alt="" title="" style="width:35%" /></a>
                        
                        
                        <!-- <a class="logo"><img src="<?php echo e(asset('/assets/image/logobaru.png')); ?>" alt="" title="" style="width:10%" /></a> -->
                        <!-- ***** Logo End ***** -->
                        <!-- ***** Menu Start ***** -->
                        <ul class="nav" style="margin-left: -100px; padding:right">
                            <li class="scroll-to-section"><a href="#top" class="active">Home</a></li>
                            <li class="scroll-to-section"><a href="#about-us">Tentang Kami</a></li>
                            <li class="scroll-to-section"><a href="#schedule">Paket Latihan</a></li>
                            <li class="scroll-to-section"><a href="#our-classes">Venue</a></li>
                            <li class="scroll-to-section"><a href="#trainers">Trainer</a></li>
                            <li class="scroll-to-section"><a href="#contact-us">Kontak</a></li> 
                            <li class="main-button"><a href="/login"  style="color:white">Login</a></li>
                        </ul>        
                        <a class='menu-trigger'>
                            <span>Menu</span>
                        </a>
                        <!-- ***** Menu End ***** -->
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <!-- ***** Header Area End ***** -->

    <!-- ***** Main Banner Area Start ***** -->
    <div class="main-banner" id="top">
        <video autoplay muted loop id="bg-video">
            <source src="/<?php echo e($data->video); ?>" type="video/mp4" />
        </video>

        <div class="video-overlay header-text">
            <div class="caption">
                <h6><?php echo e($data->small_caption); ?></h6>
                <h2><?php echo e($data->big_caption); ?></h2>
                <div class="main-button scroll-to-section">
                    <a href="https://wa.me/62<?php echo e($data->phone); ?>?text=Halo,%20saya%20ingin%20daftar%20latihan" target="_blank">Daftar Latihan</a>
                </div>
            </div>
        </div>
    </div>
    <!-- ***** Main Banner Area End ***** -->
    
    <!-- ***** Features Item End ***** -->

    <!-- ***** Call to Action Start ***** -->
   <!--  <div class="col-lg-6 offset-lg-3">
                    <div class="section-heading">
                        <h2>Tentang <em>Kami</em></h2>
                    </div>
                </div>
    <section class="section" id="call-to-action" style="background-image: url('/assets/image/<?php echo e($data->about_us_image); ?>');">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1">
                    <div class="cta-content">
                        <h2><?php echo e($data->company_name); ?></h2>
                        <p><?php echo e($data->about_us_caption); ?></p>
                        <div class="main-button scroll-to-section">
                            <a href="https://wa.me/62<?php echo e($data->phone); ?>?text=Halo,%20saya%20ingin%20daftar%20latihan" target="_blank">Hubungi Kami</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!-- ***** Call to Action End ***** -->

    <!-- ***** Features Item Start ***** -->
    <section class="section" id="about-us">
         <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-heading">
                        <h2>Tentang <em>Kami</em></h2>
                        <img src="<?php echo e(asset('/assets/image/air.png')); ?>" alt="waves">
                        <p style="color:black; font-size: 16px; text-align: justify;"><?php echo e($data->about_us_caption); ?></p>
                    </div>
                </div>
                <?php $__currentLoopData = $data->service; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="col-lg-6">
                    <ul class="features-items">
                        <li class="feature-item">
                            <div class="left-icon">
                                <img src="<?php echo e(asset('/assets/image/item.png')); ?>" alt="First One">
                            </div>
                            <div class="right-content">
                                <h4><?php echo e($service->title); ?></h4>
                                <p style="text-align: justify;"><?php echo e($service->description); ?></p>
                                <!-- <a href="#" class="text-button">Discover More</a> -->
                            </div>
                        </li>
                    </ul>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>

    <!-- ***** Our Classes Start ***** -->
   
    <!-- ***** Our Classes End ***** -->
    
    <section class="section" id="schedule">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="section-heading dark-bg">
                        <h2>Paket Latihan</em></h2>
                        <img src="<?php echo e(asset('/assets/image/air.png')); ?>" alt="">
                        <!-- <p>Nunc urna sem, laoreet ut metus id, aliquet consequat magna. Sed viverra ipsum dolor, ultricies fermentum massa consequat eu.</p> -->
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="filters">
                        <ul class="schedule-filter">
                            <!-- <li class="active" data-tsfilter="basicanak">Basic Swimming (Anak & Dewasa)</li> -->
                        </ul>
                    </div>
                </div>
                <div class="col-lg-10 offset-lg-1">
                    <div class="schedule-table filtering">
                        <table>
                            <tbody>
                                <tr>
                                    <td colspan="5" style="background-color: gray; font-size: 20px; ">Basic Swimming Anak & Dewasa</td>
                                </tr>
                                <tr>
                                    <td style="background-color: gray">Tunggal</td>
                                    <td>1x Pertemuan</td>
                                    <td>Paket A (4x Pertemuan)</td>
                                    <td>Paket B (8x Pertemuan)</td>
                                    <td>Paket C (12x Pertemuan)</td>
                                </tr>
                                <tr>
                                    <td style="background-color: gray">Grup</td>
                                    <td></td>
                                    <td>Paket A (4x Pertemuan)</td>
                                    <td>Paket B (8x Pertemuan)</td>
                                    <td>Paket C (12x Pertemuan)</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="filters">
                        <ul class="schedule-filter">
                            <!-- <li class="active" data-tsfilter="basicanak">Basic Swimming (Anak & Dewasa)</li> -->
                        </ul>
                    </div>
                </div>
                <div class="col-lg-10 offset-lg-1">
                    <div class="schedule-table filtering">
                        <table>
                            <tbody>
                                <tr>
                                    <td colspan="5" style="background-color: gray; font-size: 20px; ">Therapy Aquatic</td>
                                </tr>
                                <tr>
                                    <td style="background-color: gray">Tunggal</td>
                                    <td>1x Pertemuan</td>
                                    <td>Paket A (10x Pertemuan)</td>
                                    <td>Paket B (15x Pertemuan)</td>
                                    <td>Paket C (20x Pertemuan)</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="filters">
                        <ul class="schedule-filter">
                            <!-- <li class="active" data-tsfilter="basicanak">Basic Swimming (Anak & Dewasa)</li> -->
                        </ul>
                    </div>
                </div>
                <div class="col-lg-10 offset-lg-1">
                    <div>
                        <table>
                            <tbody>
                                <tr>
                                    <td colspan="5"><img src="/assets/image/pendaftaran.png" style="width: 400px"></td>
                                </tr>
                                <tr>
                                    <td><img src="/assets/image/private1.png"  style="width: 400px"></td>
                                </tr>
                                <tr>
                                    <td><img src="/assets/image/private2.png"  style="width: 400px"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>


     <section class="section" id="our-classes">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="section-heading">
                        <h2>Pool <em>Venue</em></h2>
                        <img src="<?php echo e(asset('/assets/image/air.png')); ?>" alt="">
                       <!--  <p>Nunc urna sem, laoreet ut metus id, aliquet consequat magna. Sed viverra ipsum dolor, ultricies fermentum massa consequat eu.</p> -->
                    </div>
                </div>
            </div>
            <div class="row" id="tabs" >
              <div class="col-lg-4" style="height: 400px;
                    overflow: scroll;">
                <ul>
                <?php $__currentLoopData = $data->venue; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $venue): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                  <li><a href='#tabs-<?php echo e($venue->id); ?>'><img src="/assets/image/pool.png" alt="" style="width: 13%"><?php echo e($venue->name); ?></a></li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
              </div>
              <div class="col-lg-8">
                <section class='tabs-content'>
                <?php $__currentLoopData = $data->venue; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $venue): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                  <article id='tabs-<?php echo e($venue->id); ?>'>
                    <img src="/<?php echo e($venue->image); ?>" alt="First Class" style="">
                    <h4><?php echo e($venue->name); ?></h4>
                    <p><?php echo e($venue->address); ?></p>
                    <!-- <div class="main-button">
                        <a href="#">View Schedule</a>
                    </div> -->
                  </article>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </section>
              </div>
            </div>
        </div>
    </section>
    <!-- ***** Testimonials Starts ***** -->
    <section class="section" id="trainers">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="section-heading">
                        <h2>Expert <em>Trainers</em></h2>
                        <img src="<?php echo e(asset('/assets/image/air.png')); ?>" alt="">
                       <!--  <p>Nunc urna sem, laoreet ut metus id, aliquet consequat magna. Sed viverra ipsum dolor, ultricies fermentum massa consequat eu.</p> -->
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="gallery js-flickity col-lg-12"
                      data-flickity-options='{ "wrapAround": true }'>
                    <?php $__currentLoopData = $data->trainer; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $trainer): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="col-lg-3">
                            <div class="trainer-item gallery-cell">
                                <div class="image-thumb">
                                    <img src="/<?php echo e($trainer->image); ?>" alt="">
                                </div>
                                <div class="down-content">
                                    <span>Trainer</span>
                                    <h4><?php echo e($trainer->name); ?></h4>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>          
                </div>
            
            </div>
        </div>
    </section>
    <!-- ***** Testimonials Ends ***** -->
    
    <!-- ***** Contact Us Area Starts ***** -->
    <section class="section" id="contact-us">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-xs-12">
                    <div id="map">
                      <iframe src="<?php echo e($data->maps); ?>" width="100%" height="600px" frameborder="0" style="border:0" allowfullscreen></iframe>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-xs-12">
                    <div class="contact-form">
                        <form id="contact" action="" method="post">
                          <div class="row">
                            <div class="col-md-6 col-sm-12">
                              <fieldset>
                                <i class="fa fa-instagram"></i>
                                &nbsp<?php echo e($data->instagram); ?>

                              </fieldset>
                            </div>
                            <div class="col-md-6 col-sm-12">
                              <fieldset>
                                <i class="fa fa-whatsapp"></i>
                                &nbsp +62<?php echo e($data->phone); ?>

                                <input name="email" type="text" id="email" pattern="[^ @]*@[^ @]*" placeholder="" readonly style="border:none;">
                              </fieldset>
                            </div>
                            <div class="col-md-12 col-sm-12">
                              <fieldset>
                                <i class="fa fa-envelope"></i>
                                &nbsp<?php echo e($data->email); ?>

                                <input name="email" type="text" id="email" pattern="[^ @]*@[^ @]*" placeholder="" readonly style="border:none;">
                              </fieldset>
                            </div>
                            <div class="col-md-12 col-sm-12">
                              <fieldset>
                                <i class="fa fa-globe"></i>
                                &nbsp <?php echo e($data->website); ?>

                                <input name="email" type="text" id="email" pattern="[^ @]*@[^ @]*" placeholder="" readonly style="border:none;">
                              </fieldset>
                            </div>
                            <div class="col-lg-12">
                              <fieldset>
                                <i class="fa fa-map-marker"></i>
                                &nbsp<?php echo e($data->address); ?>

                              </fieldset>
                            </div>
                            <div class="col-lg-12">
                              <fieldset>
                                <!-- <button type="submit" id="form-submit" class="main-button">Send Message</button> -->
                              </fieldset>
                            </div>
                          </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Contact Us Area Ends ***** -->
    
    <!-- ***** Footer Start ***** -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; 2023 TPSC Malang
                    
                    - Developed by Jatech w/<a rel="nofollow" href="https://templatemo.com" class="tm-text-link" target="_parent">TemplateMo</a></p>
                    
                    <!-- You shall support us a little via PayPal to info@templatemo.com -->
                    
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="<?php echo e(asset('/template/assets/js/jquery-2.1.0.min.js')); ?>"></script>

    <!-- Bootstrap -->
    <script src="<?php echo e(asset('/template/assets/js/popper.js')); ?>"></script>
    <script src="<?php echo e(asset('/template/assets/js/bootstrap.min.js')); ?>"></script>

    <!-- Plugins -->
    <script src="<?php echo e(asset('/template/assets/js/scrollreveal.min.js')); ?>"></script>
    <script src="<?php echo e(asset('/template/assets/js/waypoints.min.js')); ?>"></script>
    <script src="<?php echo e(asset('/template/assets/js/jquery.counterup.min.js')); ?>"></script>
    <script src="<?php echo e(asset('/template/assets/js/imgfix.min.js')); ?>"></script> 
    <script src="<?php echo e(asset('/template/assets/js/mixitup.js')); ?>"></script> 
    <script src="<?php echo e(asset('/template/assets/js/accordions.js')); ?>"></script>
    
    <!-- Global Init -->
    <script src="<?php echo e(asset('/template/assets/js/custom.js')); ?>"></script>

    <!-- from carousel -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.0.0/flickity.pkgd.js"></script>

  </body>
</html><?php /**PATH /Users/macbook/Documents/Projects/github/tpscmalang/resources/views/website/index.blade.php ENDPATH**/ ?>