{% extends layout_path %}

{% load static %}
{% load i18n %}

{% block title %}Coming Soon - Pages{% endblock %}

{% block page_css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'vendor/css/pages/page-misc.css' %}" />
{% endblock page_css %}

{% block content %}
<!-- Coming Soon -->
<div class="container-xxl container-p-y py-4">
  <div class="misc-wrapper">
    <h4 class="mb-2 mx-2">We are launching soon 🚀</h4>
    <p class="mb-6 mx-2">Our website is opening soon. Please register to get notified when it's ready!</p>
    <form onsubmit="return false">
      <div class="mb-0">
        <div class="mb-0 d-flex gap-4">
          <input type="text" class="form-control" placeholder="Enter your email" autofocus />
          <button type="submit" class="btn btn-primary">Notify</button>
        </div>
      </div>
    </form>
    <div class="mt-12">
      <img src="{% static 'img/illustrations/page-misc-launching-soon.png' %}" alt="page-misc-launching-soon" width="263" class="img-fluid" />
    </div>
  </div>
</div>
<div class="container-fluid misc-bg-wrapper">
  <img src="{% static 'img/illustrations/bg-shape-image-' %}{{ COOKIES.theme|default:theme }}.png" height="355" alt="page-misc-coming-soon" data-app-light-img="illustrations/bg-shape-image-light.png" data-app-dark-img="illustrations/bg-shape-image-dark.png" />
</div>
<!-- /Coming Soon -->
{% endblock %}