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

{% block title %}Home{% endblock %}
{% block meta_description %}Radiuma — A Powerful Workflow Generator for Standardized Radiomics Analysis and Medical Image Visualization.{% endblock %}

{% block content %}

<section class="hero" aria-labelledby="hero-heading">
  <div class="hero-blobs" aria-hidden="true">
    <div class="blob blob--1"></div>
    <div class="blob blob--2"></div>
    <div class="blob blob--3"></div>
    <img src="{% static 'images/blob-blue-1.svg' %}" class="blob-img blob-img--hero-left" alt="" />
    <img src="{% static 'images/abstract-shapes.svg' %}" class="blob-img blob-img--hero-right" alt="" />
  </div>
  <div class="container hero-content">
    <div class="hero-text">
      {% if hero %}
        {% if hero.badge %}<div class="hero-badge">{{ hero.badge }}</div>{% endif %}
        {% if hero.title or hero.title_highlight %}
        <h1 class="hero-title" id="hero-heading">
          {% if hero.title %}{{ hero.title }}{% endif %}
          {% if hero.title and hero.title_highlight %}<br />{% endif %}
          {% if hero.title_highlight %}<span class="gradient-text">{{ hero.title_highlight }}</span>{% endif %}
        </h1>
        {% endif %}
        {% if hero.subtitle %}<p class="hero-subtitle">{{ hero.subtitle }}</p>{% endif %}
        {% if hero.description %}<p class="hero-description">{{ hero.description }}</p>{% endif %}
        {% if hero.primary_cta_text or hero.secondary_cta_text %}
        <div class="hero-actions">
          {% if hero.primary_cta_text %}<a href="{{ hero.primary_cta_url }}" class="btn-primary">{{ hero.primary_cta_text }}</a>{% endif %}
          {% if hero.secondary_cta_text %}<a href="{{ hero.secondary_cta_url }}" class="btn-ghost">{{ hero.secondary_cta_text }}</a>{% endif %}
        </div>
        {% endif %}
      {% endif %}
    </div>
    {% if hero and hero.image or not hero %}
    <div class="hero-app-preview fade-in">
      <div class="hero-app-preview-glow" aria-hidden="true"></div>
      {% if hero and hero.image %}
      <img src="{{ hero.image.url }}" alt="{{ hero.image_alt }}" loading="eager" />
      {% elif not hero %}
      <img src="{% static 'images/screenshot-1.jpg' %}" alt="Radiuma application — main workflow view" loading="eager" />
      {% endif %}
    </div>
    {% endif %}
  </div>
</section>

{% include "partials/_page_sections.html" with sections=homepage_sections %}

{% endblock %}
