{% extends "base.html" %}
{% load static %}

{% block title %}Recipe Cost Calculator{% endblock %}

{% block content %}
<div class="container-fluid vh-100 d-flex flex-column justify-content-center align-items-center text-center hero-section">
    <div class="language-toggle">
        <a href="#" class="text-white text-decoration-none">EN</a> / <a href="#" class="text-white text-decoration-none">AR</a>
    </div>
    <h1 class="display-3 fw-bold text-white">Recipe Cost Calculator</h1>
    <p class="lead text-white-50 mb-4">The easiest way to calculate the cost of your recipes.</p>
    <a href="#" class="btn btn-primary btn-lg">Calculate Recipe Cost by Company</a>
</div>
{% endblock %}
