ai-chat
🤖 AI Assistant Hub
A professional, high-performance portal for interacting with purpose-built AI agents. This UI is optimized for GitHub Pages and utilizes a dual-section layout to balance selection and interaction.
📂 Project Structure
- Section 1: The Selection Lounge: An auto-scrolling (touch-enabled) carousel containing Jotform AI Agents.
- Section 2: The Interaction Bay: A lazy-loading iframe environment that preserves system resources by only loading the chatbot interface when a user makes a selection.
🚀 Key Features
- Lazy-Load Execution: Chatbots (iframes) do not load on page start, ensuring a 100/100 performance score and fast initial paint.
- Adaptive WordPress Nudge: A floating notification system that prompts users for action after 5 seconds of engagement.
- Cross-Platform Compatibility: Responsive design that switches from a 3-column layout on desktop to a single-card swipeable carousel on mobile.
- Jotform Agent Integration: Specifically styled for the Jotform AI ecosystem, ensuring the chat interface fits perfectly within the viewport.
🛠Setup & Customization
To add a new chatbot:
- Copy a
.bot-carddiv in the first section. - Update the
activateChatfunction call with your new Jotform Agent URL. - Replace the
img srcwith your custom branding.
📜 Deployment
This script is standalone. Upload index.html to any GitHub Pages repository or paste it into a Blogger HTML gadget for instant deployment.
AI Assistant Hub
Select an agent to begin your session
AI Companion
Everyday productivity & creative ideas.
Debeatzgh AI
Expert automation & strategy assistant.
Income Strategist
Monetization & side-hustle logic.
Select an agent above to load interface
Claim your .wordpress.com site!