| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| <title>ReplyFlow</title> |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
| <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap" rel="stylesheet" /> |
| <link rel="stylesheet" href="/static/css/styles.css" /> |
| </head> |
| <body> |
| <div class="shell"> |
| <header class="topbar"> |
| <a class="brand" href="/"> |
| <span class="brand-mark" aria-hidden="true"></span> |
| <span>ReplyFlow</span> |
| </a> |
| <nav class="nav"> |
| <a href="/chat">Live demo</a> |
| <a href="/dashboard">Dashboard</a> |
| </nav> |
| </header> |
|
|
| <section class="hero"> |
| <div class="hero-visual" aria-hidden="true"></div> |
| <div class="hero-copy"> |
| <h1>ReplyFlow</h1> |
| <p> |
| Web and WhatsApp chatbot for SMEs — with booking, |
| lead capture, and human handoff. |
| </p> |
| <div class="cta-row"> |
| <a class="btn btn-primary" href="/chat">Open chat demo</a> |
| <a class="btn btn-ghost" href="/dashboard">View dashboard</a> |
| </div> |
| </div> |
| </section> |
|
|
| <section class="section"> |
| <h2>What it does</h2> |
| <p>Built for portfolio demos and real SME deployments.</p> |
| <div class="feature-list"> |
| <article class="feature"> |
| <h3>Grounded RAG answers</h3> |
| <p>Replies only from your docs. If the answer is missing, it says so.</p> |
| </article> |
| <article class="feature"> |
| <h3>Lead qualification</h3> |
| <p>Collects name, need, budget, and contact channel in conversation.</p> |
| </article> |
| <article class="feature"> |
| <h3>Appointments 24/7</h3> |
| <p>Suggests three slots and books via Cal.com when keys are set.</p> |
| </article> |
| <article class="feature"> |
| <h3>Human handoff</h3> |
| <p>Escalates after failures, explicit requests, or sensitive topics.</p> |
| </article> |
| </div> |
| </section> |
|
|
| <footer class="footer"> |
| ReplyFlow · FastAPI · Docker |
| </footer> |
| </div> |
| <script src="/widget.js" defer></script> |
| </body> |
| </html> |
|
|
