@extends('frontend.front_master')

<style>
  .zoom:hover {
    transition: transform 0.3s ease-in-out;
    transform: scale(1.1);
    
}

.btn-color-1 {
    background: #fcf8f1 !important;
    color: #fff !important;
    font-weight: bold !important;
}
</style>

@section('title')
Home Page
@endsection

@section('content')
@include('frontend.body.slider')
<!-- ======= course Section ======= -->
<section id="services">
    <div class="container" data-aos="fade-up">
      <div class="section-header">
        <h2>আমাদের কোর্স সমূহ</h2>
      </div>

      <div class="row gy-4">
        @php
            $courses = App\Models\Course::all();
        @endphp

        @foreach ($courses as $row)
        <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
        <div class="card" style="overflow: hidden;">
            <a href=""><img src="{{asset($row->image)}}" class="card-img-top zoom" alt="..."></a>
            <div class="card-body">
              <h5 class="card-title text-center" style="color:#0c2e8a; font-size:27px;font-weight:bold;">{{$row->title}}</h5>
           
              <div style="text-align:center">
              <a href="{{route('course.single',$row->id)}}" class="btn btn-color-1" style="text-align:center;">বিস্তারিত</a>
              </div>
            </div>
          </div>
        </div>
       @endforeach


      </div>

    </div>
</section>
<!-- End course Section -->


<!--============== Plan Section ============ -->

    <div class="container mt-5">
      <div class="section-header">
        <h2>পরিকল্পনা</h2>
      </div>

      <div class="row">

       <div class="col-lg-3">
         <div class="card bg-light">
            <div class="card-body plan">
                <p class="text-center text-success" style="font-size:30px;">3 days free trial</p>
                <h1 class="text-center">PLAN #A</h1>
                <ul>
                    <li>2 days class per week</li>
                    
                    <li><strong style="font-size:14px;">Class Duration:</strong><span style="font-size:14px;">40 minutes</span></li>
                    <li><strong style="font-size:14px;">Course Period:</strong><span style="font-size:14px;">According To Student's Ability</span></li>
                    <li><strong style="font-size:14px;">Gender:</strong><span style="font-size:14px;">Both Male/Female</span></li>
                    <li><strong style="font-size:14px;">Languages:</strong><span style="font-size:14px;">Bangla/English/Urdu</span></li>
                </ul>
                <div style="text-align: center">
                    @php
                        $plan = 'A';
                    @endphp
                    <a href="{{ route('student.register',$plan) }}" class="btn btn-color-1 "><i class="las la-hand-point-right"></i>Register Now</a>
                </div>
            </div>
         </div>
       </div>

       <div class="col-lg-3">
        <div class="card bg-light">
           <div class="card-body plan">
               <p class="text-center text-success" style="font-size:30px;">3 days free trial</p>
               <h1 class="text-center">PLAN #B</h1>
               <ul>
                   <li>3 days class per week</li>
                  
                   <li><strong style="font-size:14px;">Class Duration:</strong><span style="font-size:14px;">40 minutes</span></li>
                   <li><strong style="font-size:14px;">Course Period:</strong><span style="font-size:14px;">According To Student's Ability</span></li>
                   <li><strong style="font-size:14px;">Gender:</strong><span style="font-size:14px;">Both Male/Female</span></li>
                   <li><strong style="font-size:14px;">Languages:</strong><span style="font-size:14px;">Bangla/English/Urdu</span></li>
               </ul>
               <div style="text-align: center">
                   @php
                       $plan = 'B';
                   @endphp
                   <a href="{{ route('student.register',$plan) }}" class="btn btn-color-1 "><i class="las la-hand-point-right"></i>Register Now</a>
               </div>
           </div>
        </div>
      </div>


      <div class="col-lg-3">
        <div class="card bg-light">
           <div class="card-body plan">
               <p class="text-center text-success" style="font-size:30px;">3 days free trial</p>
               <h1 class="text-center">PLAN #C</h1>
               <ul>
                   <li>4 days class per week</li>
                   
                   <li><strong style="font-size:14px;">Class Duration:</strong><span style="font-size:14px;">40 minutes</span></li>
                   <li><strong style="font-size:14px;">Course Period:</strong><span style="font-size:14px;">According To Student's Ability</span></li>
                   <li><strong style="font-size:14px;">Gender:</strong><span style="font-size:14px;">Both Male/Female</span></li>
                   <li><strong style="font-size:14px;">Languages:</strong><span style="font-size:14px;">Bangla/English/Urdu</span></li>
               </ul>
               <div style="text-align: center">
                   @php
                       $plan = 'C';
                   @endphp
                   <a href="{{ route('student.register',$plan) }}" class="btn btn-color-1 "><i class="las la-hand-point-right"></i>Register Now</a>
               </div>
           </div>
        </div>
      </div>


      <div class="col-lg-3">
        <div class="card bg-light">
           <div class="card-body plan">
               <p class="text-center text-success" style="font-size:30px;">3 days free trial</p>
               <h1 class="text-center">PLAN #D</h1>
               <ul>
                   <li>5 days class per week</li>
                   
                   <li><strong style="font-size:14px;">Class Duration:</strong><span style="font-size:14px;">40 minutes</span></li>
                   <li><strong style="font-size:14px;">Course Period:</strong><span style="font-size:14px;">According To Student's Ability</span></li>
                   <li><strong style="font-size:14px;">Gender:</strong><span style="font-size:14px;">Both Male/Female</span></li>
                   <li><strong style="font-size:14px;">Languages:</strong><span style="font-size:14px;">Bangla/English/Urdu</span></li>
               </ul>
               <div style="text-align: center">
                   @php
                       $plan = 'D';
                   @endphp
                   <a href="{{ route('student.register',$plan) }}" class="btn btn-color-1"><i class="las la-hand-point-right"></i>Register Now</a>
               </div>
           </div>
        </div>
      </div>








      </div>{{-- row --}}

    </div>

