Dynamic Website Redesign for HelloBotz

Here is a clear, professional scope of work document you can send directly to your website developer. It establishes the reference site, core architectural requirements, feature list, and modern UI/UX benchmarks needed for HelloBotz. Project Brief: HelloBotz Website Redesign & Modern Dynamic Platform 1. Reference Benchmark Primary Reference: [https://webtest7.quickvtech.com/](https://webtest7.quickvtech.com/) Objective: Build a fully modern, dynamic, enterprise-grade SaaS website for HelloBotz matching the clean layout, dynamic component design, interactive feature showcases, and polished animations seen in the reference benchmark. 2. Key Architecture & Technical Requirements Framework: Next.js (App Router, Server-Side Rendering / Static Pre-rendering) to ensure optimal SEO performance, fast Core Web Vitals, and proper raw HTML rendering. Responsive Design: 100% fluid mobile, tablet, and desktop responsiveness. Speed & Performance: Sub-second page loads ( , , , proper to hierarchy without excessive tagging), dynamic metadata, OpenGraph tags, JSON-LD schema, and clean canonical/hreflang setups. 3. Visuals, Demos & Interactive Features Interactive Live Previews: Tabbed interactive product showcases (e.g., clicking between WhatsApp, Instagram, Telegram, and Facebook updates the live preview frame dynamically). High-Fidelity Demo Mockups: Clean, retina-ready product UI screenshots with floating badging, subtle glassmorphism, and interactive hover states. Video / Lottie Demonstrations: Smooth micro-animations illustrating automated chat flows, campaign broadcasts, and shared team inbox routing. Interactive Pricing Calculator: Dynamic toggle (Monthly vs. Annual billing) with clear feature matrices and tier breakdowns. 4. Core Feature Sections to Highlight Official WhatsApp Business API Platform: High deliverability broadcasts, template approvals, and compliance management. Omnichannel AI Chatbots: No-code automation builder for WhatsApp, Instagram DMs, Messenger, and Telegram. Shared Team Inbox: Multi-agent support dashboard, chat routing, labels, and internal team notes. Lead Generation & Auto-Qualification: Conversational funnels that capture, qualify, and segment leads directly into CRM pipelines. E-commerce & WhatsApp Automation: Catalog sync, abandoned cart recovery, automated payment links, and delivery tracking. Live Chat Handover & AI Voice Agent: Smooth transitions from automated AI bots to live human agents. 5. Deliverables Required from Developer Fully implemented dynamic pages (Home, Features, Pricing, Integrations, Blog/Resources, Contact). Content Management System (CMS) or clean modular data structures to easily update copy, demo previews, and FAQs. Working lead-capture forms, interactive demo booking modal, and WhatsApp widget integration. Clean code repository with deployment scripts for production VPS/Nginx hosting. Would you like to build this directly inside the existing Next.js frontend repository on your VPS, or would you prefer the developer to create this as a separate standalone marketing site? Sharing whether you want a headless CMS (like Strapi/Sanity) will also help refine the technical stack requirements.