{% extends "base.html" %}
{% block title %}About DocuNova{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-8">
  <h1 class="text-4xl font-bold mb-4">About DocuNova</h1>
  <p class="text-gray-700 mb-6 leading-relaxed">
    Welcome to <strong>DocuNova</strong> – your modern, intelligent solution for document processing!
    We’ve built DocuNova to completely transform the way you handle your documents – from upload
    to extraction, from processing to storage. 
  </p>

  <!-- Our Story Section -->
  <section class="bg-white shadow rounded p-6 mb-8">
    <h2 class="text-2xl font-semibold mb-2">Our Story</h2>
    <p class="text-gray-600 mb-4">
      DocuNova was created with one goal in mind: to simplify and streamline document management 
      for everyone, whether you’re a small startup or a large enterprise.
    </p>
    <p class="text-gray-600">
      We harness the power of OpenAI for metadata extraction and text refinement, integrate seamlessly 
      with Dropbox, Nextcloud, and Paperless NGX for storage and indexing, leverage Azure Document 
      Intelligence for OCR, and even use Gotenberg for file-to-PDF conversions.
    </p>
  </section>

  <!-- Key Features Section -->
  <section class="bg-white shadow rounded p-6 mb-8">
    <h2 class="text-2xl font-semibold mb-2">Key Features</h2>
    <ul class="list-disc list-inside text-gray-600">
      <li>Simple and secure file uploads with drag & drop support</li>
      <li>Automated metadata extraction, indexing, and version control</li>
      <li>Integration with popular cloud services and storage platforms</li>
      <li>OCR and intelligent document processing powered by AI</li>
      <li>IMAP integration for automated document fetching</li>
      <li>Highly configurable via environment variables</li>
      <li>Docker-ready for easy deployment</li>
    </ul>
  </section>

  <!-- Meet the Creator Section -->
  <section class="bg-white shadow rounded p-6 mb-8">
    <h2 class="text-2xl font-semibold mb-2">Meet the Creator</h2>
    <p class="text-gray-600">
      DocuNova is passionately developed by
      <a href="https://www.christianlouis.de" target="_blank" class="text-blue-600 hover:underline">Christian Krakau-Louis</a>.
    </p>
  </section>

  <!-- GitHub Link Section -->
  <section class="bg-white shadow rounded p-6">
    <h2 class="text-2xl font-semibold mb-2">Get Involved</h2>
    <p class="text-gray-600 mb-4">
      Want to dive into the code, contribute ideas, or simply check out the magic behind DocuNova?
      Visit our GitHub repository!
    </p>
    <a href="https://github.com/christianlouis/document-processor" target="_blank" class="flex items-center space-x-2 text-blue-600 hover:text-blue-800">
      <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub Logo" class="h-6 w-6" />
      <span>View DocuNova on GitHub</span>
    </a>
  </section>
</div>
{% endblock %}