<!--============== Plan Section end============ -->

  <!--======= Why Study With Us Section========= -->
  <section id="services">
    <div class="container mt-5" data-aos="fade-up">
      <div class="section-header">
        <h2>আমাদের সেবা সমূহ</h2>
      </div>

      <div class="row gy-4">
        @php
            $studies = App\Models\WhyStudyUs::all();
        @endphp

        @foreach ($studies as $row)
        <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
          <div class="box">
            <div class="icon"> <img src="{{ asset($row->image) }}" alt=""> </div>
            <h4 class="title">{{ $row->title }}</h4>
            <p class="description">{{ $row->description }}</p>
          </div>
        </div>
       @endforeach


      </div>

    </div>
</section>

  <!-- Why Study With Us Section End -->

  <!-- ======= Testimonials Section ======= -->
  <section id="testimonials">
    <div class="container mt-5" data-aos="fade-up">
      <div class="section-header">
        <h2>শিক্ষার্থীদের মন্তব্য</h2>
      </div>

      <div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
        <div class="swiper-wrapper">

            @php
                $testimonials = App\Models\Testimonial::all();
            @endphp
          @foreach ($testimonials as $row)
          <div class="swiper-slide">
            <div class="testimonial-item">
              <p>
                <img src="{{ asset('/') }}frontend/assets/img/quote-sign-left.png" class="quote-sign-left" alt="">
                {{ $row->description }}
                <img src="{{ asset('/') }}frontend/assets/img/quote-sign-right.png" class="quote-sign-right" alt="">
              </p>
              <img src="{{ asset('/') }}frontend/assets/img/quran.jpeg" class="testimonial-img" alt="">
              <h3>{{ $row->name }}</h3>
              <h4>{{ $row->country }}</h4>
            </div>
          </div><!-- End testimonial item -->
          @endforeach

        </div>
        <div class="swiper-pagination"></div>
      </div>

    </div>
  </section>
  <!-- End Testimonials Section -->
@endsection