added about section and footer in frontend

templates/index.html

@@ -263,21 +263,90 @@
             </form>
         </div>
     </div>
+<!-- About Me Section -->
+<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+  <div class="glass-card rounded-2xl p-8 hover-scale">
+    <div class="flex flex-col md:flex-row items-center md:items-start gap-8">
+      
+      <!-- Profile Picture -->
+<div class="flex-shrink-0 w-32 h-32 overflow-hidden rounded-full shadow-lg border-4 border-white">
+  <img src="https://s3-us-west-2.amazonaws.com/issuewireassets/primg/174054/thumb_innovator-and-ai-enthusiast-saksham-pathak829450046.jpeg"
+       alt="Saksham Pathak"
+       class="w-full h-full object-cover object-top">
+</div>
 
-    <!-- Footer -->
-    <footer class="mt-16 border-t border-gray-200 bg-white">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-            <div class="flex flex-col md:flex-row justify-between items-center">
-                <div class="flex items-center space-x-2 mb-4 md:mb-0">
-                    <div class="w-8 h-8 gradient-bg rounded-lg flex items-center justify-center">
-                        <i class="fas fa-qrcode text-white text-sm"></i>
-                    </div>
-                    <span class="text-gray-600 font-medium">Dynamic QR Generator</span>
-                </div>
-                <p class="text-sm text-gray-500">© 2025 Enterprise QR Solutions. Built for scalability.</p>
-            </div>
+
+      <!-- About Text -->
+      <div>
+        <h2 class="text-2xl font-bold text-gray-900 mb-3">About Me</h2>
+        <p class="text-gray-700 leading-relaxed mb-4">
+          Hi 👋 I’m <span class="font-semibold">Saksham Pathak</span> (aka <span class="font-semibold">Parthmax</span>) — a 
+          <strong>Generative AI Engineer</strong>, <strong>full-stack AI/ML developer</strong>, and creative 
+          <strong>content creator</strong>.  
+          I specialize in building <strong>LLM-powered apps, RAG pipelines, agentic AI tools</strong>, and sleek full-stack solutions with FastAPI & Tailwind.
+        </p>
+
+        <!-- Quick Highlights -->
+        <ul class="list-disc list-inside text-gray-700 mb-4">
+          <li>🎓 Pursuing <b>M.Sc. in AI & ML</b> @ IIIT Lucknow</li>
+          <li>⚙️ Expert in <b>LangChain, Hugging Face, LoRA/QLoRA</b></li>
+          <li>🚀 Projects: <b>FALCON (AI fact-checker), FaceAging AI, MapInsight</b></li>
+          <li>📈 Focus: AI dashboards, autonomous coding tools, scalable GenAI apps</li>
+        </ul>
+
+        <!-- Social Links -->
+        <div class="flex space-x-4">
+          <a href="https://github.com/parthmax2" target="_blank" class="text-gray-600 hover:text-gray-900 transition">
+            <i class="fab fa-github text-2xl"></i>
+          </a>
+          <a href="https://linkedin.com/in/sakshampathak" target="_blank" class="text-blue-600 hover:text-blue-800 transition">
+            <i class="fab fa-linkedin text-2xl"></i>
+          </a>
+          <a href="https://huggingface.co/parthmax" target="_blank" class="text-yellow-600 hover:text-yellow-800 transition">
+            <i class="fas fa-robot text-2xl"></i>
+          </a>
+          <a href="https://instagram.com/parthmax_" target="_blank" class="text-pink-600 hover:text-pink-800 transition">
+            <i class="fab fa-instagram text-2xl"></i>
+          </a>
+          <a href="mailto:pathaksaksham430@gmail.com" class="text-red-600 hover:text-red-800 transition">
+            <i class="fas fa-envelope text-2xl"></i>
+          </a>
         </div>
-    </footer>
+      </div>
+    </div>
+  </div>
+</section>
+
+    <<!-- Footer -->
+<footer class="mt-16 border-t border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900">
+  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+    <div class="flex flex-col md:flex-row justify-between items-center">
+      
+      <!-- Logo + Name -->
+      <div class="flex items-center space-x-2 mb-4 md:mb-0">
+        <div class="w-9 h-9 bg-gradient-to-r from-blue-500 to-purple-600 rounded-lg flex items-center justify-center shadow-md">
+          <i class="fas fa-qrcode text-white text-sm"></i>
+        </div>
+        <span class="text-gray-700 dark:text-gray-300 font-semibold">Dynamic QR Generator</span>
+      </div>
+
+      <!-- Links -->
+      <div class="flex space-x-6 mb-4 md:mb-0">
+        <a href="#" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 text-sm transition">Docs</a>
+        <a href="#" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 text-sm transition">Privacy</a>
+        <a href="#" class="text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 text-sm transition">Support</a>
+      </div>
+
+            <!-- Right section -->
+<p class="text-sm text-gray-500 text-center md:text-right">
+  Made with <span class="text-red-500">❤️</span> by <span class="font-medium text-gray-700">Parthmax</span>
+</p>
+
+
+    </div>
+  </div>
+</footer>
+
 
     <script>
         // Modal functions