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

{% block title %}Home{% endblock %}
{% block meta_description %}Tecvico — Innovation, Advancement, Competition. Advanced solutions for business development.{% endblock %}

{% block content %}

<section class="hero" aria-labelledby="hero-heading">
  <div class="hero-blobs" aria-hidden="true">
    <img src="{% static 'images/tecvico/hero-decoration.svg' %}" class="blob-img blob-img--hero-left" 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>
    <div class="hero-visual fade-in">
      <img src="{% static 'images/tecvico/hero-image.svg' %}" alt="Tecvico showcase" loading="eager" />
    </div>
  </div>
</section>

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

{% endblock %}