Refactored frontend + added template engine

frontend/templates/about.html

@@ -0,0 +1,63 @@
+{% 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 %}