@extends('user.layout.master')
@section('title', env('APP_NAME'))
@section('content')
    

  <!--banner-->
  <div class="owl-carousel banner-slider">
    <div class="item">
      <img class="banner-img" src="{{ asset('/frontend') }}/images/banner.png" alt="">
      <div class="banner-contain-box">
        <span>Welcome to the National Gymnastics Portal</span>
        <h1>Where Dreams Take Flight!</h1>
        <div class="banner-btn">
          <a href="#" class="btn-custom">Register</a>
        </div>
      </div>
    </div>    
  </div>
  <!--banner End-->

  <!--package  -->
  <div class="favourite-package-section">
    <div class="container">
      <div class="common-heading line">&nbsp;</div>
      <div class="owl-carousel categories-slider pb-0">
        <div class="item">
          <div class="package-card">
            <figure class="package-img">
              <a href="#">
                <div class="rent-label">View</div>
                <img src="{{ asset('/frontend') }}/images/dipa.jpg" alt="">
              </a>
            </figure>
            {{-- <div class="package-info d-flex">
              <div class="package-contain">
                Baby & children room sets <br>
                starting at <span> $360 / Month</span>
              </div>
              <span class="view-package">
                <a href="#"><img src="{{ asset('/frontend') }}/images/right-arrow.jpg" alt=""></a>
              </span>
            </div> --}}
          </div>
        </div>
        <div class="item">
          <div class="package-card">
            <figure class="package-img">
              <a href="#">
                <div class="rent-label">View</div>

                <img src="{{ asset('/frontend') }}/images/ashish.jpg" alt="">
              </a>
            </figure>
            {{-- <div class="package-info d-flex">
              <div class="package-contain">

                Baby & children room sets <br>
                starting at <span> $160 / Month</span>

              </div>
              <span class="view-package">
                <a href="#"><img src="{{ asset('/frontend') }}/images/right-arrow.jpg" alt=""></a>
              </span>
            </div> --}}
          </div>
        </div>
        <div class="item">
          <div class="package-card">
            <figure class="package-img">
              <a href="#">

                <div class="rent-label">View</div>

                <img src="{{ asset('/frontend') }}/images/pranati.jpg" alt="">
              </a>
            </figure>
            {{-- <div class="package-info d-flex">
              <div class="package-contain">
                Affordable Dining set<br>
                starting at <span> $160 / Month</span>
              </div>
              <span class="view-package">
                <a href="#"><img src="{{ asset('/frontend') }}/images/right-arrow.jpg" alt=""></a>
              </span>
            </div> --}}
          </div>
        </div>

        <div class="item">
          <div class="package-card">
            <figure class="package-img">
              <a href="#">
                <div class="rent-label">View</div>
                <img src="{{ asset('/frontend') }}/images/aruna.jpg" alt="">
              </a>
            </figure>
            {{-- <div class="package-info d-flex">
              <div class="package-contain">

                Laundry sets <br>
                starting at <span> $60 / Month</span>
              </div>
              <span class="view-package">
                <a href="#"><img src="{{ asset('/frontend') }}/images/right-arrow.jpg" alt=""></a>
              </span>
            </div> --}}
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--package End-->

  <!-- Our Company -->
  <div class="our-company-section">
    <div class="container">
      <div class="our-company-innner">
        <h2> You might be wondering <strong> Why Our Company?</strong></h2>
        <div class="row">
          <div class="col-lg-5">
            <div class="our-company-img">
              <img src="{{ asset('/frontend') }}/images/img30.jpg" alt="">
              <img class="right-img" src="{{ asset('/frontend') }}/images/img29.jpg" alt="">
            </div>
          </div>
          <div class="col-lg-7">
            <div class="our-company-contain">
              <span> The standard Lorem Ipsum passage, used since the 1500s</span>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
                ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
                eu fugiat nulla pariatur. </p>

              <ul class="about-list d-flex">
                <li>
                  <div class="about-contain">
                    <i><img class="right-img" src="{{ asset('/frontend') }}/images/icon1.png" alt=""></i>
                    <span>7</span>
                    <p>CITIES</p>
                  </div>
                </li>
                <li>
                  <div class="about-contain">
                    <i><img class="right-img" src="{{ asset('/frontend') }}/images/icon2.png" alt=""></i>
                    <span>100000</span>
                    <p>SATISFIED CUSTOMERS</p>
                  </div>
                </li>
                <li>
                  <div class="about-contain">
                    <i><img class="right-img" src="{{ asset('/frontend') }}/images/icon3.png" alt=""></i>
                    <span>2015</span>
                    <p>YEAR STARTED</p>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-md-12 text-center btn-box">
            <a href="#" class="btn-custom">Explore all products</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
  <!-- Our Company End-->

  <!--faq-section -->
  <div class="faq-section">
    <div class="container">
      <h2 class="text-center"> Frequently Asked <span> Questions </span> </h2>
      <div class="row">
        <div class="col-lg-8">
          <div class="accordion-custom" id="accordion">
            <div class="card">
              <div class="card-header">
                <a class="card-link" data-toggle="collapse" href="#collapseOne" aria-expanded="true">Artistic Gymnastics</a>
              </div>
              <div id="collapseOne" class="collapse show" data-parent="#accordion">
                <div class="itinerary-body">
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit. In voluptate velit esse
                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
                    culpa qui officia deserunt mollit anim id est laborum.</p>
                </div>
              </div>
            </div>
            <div class="card">
              <div class="card-header">
                <a class="card-link" data-toggle="collapse" href="#collapseTwo" aria-expanded="false">Aerobics</a>
              </div>
              <div id="collapseTwo" class="collapse" data-parent="#accordion">
                <div class="itinerary-body">
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua. Ut enim ad minim veniam,</p>
                </div>
              </div>
            </div>
            <div class="card">
              <div class="card-header">
                <a class="card-link" data-toggle="collapse" href="#collapseThree" aria-expanded="false">Trampoline</a>
              </div>
              <div id="collapseThree" class="collapse" data-parent="#accordion">
                <div class="itinerary-body">
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua. Ut enim ad minim veniam,</p>
                </div>
              </div>
            </div>
            <div class="card">
              <div class="card-header">
                <a class="card-link" data-toggle="collapse" href="#collapseFour" aria-expanded="false">Tumbling</a>
              </div>
              <div id="collapseFour" class="collapse" data-parent="#accordion">
                <div class="itinerary-body">
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua. Ut enim ad minim veniam,</p>
                </div>
              </div>
            </div>
            <div class="card">
              <div class="card-header">
                <a class="card-link" data-toggle="collapse" href="#collapseFive" aria-expanded="false">Rhythmic</a>
              </div>
              <div id="collapseFive" class="collapse" data-parent="#accordion">
                <div class="itinerary-body">
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua. Ut enim ad minim veniam,</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="user-form getin-touch">
            <div class="getin-touch-img">
              <img src="{{ asset('/frontend') }}/images/img31.jpg" alt="">
            </div>
            <div class="heading">
              <h3>Get In Touch</h3>
              <p>You can ask anything you want to know about Feedback</p>
            </div>
            <form class="login-frm get-in-touch">
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label>First Name</label>
                    <input type="text" name="Username" class="form-control" placeholder="Name">
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <label>Email</label>
                    <input type="text" name="Username" class="form-control" placeholder="Email">
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <label>Description</label>
                    <textarea class="form-control" placeholder="Write Question here"></textarea>
                  </div>
                </div>
              </div>
              <button type="submit" name="button" class="btn btn-custom full  signup-btn">SUBMIT</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--step-section -->

  <!-- step-section -->
  <div class="step-section">
    <div class="container">
      <div class="step-inner">
        <div class="heading text-center">
          <span class="small-title">Latest Events & Notice</span>
          <h2 class="text-center">Selection Trials for <span> International Championships </span> of Rhythmic Gymnastics </h2>
        </div>
        <div class="row">
          <div class="col-md-4">
            <div class="step-card">
              <figure class="step-img">

                <a href="#">
                  <span class="count-txt">1</span>
                  <img src="{{ asset('/frontend') }}/images/img32.jpg" alt=""></a>
              </figure>
              <div class="step-info">
                <span> Select </span>
                Product & Tenure to Rent.
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="step-card">
              <figure class="step-img">

                <a href="#">
                  <span class="count-txt">2</span>
                  <img src="{{ asset('/frontend') }}/images/img33.jpg" alt="">
                </a>
              </figure>
              <div class="step-info">

                <span> Get your items delivered </span>
                and assembled within 72 hrs.
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="step-card">
              <figure class="step-img">

                <a href="#">
                  <span class="count-txt">3</span>
                  <img src="{{ asset('/frontend') }}/images/img34.jpg" alt=""></a>
              </figure>
              <div class="step-info">
                <span> Support</span>
                Free repair and regular
                maintenance
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- step-section End-->

  <!-- testimonial-section -->
  <div class="testimonial-section">
    <div class="container">
      <div class="heading text-center">
        <h2> 100k+<span> happy</span> gymnasts </h2>
        <span class="small-title">Unleash Your Potential, Elevate Your Performance</span>
      </div>
      <div class="images-box">
        <img class="test1-img" src="{{ asset('/frontend') }}/images/img36.jpg" alt="">
        <img class="test2-img" src="{{ asset('/frontend') }}/images/img37.jpg" alt="">
        <img class="test3-img" src="{{ asset('/frontend') }}/images/img38.jpg" alt="">
        <img class="test4-img" src="{{ asset('/frontend') }}/images/img39.jpg" alt="">
        <img class="test5-img" src="{{ asset('/frontend') }}/images/img40.jpg" alt="">
        <img class="test6-img" src="{{ asset('/frontend') }}/images/img41.jpg" alt="">
      </div>
      <div class="owl-carousel testimonial-slider ">
        <div class="item">
          <div class="testimonial-card text-center">
            <figure>
              <img src="{{ asset('/frontend') }}/images/img35.png" alt="">
            </figure>
            <div class="testimonial-card-desc">
              <p>Great Quality Products, affordable prices, fast and friendly delivery.
                I very recommended.</p>
              <div class="name-txt">Tiana Abie</div>
              <ul class="rating d-flex justify-content-center align-items-center">
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="testimonial-card text-center">
            <figure>
              <img src="{{ asset('/frontend') }}/images/img35.png" alt="">
            </figure>
            <div class="testimonial-card-desc">
              <p>Great Quality Products, affordable prices, fast and friendly delivery.
                I very recommended.</p>
              <div class="name-txt">Tiana Abie</div>
              <ul class="rating d-flex justify-content-center align-items-center">
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="item">
          <div class="testimonial-card text-center">
            <figure>
              <img src="{{ asset('/frontend') }}/images/img35.png" alt="">
            </figure>
            <div class="testimonial-card-desc">
              <p>Great Quality Products, affordable prices, fast and friendly delivery.
                I very recommended.</p>
              <div class="name-txt">Tiana Abie</div>
              <ul class="rating d-flex justify-content-center align-items-center">
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
                <li><img src="{{ asset('/frontend') }}/images/star-rating.jpg" alt=""></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- testimonial-section -->


@endsection
@push('js')
    
    
@endpush