Support Cards Grid** (3-column responsive layout) | **Card Type** | **Function** | **Icon** | |---------------------|----------------------------------------------|----------------| | Site Resources | Links to `https://www.google.com` sub-pages | `link` | | Download Attachments| PDFs/guides (max 25MB) | `attach_file` | | Contact Support | Form with email/issue dropdown Failed to perform inference: an HTTP error occurred when requesting the provider fixed error | `support_agent`| - Follow Up Deployment

index.html

@@ -156,6 +156,42 @@
                         <span class="text-xs text-gray-600 text-center">Hashtags</span>
                     </div>
                 </div>
+
+                <!-- Support Cards Grid -->
+                <div class="mt-8">
+                    <h3 class="text-md font-medium mb-4 text-gray-700">Support Resources</h3>
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                        <!-- Card 1 -->
+                        <div class="bg-white rounded-lg shadow-sm p-4 border border-gray-200 hover:shadow-md transition cursor-pointer">
+                            <div class="flex items-center mb-3">
+                                <i class="fas fa-link text-indigo-600 mr-2"></i>
+                                <h4 class="font-medium text-gray-800">Site Resources</h4>
+                            </div>
+                            <p class="text-sm text-gray-600 mb-3">Links to Google sub-pages</p>
+                            <a href="https://www.google.com" target="_blank" class="text-indigo-600 text-sm hover:underline">View Resources</a>
+                        </div>
+                        
+                        <!-- Card 2 -->
+                        <div class="bg-white rounded-lg shadow-sm p-4 border border-gray-200 hover:shadow-md transition cursor-pointer">
+                            <div class="flex items-center mb-3">
+                                <i class="fas fa-paperclip text-indigo-600 mr-2"></i>
+                                <h4 class="font-medium text-gray-800">Download Attachments</h4>
+                            </div>
+                            <p class="text-sm text-gray-600 mb-3">PDFs/guides (max 25MB)</p>
+                            <button class="text-indigo-600 text-sm hover:underline">Download Files</button>
+                        </div>
+                        
+                        <!-- Card 3 -->
+                        <div class="bg-white rounded-lg shadow-sm p-4 border border-gray-200 hover:shadow-md transition cursor-pointer">
+                            <div class="flex items-center mb-3">
+                                <i class="fas fa-headset text-indigo-600 mr-2"></i>
+                                <h4 class="font-medium text-gray-800">Contact Support</h4>
+                            </div>
+                            <p class="text-sm text-gray-600 mb-3">Form with email/issue dropdown</p>
+                            <button class="text-indigo-600 text-sm hover:underline">Contact Now</button>
+                        </div>
+                    </div>
+                </div>
                 
                 <!-- Attachment Section -->
                 <div class="mt-8">
@@ -244,6 +280,12 @@ The Customer Success Team
         </div>
     </div>
 
+    <div style="position: fixed; bottom: 20px; left: 20px; z-index: 9999; background: white; padding: 10px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);">
+        <a href="https://www.google.com" target="_blank" style="color: #4f46e5; text-decoration: none; margin-right: 15px;">Google Home</a>
+        <a href="https://policies.google.com" target="_blank" style="color: #4f46e5; text-decoration: none; margin-right: 15px;">Privacy Policy</a>
+        <a href="https://terms.google.com" target="_blank" style="color: #4f46e5; text-decoration: none;">Terms of Service</a>
+    </div>
+
     <a href="https://wa.me/919014472364" target="_blank" style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;">
         <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp Support" style="width: 60px; height: 60px;">
     </a>
@@ -320,6 +362,19 @@ The Customer Success Team
                 alert(`Opening ${iconType} functionality...`);
             });
         });
+
+        // Support Cards click handlers
+        document.querySelectorAll('.grid.grid-cols-1.md\\:grid-cols-3 > div').forEach((card, index) => {
+            card.addEventListener('click', function() {
+                if (index === 0) {
+                    window.open('https://www.google.com', '_blank');
+                } else if (index === 1) {
+                    alert('Download attachments functionality would open here');
+                } else {
+                    alert('Contact support form would open here');
+                }
+            });
+        });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Rajeshdakulla/https-youtu-be-l7bpyij0k7e" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>