Tier 1 — Hero features
The five things that make this card unlike any other.
Per-member AI chatbot
Visitors ask anything. Groq-powered AI answers using only the member's profile facts. Custom personality per member. Voice + photo input supported.
Telegram bot deep-link
One-click button takes visitors into a Telegram conversation about that specific business. AI replies, owner gets notified, history logged.
Live "X viewing now" badge
Real-time count of visitors active in the last 60 seconds, refreshed every 30s. Pure social proof — pulses green when active.
AI-written About
Groq llama-3.3-70b reads the profile and writes warm, magazine-style copy in 2 paragraphs. Cached in DB. Owner can regenerate anytime.
AI photo describer
Visitor snaps a photo. Groq Vision describes it in business context, then matches against the member's gallery for similar items.
Tier 2 — Make it feel premium
Glassmorphism + Aurora UI. The same vocabulary Apple uses since iOS 16.
8 designed theme presets
Classic / Boutique / Restaurant / Wellness / Tech / Real Estate / Legal / Dark Pro. One click swaps fonts, colors, card vibes.
Smart auto-badges
"Replies instantly", "Open now", "By appointment", "Verified Padmashali" — auto-computed from real chat-log data + business hours.
3-language toggle
EN · తెలుగు · हिन्दी. Full page translates on demand via Groq, cached in DB so the second visitor sees it instantly.
Animated logo + hero
Logo enters with bounce + lifts on float. Avatar circle with conic-gradient ring. Hero particles floating in the background.
Tier 3 — Conversion mechanics
Turn visitors into leads, leads into customers.
Spin-to-win discount wheel
Visitor enters name + phone, spins, gets an instant offer code. AI-weighted prizes. Captures leads even from window-shoppers.
Refer & earn
Visitor generates personal share link ?ref=CODE. If their referee converts, owner sees the reward code in stats — full attribution chain.
Social proof ticker
"S***a sent an inquiry · 2 hours ago" rotates every 16s in the corner. Names masked, but signal real.
A/B test CTAs
Owner uploads two CTA variants. System rotates 50/50, tracks impressions + clicks. Winner declared after 20 impressions.
Tier 4 — AI & automation
Groq llama-3.3-70b + llama-3.2-90b-vision. Cached. Rate-limited.
Voice chat
Tap mic, speak in English/Indian English. Web Speech API transcribes, AI replies, browser TTS reads it back.
AI offline auto-reply
Outside operating hours, AI prepends a "we're closed right now" notice and forwards the lead automatically.
AI weekly digest
Owner clicks "Generate" — AI writes "What worked / What to improve / Do this week" with 3 specific actions.
Lead AI scoring
Every inquiry gets an AI star-rating (1-5) with one-line reason: "high intent — mentions specific date and budget".
Tier 5 — Owner empowerment
Everything you need to run your card like a SaaS.
Custom slug URLs
/m/padma-boutique instead of ?id=73. Auto-generated from business name. Cleaner share links.
Page analytics dashboard
Views, unique visitors, returning %, daily trend chart, top sources (Google / WhatsApp / Telegram / direct), device breakdown.
Lead inbox & Kanban CRM
List view + 5-column Kanban (New / Contacted / Quoted / Won / Lost). Drag cards between stages. One-tap WhatsApp reply.
Open Graph image generator
Server-rendered 1200×630 PNG per member. WhatsApp / Facebook / LinkedIn previews show a beautiful branded card.
Tier 6 — UI delight
Latest iOS / Material You patterns. Native-feeling on every device.
Floating glass FAB menu
Bottom-right plus button fans out into 6 actions: WhatsApp, Call, Telegram, Spin, Refer, Share. Haptic vibration on tap.
Mobile bottom-bar
App-style floating glass pill: Home · Call · AI (centered standout) · WhatsApp · Gallery. Conic-gradient glow ring around AI button.
Pull-to-refresh
Native phone gesture: pull down to refresh the page. Spinner appears with rotation as you pull, fires when threshold passed.
Sticky section tabs
About / Services / Offers / Videos / Gallery / Reviews / Contact / Pay / Book / Downloads / Location / Message / Share. Tap to jump. Auto-highlight active section.
Content blocks the owner controls
Mix and match. Show only what's relevant to your business.
| Block | What goes there |
|---|---|
| About | AI-written marketing description (2 paragraphs, magazine-style). Owner can regenerate. |
| Services | Pipe-separated list of services. Renders as colored chips with hover effects. |
| Offers & updates | Promotion cards: Offer / Promotion / Event / Ad with image, body, CTA, validity dates. |
| Videos | YouTube intro hero + multi-video grid with category filter chips. Lazy-loaded thumbnails. |
| Gallery | Photo grid with category filter chips, captions, click-to-zoom. |
| Custom pages | Magazine-style numbered sections (Our weavers / Care guide / Press features / Awards) with drop caps. |
| Testimonials | Glass cards with rotating aurora glow + author avatar. Mobile carousel with scroll-snap. |
| Pay us | UPI ID + GPay / PhonePe / Paytm tap-to-pay deep links. Optional payment QR image. |
| Book appointment | Calendly / Cal.com / WhatsApp deep-link button. |
| Downloads | Brochure PDF + Price list + auto-included vCard (.vcf) save-to-contacts. |
| Location | Embedded Google Map iframe. |
| Message form | Inquiry form with rate limiting, owner notification, AI lead scoring. |
| Share / QR | Auto-generated QR code (color-matched to accent), share link, "Download as Instagram story" PNG. |
Tech stack
Built on the existing portal stack — no new platform needed.
| Backend | ASP.NET Web Forms, VB.NET, .NET Framework 4.7.2 |
| Database | SQL Server 2019 (SmarterASP) — MBG_* tables |
| AI | Groq llama-3.3-70b-versatile for text + llama-3.2-90b-vision for image describer + Gemini fallback |
| Front-end | Vanilla JS + CSS (no framework). Glassmorphism via backdrop-filter. Chart.js for analytics. |
| Image gen | Server-side System.Drawing for OG image. Client-side html2canvas for IG story download. |
| Cache | Translation responses + AI bios cached in DB. View tracking + heartbeat in MBG_Member_PageViews. |
| Security | URL protocol whitelisting (blocks javascript:, data:), per-IP rate limits, atomic INSERT to prevent spin races, AI bot abuse prevention. |
Ready to launch yours?
Log in to your MBG profile, fill out a few fields, pick a theme, share the link. That's it.
Set up my mini-site →