171 lines
9.8 KiB
HTML
171 lines
9.8 KiB
HTML
{% load i18n static custom_filters %}
|
|
<!DOCTYPE html>
|
|
{% get_current_language as LANGUAGE_CODE %}
|
|
<html lang="{{ LANGUAGE_CODE }}"
|
|
dir="{% if LANGUAGE_CODE == 'ar' %}rtl{% else %}ltr{% endif %}"
|
|
data-bs-theme=""
|
|
data-navigation-type="default"
|
|
data-navbar-horizontal-shape="default">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="Haikal - The Backbone of Car Qar: An innovative car inventory management system designed to streamline dealership operations. Manage inventory, sales, transfers, and accounting seamlessly with advanced analytics and intuitive tools. Inspired by Arabic origins, Haikal empowers businesses with precision and efficiency.">
|
|
|
|
<title>{% block title %}{% trans 'HAIKAL' %}{% endblock %}</title>
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{% static 'images/favicons/apple-touch-icon.png' %}">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{% static 'images/favicons/favicon-32x32.png' %}">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{% static 'images/favicons/favicon-16x16.png' %}">
|
|
<link rel="shortcut icon" type="image/x-icon" href="{% static 'images/favicons/favicon.ico' %}">
|
|
<link rel="manifest" href="{% static 'images/favicons/manifest.json' %}">
|
|
<meta name="msapplication-TileImage" content="{% static 'images/logos/logo-d.png' %}">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<link href="{% static 'vendors/mapbox-gl/mapbox-gl.css' %}" rel="stylesheet">
|
|
<link href="{% static 'vendors/swiper/swiper-bundle.min.css' %}" rel="stylesheet">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
|
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap" rel="stylesheet">
|
|
<link href="{% static 'vendors/simplebar/simplebar.min.css' %}" rel="stylesheet">
|
|
<link href="{% static 'css/sweetalert2.min.css' %}" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
|
|
|
|
{% if LANGUAGE_CODE == 'en' %}
|
|
<link href="{% static 'css/theme.min.css' %}" type="text/css" rel="stylesheet" id="style-default">
|
|
<link href="{% static 'css/user.min.css' %}" type="text/css" rel="stylesheet" id="user-style-default">
|
|
{% else %}
|
|
<link href="{% static 'css/theme-rtl.min.css' %}" type="text/css" rel="stylesheet" id="style-rtl">
|
|
<link href="{% static 'css/user-rtl.min.css' %}" type="text/css" rel="stylesheet" id="user-style-rtl">
|
|
{% endif %}
|
|
|
|
<script src="{% static 'vendors/simplebar/simplebar.min.js' %}"></script>
|
|
<script src="{% static 'js/config.js' %}"></script>
|
|
<script src="{% static 'js/sweetalert2.all.min.js' %}"></script>
|
|
</head>
|
|
|
|
<body style="--phoenix-scroll-margin-top: 1.2rem;">
|
|
|
|
<main class="main" id="top">
|
|
<div class="bg-body-emphasis sticky-top" data-navbar-shadow-on-scroll="data-navbar-shadow-on-scroll">
|
|
<nav class="navbar navbar-expand-lg row-small px-3 px-lg-7 px-xxl-3">
|
|
<a class="navbar-brand me-1 me-sm-3" href="{% url 'home' %}">
|
|
<div class="d-flex align-items-center">
|
|
<img class="logo-img d-dark-none" src="{% static 'images/logos/logo-d.png' %}" alt="haikal" width="27" />
|
|
<img class="logo-img d-light-none" src="{% static 'images/logos/logo.png' %}" alt="haikal" width="27" />
|
|
<h5 class="logo-text ms-2 d-none d-sm-block">{% trans 'Haikal' %}</h5>
|
|
</div>
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
<li class="nav-item border-bottom border-translucent border-bottom-lg-0">
|
|
<a class="nav-link lh-1 py-0 fs-9 fw-bold py-3" aria-current="page" href="#home">{% trans 'Home' %}</a>
|
|
</li>
|
|
<li class="nav-item border-bottom border-translucent border-bottom-lg-0">
|
|
<a class="nav-link lh-1 py-0 fs-9 fw-bold py-3" href="#feature">{% trans 'Features' %}</a>
|
|
</li>
|
|
<li class="nav-item border-bottom border-translucent border-bottom-lg-0">
|
|
<a class="nav-link lh-1 py-0 fs-9 fw-bold py-3" href="#pricing">{% trans 'Subscriptions' %}</a>
|
|
</li>
|
|
</ul>
|
|
<div class="d-grid d-lg-flex align-items-center">
|
|
<a class="btn btn-link text-body order-1 order-lg-0 ps-4 me-lg-2" href="{% url 'account_login' %}">{{ _('Sign In') }}</a>
|
|
<a class="btn btn-phoenix-primary order-0" href="{% url 'account_signup' %}"><span class="fw-bold">{{ _('Sign Up') }}</span></a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
<section class="bg-body-emphasis pb-8" id="home">
|
|
<div class="row-small hero-header-row px-lg-7 px-xxl-3">
|
|
<div class="row align-items-center">
|
|
<div class="container-fluid ps-3"
|
|
style="
|
|
background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('{% static 'images/logos/hero_02.png' %}');
|
|
background-size: cover;
|
|
background-position: center;
|
|
padding: 220px 0 0 0;">
|
|
<h1 class="fs-3 fs-lg-2 fs-md-1 fs-xl-1 fw-black mb-4">
|
|
<span class="text-primary me-3">{% trans 'Streamline' %}</span> {% trans 'Your Car Dealership Operations' %}
|
|
</h1>
|
|
<p class="fs-5 fs-lg-4 fs-xl-4 fw-normal mb-3">{{ _("Because Inventory Needs Order") }}.</p>
|
|
<p class="mb-5">{% trans 'Manage inventory, sales, transfers, and accounting seamlessly with Haikal.' %}</p>
|
|
<a class="btn btn-lg btn-primary rounded-pill me-3" href="{% url 'account_signup' %}" role="button">{% trans 'Get Started' %}</a>
|
|
<a class="btn btn-link fs-8 p-0" href="#feature" role="button">{% trans 'Learn More' %}
|
|
{% if LANGUAGE_CODE == 'ar' %}
|
|
<span class="fa-solid fa-angle-left ms-2 fs-9"></span>
|
|
{% else %}
|
|
<span class="fa-solid fa-angle-right ms-2 fs-9"></span>
|
|
{% endif %}
|
|
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pt-15 pb-0" id="feature">
|
|
<div class="row-small px-lg-7 px-xxl-3">
|
|
<div class="text-center mb-5">
|
|
<h4 class="text-primary fw-bolder mb-4">{% trans 'Features' %}</h4>
|
|
<h2 class="mb-3 text-body-emphasis lh-base">{% trans 'Empowering Your Dealership with Precision and Efficiency' %}</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 text-center">
|
|
<img src="{% static 'images/icons/35420_store.svg' %}" alt="Inventory Management" class="mb-3" width="60">
|
|
<h5>{% trans 'Inventory Management' %}</h5>
|
|
<p>{% trans 'Effortlessly manage your car inventory with real-time updates and intuitive tools.' %}</p>
|
|
</div>
|
|
<div class="col-md-4 text-center">
|
|
<img src="{% static 'images/icons/148542_list.svg' %}" alt="Seamless Accounting" class="mb-3" width="60">
|
|
<h5>{% trans 'Seamless Accounting' %}</h5>
|
|
<p>{% trans 'Integrated double-entry accounting tailored for car dealers.' %}</p>
|
|
</div>
|
|
<div class="col-md-4 text-center">
|
|
<img src="{% static 'images/icons/114292_report.svg' %}" alt="Advanced Analytics" class="mb-3" width="60">
|
|
<h5>{% trans 'Advanced Analytics' %}</h5>
|
|
<p>{% trans 'Gain insights and make data-driven decisions for your business.' %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="bg-body-emphasis pt-lg-0 pt-xl-8" id="pricing">
|
|
<div class="row-small position-relative px-lg-7 px-xxl-3 text-center">
|
|
<h4 class="text-primary fw-bolder mb-4">{% trans 'Subscriptions' %}</h4>
|
|
<h2 class="mb-3 text-body-emphasis lh-base">{% trans 'Choose the Plan that Fits Your Needs' %}</h2>
|
|
<p class="mb-5">{% trans 'Flexible plans designed to meet the unique needs of every dealership.' %}</p>
|
|
<div class="row">
|
|
{% include "plans/plan_table.html" %}
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<script src="{% static 'vendors/popper/popper.min.js' %}"></script>
|
|
<script src="{% static 'vendors/bootstrap/bootstrap.min.js' %}"></script>
|
|
<script src="{% static 'vendors/anchorjs/anchor.min.js' %}"></script>
|
|
<script src="{% static 'vendors/is/is.min.js' %}"></script>
|
|
<script src="{% static 'vendors/fontawesome/all.min.js' %}"></script>
|
|
<script src="{% static 'vendors/lodash/lodash.min.js' %}"></script>
|
|
<script src="{% static 'vendors/list.js/list.min.js' %}"></script>
|
|
<script src="{% static 'vendors/feather-icons/feather.min.js' %}"></script>
|
|
<script src="{% static 'vendors/dayjs/dayjs.min.js' %}"></script>
|
|
<script src="{% static 'js/phoenix.js' %}"></script>
|
|
<script src="{% static 'vendors/echarts/echarts.min.js' %}"></script>
|
|
<script src="{% static 'js/travel-agency-dashboard.js' %}"></script>
|
|
<script src="{% static 'vendors/mapbox-gl/mapbox-gl.js' %}"></script>
|
|
<script src="https://unpkg.com/@turf/turf@6/turf.min.js"></script>
|
|
<script src="{% static 'vendors/swiper/swiper-bundle.min.js' %}"></script>
|
|
|
|
</body>
|
|
|
|
</html> |