what you add in project section AI what is this

index.html

@@ -145,7 +145,46 @@ View My GitHub Projects <i data-feather="external-link" class="w-4 h-4"></i>
                         <div class="bg-indigo-100 p-3 rounded-lg">
                             <i data-feather="cpu" class="text-indigo-600 w-6 h-6"></i>
                         </div>
-                        <h3 class="text-xl font-semibold">AI
-<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
+                    <h3 class="text-xl font-semibold">AI Automation Framework</h3>
+                    </div>
+                    <p class="text-gray-600 mb-4">Custom AI automation framework integrating Python with workflow tools</p>
+                    <a href="#contact" class="text-indigo-600 hover:text-indigo-800 font-medium flex items-center gap-2">
+                        Learn More <i data-feather="external-link" class="w-4 h-4"></i>
+                    </a>
+                </div>
+            </div>
+        </section>
+
+        <!-- Contact Section -->
+        <section id="contact" class="mb-20">
+            <h2 class="text-3xl font-bold mb-8 text-center">Get In Touch</h2>
+            <div class="bg-white p-8 rounded-xl shadow-md max-w-2xl mx-auto">
+                <form class="space-y-6">
+                    <div>
+                        <label for="name" class="block text-gray-700 font-medium mb-2">Name</label>
+                        <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-indigo-500 focus:border-indigo-500">
+                    </div>
+                    <div>
+                        <label for="email" class="block text-gray-700 font-medium mb-2">Email</label>
+                        <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-indigo-500 focus:border-indigo-500">
+                    </div>
+                    <div>
+                        <label for="message" class="block text-gray-700 font-medium mb-2">Message</label>
+                        <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-indigo-500 focus:border-indigo-500"></textarea>
+                    </div>
+                    <button type="submit" class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 rounded-lg font-medium transition w-full">
+                        Send Message
+                    </button>
+                </form>
+            </div>
+        </section>
+    </main>
+
+    <custom-footer></custom-footer>
+    <script src="components/navbar.js"></script>
+    <script src="components/footer.js"></script>
+    <script>
+        feather.replace()
+    </script>
 </body>
 </html>