Add informational box on main page explaining NextGenPDF functionality

pdf_renamer.py

@@ -1066,11 +1066,12 @@ def upload_files():
     <!DOCTYPE html>
     <html>
     <head>
-        <title>PDF Renamer</title>
+        <title>NextGenPDF - Automated PDF Organization</title>
         <style>
             body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px; text-align: center; }
             img { margin-bottom: 20px; }
-            h1 { color: #333; }
+            h1 { color: #333; margin-bottom: 10px; }
+            .subtitle { color: #666; font-size: 18px; margin-bottom: 30px; }
             form { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: inline-block; }
             input[type="file"] { margin: 10px 0; }
             input[type="submit"] { background-color: #28a745; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; }
@@ -1079,18 +1080,43 @@ def upload_files():
             .logout:hover { background-color: #c82333; }
             .view-jobs-btn { background-color: #007bff; color: white; text-decoration: none; padding: 10px 20px; border-radius: 5px; display: inline-block; margin: 10px 0; }
             .view-jobs-btn:hover { background-color: #0056b3; }
+            .info-box { background-color: #e7f3ff; border-left: 5px solid #007bff; padding: 20px; margin: 20px auto; max-width: 800px; text-align: left; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
+            .info-box h2 { color: #007bff; margin-top: 0; font-size: 24px; }
+            .info-box p { color: #333; line-height: 1.6; margin: 10px 0; }
+            .info-box ul { color: #333; line-height: 1.8; margin: 10px 0; padding-left: 20px; }
+            .info-box li { margin: 5px 0; }
+            .feature-icon { color: #28a745; font-weight: bold; margin-right: 5px; }
         </style>
     </head>
     <body>
         <a href="/logout" class="logout">Logout</a>
         <img src="/static/trbc-logo-full.png" alt="Logo" width="200">
-        <h1>Upload PDF Files or ZIP to Rename</h1>
+        <h1>NextGenPDF</h1>
+        <p class="subtitle">Automated PDF Organization & Renaming System</p>
+        
+        <div class="info-box">
+            <h2>📄 What Does NextGenPDF Do?</h2>
+            <p><strong>NextGenPDF</strong> automatically extracts student information from PDF registration forms and organizes them into a structured folder system.</p>
+            
+            <p><strong>How it works:</strong></p>
+            <ul>
+                <li><span class="feature-icon">✓</span> Upload individual PDFs or ZIP files containing multiple PDFs</li>
+                <li><span class="feature-icon">✓</span> Extracts student name, school, grade, and gender from each PDF</li>
+                <li><span class="feature-icon">✓</span> Renames files to: <code>LastName_FirstName_Grade.pdf</code></li>
+                <li><span class="feature-icon">✓</span> Organizes into folders: <code>Episode/School/Grade/Gender/</code></li>
+                <li><span class="feature-icon">✓</span> Creates a downloadable ZIP archive with the organized structure</li>
+                <li><span class="feature-icon">✓</span> Provides real-time progress updates during processing</li>
+            </ul>
+            
+            <p><strong>Perfect for:</strong> Managing registration forms, organizing student documents, and automating file management workflows.</p>
+        </div>
+        
         <a href="/jobs" class="view-jobs-btn">View Jobs</a>
         <br><br>
         <form method="post" enctype="multipart/form-data">
             <input type="file" name="files" multiple accept=".pdf,.zip">
             <br><br>
-            <input type="submit" value="Process PDFs">
+            <input type="submit" value="Upload & Process Files">
         </form>
     </body>
     </html>