|
|
<!doctype html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="utf-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
|
<title>Selling Assistant — AI Sales Demo</title> |
|
|
<meta name="description" content="Selling Assistant is an AI sales agent for e‑commerce that chats like a top salesperson: knowledgeable, persuasive, wise, enthusiastic, patient, and empathetic." /> |
|
|
<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=Inter:wght@400;600;700;800&display=swap" rel="stylesheet" /> |
|
|
<link rel="stylesheet" href="style.css" /> |
|
|
</head> |
|
|
<body> |
|
|
<div class="bg"></div> |
|
|
<main class="page"> |
|
|
<nav class="topbar"> |
|
|
<div class="brand" aria-label="Selling Assistant brand"> |
|
|
<span class="mark" aria-hidden="true"></span> |
|
|
<span class="brand-name">Selling Assistant</span> |
|
|
</div> |
|
|
<div class="nav-actions"> |
|
|
<a href="about.html" class="nav-link" aria-label="Go to About">About</a> |
|
|
<a href="#try" class="nav-link" aria-label="Go to Try">Try</a> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
<section class="hero"> |
|
|
<h1 class="brand-title gradient-text">Selling Assistant</h1> |
|
|
<p class="subtitle">AI Sales Expert for e‑commerce chats.</p> |
|
|
<p class="intro"> |
|
|
Selling Assistant simulates an e‑commerce customer service agent and handles chat interactions with shoppers. |
|
|
It behaves like the best salesperson — |
|
|
<span class="accent-primary">knowledgeable</span>, |
|
|
<span class="accent-pink">persuasive</span>, |
|
|
<span class="accent-green">wise</span>, |
|
|
<span class="accent-primary">enthusiastic</span>, |
|
|
<span class="accent-pink">patient</span>, and |
|
|
<span class="accent-green">empathetic</span>. |
|
|
</p> |
|
|
<div class="cta"> |
|
|
<a class="btn primary" href="about.html" aria-label="Learn more">About</a> |
|
|
<a class="btn ghost" href="#try" aria-label="Try the demo">Try</a> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="divider" aria-hidden="true"></section> |
|
|
|
|
|
<section class="features"> |
|
|
<h2 class="section-title">Why It Stands Out</h2> |
|
|
<div class="feature-grid"> |
|
|
<article class="feature-card"> |
|
|
<h3>Sales Expertise</h3> |
|
|
<p>Understands products, cross‑selling, upselling, and objection handling.</p> |
|
|
</article> |
|
|
<article class="feature-card"> |
|
|
<h3>Empathy & Patience</h3> |
|
|
<p>Listens, cares, and guides customers with a warm tone.</p> |
|
|
</article> |
|
|
<article class="feature-card"> |
|
|
<h3>Conversion Focus</h3> |
|
|
<p>Proactively nudges toward purchase while preserving trust.</p> |
|
|
</article> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="usecases"> |
|
|
<h2 class="section-title">Use Cases</h2> |
|
|
<div class="chips"> |
|
|
<span class="chip">Pre‑purchase Q&A</span> |
|
|
<span class="chip">Product comparison</span> |
|
|
<span class="chip">Cart recovery</span> |
|
|
<span class="chip">Promo guidance</span> |
|
|
<span class="chip">Order status</span> |
|
|
<span class="chip">Return help</span> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="ribbon"> |
|
|
<p>Human warmth. Sales wisdom. Better conversations.</p> |
|
|
</section> |
|
|
|
|
|
<footer class="footer"> |
|
|
<span>© 2025 Selling Assistant</span> |
|
|
</footer> |
|
|
</main> |
|
|
</body> |
|
|
</html> |
|
|
|
