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

{% block title %}Home{% endblock %}
{% block meta_description %}Tecvico Corp — 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>
  </div>
  <div class="container hero-content">
    <div class="hero-badge">Developing since 2021</div>
    <h1 class="hero-title" id="hero-heading">
      Tecvico,
      <br />
      <span class="gradient-text">A Powerful Workflow Generator</span>
    </h1>
    <p class="hero-subtitle">
      for Standardized Radiomics Analysis and Medical Image Visualization
    </p>
    <p class="hero-description">
      ViSERA is a free, open-source software specialized for visualization, processing,
      segmentation, registration, fusion and analysis of medical and biomedical images,
      including radiomics and machine learning analysis.
    </p>
    <div class="hero-actions">
      <a href="{% url 'pages:downloads' %}" class="btn-primary">Download Now</a>
      <a href="{% url 'pages:about' %}" class="btn-ghost">About Tecvico</a>
    </div>
  </div>
</section>

<section class="section features-section" aria-labelledby="features-heading">
  <div class="container">
    <div class="section-header">
      <div class="section-badge">Capabilities</div>
      <h2 class="section-title" id="features-heading">Important Features</h2>
      <p class="section-desc">
        Comprehensive tools for medical imaging research, standardized and reproducible.
      </p>
    </div>
    <div class="features-grid">
      {% for feature in features %}
      <div class="feature-card glass-card fade-in">
        <div class="feature-icon" aria-hidden="true">{{ feature.icon }}</div>
        <h3 class="feature-title">{{ feature.title }}</h3>
        <p class="feature-desc">{{ feature.desc }}</p>
      </div>
      {% empty %}
      <div class="feature-card glass-card fade-in">
        <div class="feature-icon" aria-hidden="true">⚗️</div>
        <h3 class="feature-title">Image Filtering</h3>
        <p class="feature-desc">Standardized image filtering techniques compliant with IBSI 2.0 guidelines.</p>
      </div>
      <div class="feature-card glass-card fade-in">
        <div class="feature-icon" aria-hidden="true">🖥️</div>
        <h3 class="feature-title">Professional Viewer</h3>
        <p class="feature-desc">Comfortable, professional medical image viewer with multi-modality support.</p>
      </div>
      <div class="feature-card glass-card fade-in">
        <div class="feature-icon" aria-hidden="true">📊</div>
        <h3 class="feature-title">Radiomics Features</h3>
        <p class="feature-desc">Handcrafted radiomics feature generation standardized by IBSI 1.0.</p>
      </div>
      <div class="feature-card glass-card fade-in">
        <div class="feature-icon" aria-hidden="true">🔄</div>
        <h3 class="feature-title">Format Support</h3>
        <p class="feature-desc">NIFTI, DICOM, NRRD, and more — comprehensive multi-format support.</p>
      </div>
      <div class="feature-card glass-card fade-in">
        <div class="feature-icon" aria-hidden="true">🗂️</div>
        <h3 class="feature-title">Image Registration</h3>
        <p class="feature-desc">Advanced image registration, fusion, and standardized SUV conversion.</p>
      </div>
      <div class="feature-card glass-card fade-in">
        <div class="feature-icon" aria-hidden="true">🔬</div>
        <h3 class="feature-title">RT Struct Support</h3>
        <p class="feature-desc">Full RT struct support for radiation oncology workflows and research.</p>
      </div>
      {% endfor %}
    </div>
  </div>
</section>

{% if nav_main_products %}
<section class="section products-section" aria-labelledby="products-heading">
  <div class="container">
    <div class="section-header">
      <div class="section-badge">Our Software</div>
      <h2 class="section-title" id="products-heading">Products</h2>
      <p class="section-desc">Explore our suite of medical imaging and radiomics tools.</p>
    </div>
    <div class="products-grid">
      {% for product in nav_main_products %}
      <a href="{{ product.get_absolute_url }}" class="product-card glass-card fade-in">
        {% if product.image %}
        <div class="product-card-image">
          <img src="{{ product.image.url }}" alt="{{ product.name }}" loading="lazy" />
        </div>
        {% endif %}
        <div class="product-card-body">
          <h3 class="product-card-title">{{ product.name }}</h3>
          <p class="product-card-desc">{{ product.short_description }}</p>
          <span class="product-card-link">
            Explore
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
              <path d="M3 8H13M13 8L9 4M13 8L9 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
        </div>
      </a>
      {% endfor %}
    </div>
  </div>
</section>
{% endif %}

<section class="section problems-section" aria-labelledby="problems-heading">
  <div class="container">
    <div class="section-header">
      <div class="section-badge">Value Proposition</div>
      <h2 class="section-title" id="problems-heading">What Problems Does Tecvico Solve?</h2>
    </div>
    <div class="problems-grid">
      <div class="problem-item glass-card fade-in">
        <div class="problem-number" aria-hidden="true">01</div>
        <h3 class="problem-title">Accessibility</h3>
        <p class="problem-desc">
          Tecvico provides a user-friendly interface and a wide range of tools, allowing
          researchers to perform complex data analysis without extensive technical knowledge
          or programming expertise.
        </p>
      </div>
      <div class="problem-item glass-card fade-in">
        <div class="problem-number" aria-hidden="true">02</div>
        <h3 class="problem-title">Integrated Tools</h3>
        <p class="problem-desc">
          Tecvico integrates a vast collection of tools and resources from various domains
          of healthcare and medical imaging research in a common, unified environment.
        </p>
      </div>
      <div class="problem-item glass-card fade-in">
        <div class="problem-number" aria-hidden="true">03</div>
        <h3 class="problem-title">Flexibility</h3>
        <p class="problem-desc">
          Tecvico offers flexibility in terms of tool optimization and workflow customization
          to match your specific research requirements.
        </p>
      </div>
      <div class="problem-item glass-card fade-in">
        <div class="problem-number" aria-hidden="true">04</div>
        <h3 class="problem-title">Reproducibility</h3>
        <p class="problem-desc">
          Improve usability, reusability, and reproducibility (URR) through a workflow
          management system that allows researchers to easily create, share, and reuse
          analysis pipelines.
        </p>
      </div>
    </div>
  </div>
</section>

<section class="section about-strip" aria-labelledby="about-strip-heading">
  <div class="container">
    <div class="about-strip-inner glass-card">
      <div class="about-strip-content">
        <div class="section-badge">Our Story</div>
        <h2 class="section-title" id="about-strip-heading">More to Know</h2>
        <p class="about-strip-text">
          Tecvico has been developing since 2021 by the Quantitative Radiomolecular Imaging
          and Therapy (Qurit) lab &amp; program at the University of British Columbia &amp;
          BC Cancer Research Institute, Vancouver, BC, Canada.
        </p>
        <a href="{% url 'pages:about' %}" class="btn-primary">Learn More</a>
      </div>
      <div class="about-strip-blobs" aria-hidden="true">
        <div class="strip-blob strip-blob--1"></div>
        <div class="strip-blob strip-blob--2"></div>
      </div>
    </div>
  </div>
</section>

{% endblock %}