@extends('layout.error_app', ['title' => 'Download App'])

@push('style')
  @vite('resources/css/landing.css')
@endpush

@section('content')
  <section class="download-app flex-grow-1 px-0">
    <div class="download-app-wrap py-5">
      <div class="container-fluid mt-5 pt-4">
        <div class="row justify-content-end">
          <div class="col-lg-6">
            <div class="download-app-header mb-4">
              <h2 class="download-app-title text-uppercase text-lg-start text-center">
                <span class="text-red-main">
                  Tự học
                </span>
                dễ dàng hơn cùng
                <span class="text-new-green text-nowrap">
                  siêu học
                </span>
              </h2>
            </div>
            <div
              class="download-app-description text-uppercase fw-semibold text-secondary-color text-lg-start fs-4 text-center">
              Tải xuống ứng dụng Sieuhoc dành cho điện thoại
            </div>
          </div>
        </div>
        <div class="row justify-content-end">
          <div class="col-xl-6">
            <div class="button-link-wrap d-flex justify-content-center justify-content-xl-start flex-wrap pb-5">
              <a href="#" class="btn-download-link text-decoration-none pe-md-4">
                <img src="{{ asset('img/landing/app_store.png') }}" alt="App Store">
              </a>
              <a href="#" class="btn-download-link text-decoration-none ps-md-4">
                <img src="{{ asset('img/landing/google_play.png') }}" alt="Google Play">
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

@push('script')
  @vite('resources/js/landing.js')
@endpush