802 lines
27 KiB
HTML
802 lines
27 KiB
HTML
<!doctype html>
|
||
<html lang="bn">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="description" content="Aura Ajentic AI — Bangladesh's 1st Autonomous Agentic Commerce Layer. AI Agents for Couriers, Payments, Voice & Customer Ops. মানুষের স্বপ্ন · এআই-এর হাত।">
|
||
<title>Aura Ajentic AI — The Autonomous Commerce Layer for Bangladesh</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=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&family=JetBrains+Mono:wght@400;500;700&family=Hind+Siliguri:wght@400;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--bg: #07080d;
|
||
--bg-alt: #0c0e17;
|
||
--card: #121522;
|
||
--card-hover: #181c2e;
|
||
--border: #1e2438;
|
||
--border-glow: #2d3758;
|
||
--text: #f0f3fa;
|
||
--text-muted: #949db2;
|
||
--text-faint: #56617a;
|
||
--primary: #38bdf8;
|
||
--primary-glow: rgba(56, 189, 248, 0.25);
|
||
--violet: #8b5cf6;
|
||
--violet-glow: rgba(139, 92, 246, 0.25);
|
||
--green: #10b981;
|
||
--green-bg: #06281c;
|
||
--amber: #f59e0b;
|
||
--gradient-brand: linear-gradient(135deg, #38bdf8 0%, #8b5cf6 50%, #ec4899 100%);
|
||
--gradient-subtle: linear-gradient(180deg, rgba(56, 189, 248, 0.08) 0%, rgba(139, 92, 246, 0.03) 100%);
|
||
--shadow-main: 0 20px 50px -10px rgba(0, 0, 0, 0.7);
|
||
}
|
||
|
||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||
body {
|
||
background-color: var(--bg);
|
||
color: var(--text);
|
||
font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;
|
||
line-height: 1.6;
|
||
overflow-x: hidden;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
|
||
.mono { font-family: 'JetBrains Mono', monospace; }
|
||
.bangla { font-family: 'Hind Siliguri', 'Plus Jakarta Sans', sans-serif; }
|
||
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||
|
||
/* Background Grid & Glows */
|
||
.ambient-glow {
|
||
position: fixed;
|
||
top: 0; left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 1000px;
|
||
height: 600px;
|
||
background: radial-gradient(circle at 50% 20%, rgba(56, 189, 248, 0.12), rgba(139, 92, 246, 0.08) 40%, transparent 70%);
|
||
pointer-events: none;
|
||
z-index: 0;
|
||
}
|
||
|
||
/* Navigation */
|
||
header {
|
||
position: sticky;
|
||
top: 0;
|
||
backdrop-filter: blur(16px);
|
||
-webkit-backdrop-filter: blur(16px);
|
||
background: rgba(7, 8, 13, 0.82);
|
||
border-bottom: 1px solid var(--border);
|
||
z-index: 100;
|
||
}
|
||
.nav-inner {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height: 72px;
|
||
}
|
||
.brand-logo {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
text-decoration: none;
|
||
color: #fff;
|
||
font-weight: 800;
|
||
font-size: 19px;
|
||
letter-spacing: -0.02em;
|
||
}
|
||
.brand-badge {
|
||
font-size: 11px;
|
||
font-weight: 700;
|
||
color: var(--primary);
|
||
background: rgba(56, 189, 248, 0.1);
|
||
border: 1px solid rgba(56, 189, 248, 0.3);
|
||
padding: 3px 8px;
|
||
border-radius: 99px;
|
||
}
|
||
.nav-menu {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 32px;
|
||
}
|
||
.nav-menu a {
|
||
color: var(--text-muted);
|
||
text-decoration: none;
|
||
font-size: 14.5px;
|
||
font-weight: 600;
|
||
transition: color 0.15s;
|
||
}
|
||
.nav-menu a:hover { color: #fff; }
|
||
.nav-actions { display: flex; align-items: center; gap: 14px; }
|
||
|
||
.btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 8px;
|
||
font-size: 14px;
|
||
font-weight: 700;
|
||
padding: 10px 20px;
|
||
border-radius: 10px;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
border: 1px solid transparent;
|
||
}
|
||
.btn-primary {
|
||
background: var(--gradient-brand);
|
||
color: #fff;
|
||
box-shadow: 0 4px 20px var(--primary-glow);
|
||
}
|
||
.btn-primary:hover {
|
||
transform: translateY(-2px);
|
||
box-shadow: 0 6px 28px rgba(56, 189, 248, 0.4);
|
||
}
|
||
.btn-outline {
|
||
background: rgba(255, 255, 255, 0.03);
|
||
color: var(--text);
|
||
border-color: var(--border);
|
||
}
|
||
.btn-outline:hover {
|
||
border-color: var(--primary);
|
||
background: rgba(56, 189, 248, 0.08);
|
||
transform: translateY(-2px);
|
||
}
|
||
|
||
/* Hero Section */
|
||
.hero {
|
||
position: relative;
|
||
padding: 80px 0 60px;
|
||
text-align: center;
|
||
z-index: 1;
|
||
}
|
||
.status-pill {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
background: var(--card);
|
||
border: 1px solid var(--border);
|
||
padding: 6px 16px;
|
||
border-radius: 999px;
|
||
font-size: 12.5px;
|
||
font-weight: 600;
|
||
color: var(--primary);
|
||
margin-bottom: 28px;
|
||
}
|
||
.status-dot {
|
||
width: 8px; height: 8px;
|
||
background: var(--green);
|
||
border-radius: 50%;
|
||
box-shadow: 0 0 10px var(--green);
|
||
}
|
||
.hero h1 {
|
||
font-size: clamp(38px, 6vw, 68px);
|
||
font-weight: 900;
|
||
letter-spacing: -0.03em;
|
||
line-height: 1.12;
|
||
margin-bottom: 20px;
|
||
}
|
||
.gradient-text {
|
||
background: var(--gradient-brand);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.hero p.tagline {
|
||
font-size: clamp(17px, 2.2vw, 21px);
|
||
color: var(--text-muted);
|
||
max-width: 760px;
|
||
margin: 0 auto 36px;
|
||
font-weight: 400;
|
||
}
|
||
.hero-ctas {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 16px;
|
||
flex-wrap: wrap;
|
||
margin-bottom: 50px;
|
||
}
|
||
|
||
/* Live Interactive Terminal Simulation */
|
||
.terminal-wrapper {
|
||
max-width: 900px;
|
||
margin: 0 auto;
|
||
background: #0d0f1a;
|
||
border: 1px solid var(--border-glow);
|
||
border-radius: 16px;
|
||
box-shadow: var(--shadow-main);
|
||
overflow: hidden;
|
||
text-align: left;
|
||
}
|
||
.terminal-top {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 12px 18px;
|
||
background: #090b14;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.window-dots {
|
||
display: flex;
|
||
gap: 7px;
|
||
}
|
||
.dot { width: 11px; height: 11px; border-radius: 50%; }
|
||
.dot-red { background: #ef4444; }
|
||
.dot-yellow { background: #f59e0b; }
|
||
.dot-green { background: #10b981; }
|
||
.terminal-title {
|
||
font-size: 12px;
|
||
color: var(--text-faint);
|
||
font-weight: 600;
|
||
}
|
||
.terminal-body {
|
||
padding: 24px;
|
||
font-size: 13.5px;
|
||
line-height: 1.7;
|
||
color: #cbd5e1;
|
||
min-height: 260px;
|
||
}
|
||
.term-prompt { color: var(--primary); font-weight: 700; }
|
||
.term-success { color: var(--green); font-weight: 600; }
|
||
.term-dim { color: var(--text-faint); }
|
||
.term-accent { color: var(--violet); font-weight: 600; }
|
||
|
||
/* Section Styling */
|
||
section { padding: 90px 0; position: relative; z-index: 1; }
|
||
.section-head {
|
||
text-align: center;
|
||
max-width: 680px;
|
||
margin: 0 auto 56px;
|
||
}
|
||
.section-eyebrow {
|
||
font-size: 12px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.16em;
|
||
text-transform: uppercase;
|
||
color: var(--primary);
|
||
margin-bottom: 12px;
|
||
}
|
||
.section-head h2 {
|
||
font-size: clamp(28px, 4vw, 42px);
|
||
font-weight: 800;
|
||
letter-spacing: -0.02em;
|
||
margin-bottom: 16px;
|
||
}
|
||
.section-head p {
|
||
color: var(--text-muted);
|
||
font-size: 16px;
|
||
}
|
||
|
||
/* 4 Pillars Grid */
|
||
.grid-4 {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||
gap: 24px;
|
||
}
|
||
.card-pillar {
|
||
background: var(--card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 16px;
|
||
padding: 32px 24px;
|
||
transition: all 0.25s ease;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.card-pillar:hover {
|
||
border-color: var(--primary);
|
||
background: var(--card-hover);
|
||
transform: translateY(-4px);
|
||
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
|
||
}
|
||
.pillar-icon {
|
||
width: 48px;
|
||
height: 48px;
|
||
border-radius: 12px;
|
||
background: rgba(56, 189, 248, 0.1);
|
||
color: var(--primary);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 22px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.card-pillar h3 {
|
||
font-size: 20px;
|
||
font-weight: 700;
|
||
margin-bottom: 12px;
|
||
}
|
||
.card-pillar p {
|
||
color: var(--text-muted);
|
||
font-size: 14.5px;
|
||
flex-grow: 1;
|
||
}
|
||
.pillar-footer {
|
||
margin-top: 20px;
|
||
padding-top: 16px;
|
||
border-top: 1px solid var(--border);
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
color: var(--primary);
|
||
}
|
||
|
||
/* Interactive Live Simulator */
|
||
.sim-box {
|
||
background: var(--card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 20px;
|
||
padding: 36px;
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 32px;
|
||
}
|
||
@media(max-width: 860px) { .sim-box { grid-template-columns: 1fr; } }
|
||
.sim-form label {
|
||
display: block;
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
color: var(--text-muted);
|
||
margin-bottom: 6px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
}
|
||
.sim-input {
|
||
width: 100%;
|
||
padding: 12px 16px;
|
||
background: var(--bg-alt);
|
||
border: 1px solid var(--border);
|
||
border-radius: 10px;
|
||
color: #fff;
|
||
font-family: inherit;
|
||
font-size: 14px;
|
||
margin-bottom: 16px;
|
||
}
|
||
.sim-input:focus {
|
||
outline: none;
|
||
border-color: var(--primary);
|
||
}
|
||
.sim-output {
|
||
background: var(--bg);
|
||
border: 1px solid var(--border);
|
||
border-radius: 12px;
|
||
padding: 20px;
|
||
font-size: 13px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
}
|
||
|
||
/* Case Studies Showcase */
|
||
.case-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 32px;
|
||
}
|
||
@media(max-width: 860px) { .case-grid { grid-template-columns: 1fr; } }
|
||
.case-card {
|
||
background: var(--card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 20px;
|
||
overflow: hidden;
|
||
transition: all 0.25s ease;
|
||
}
|
||
.case-card:hover {
|
||
border-color: var(--violet);
|
||
transform: translateY(-4px);
|
||
}
|
||
.case-preview-box {
|
||
height: 220px;
|
||
background: linear-gradient(135deg, #1e1b4b 0%, #311042 100%);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
position: relative;
|
||
padding: 24px;
|
||
color: #fff;
|
||
}
|
||
.case-preview-box.glamour {
|
||
background: linear-gradient(135deg, #4a044e 0%, #172554 100%);
|
||
}
|
||
.case-content {
|
||
padding: 28px;
|
||
}
|
||
.case-badge {
|
||
font-size: 11px;
|
||
font-weight: 700;
|
||
text-transform: uppercase;
|
||
color: var(--violet);
|
||
letter-spacing: 0.1em;
|
||
margin-bottom: 8px;
|
||
}
|
||
.case-content h3 {
|
||
font-size: 22px;
|
||
font-weight: 800;
|
||
margin-bottom: 12px;
|
||
}
|
||
.case-content p {
|
||
color: var(--text-muted);
|
||
font-size: 14.5px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.case-stats {
|
||
display: flex;
|
||
gap: 20px;
|
||
padding-top: 16px;
|
||
border-top: 1px solid var(--border);
|
||
}
|
||
.stat-item b { font-size: 18px; color: var(--primary); display: block; }
|
||
.stat-item span { font-size: 12px; color: var(--text-faint); }
|
||
|
||
/* The Vision Box */
|
||
.vision-banner {
|
||
background: radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.15), rgba(7, 8, 13, 0.9) 70%), var(--card);
|
||
border: 1px solid rgba(139, 92, 246, 0.3);
|
||
border-radius: 24px;
|
||
padding: 60px 40px;
|
||
text-align: center;
|
||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
|
||
}
|
||
.vision-banner h2 {
|
||
font-size: clamp(28px, 4vw, 44px);
|
||
font-weight: 900;
|
||
margin-bottom: 18px;
|
||
}
|
||
.vision-banner p {
|
||
font-size: 18px;
|
||
color: var(--text-muted);
|
||
max-width: 680px;
|
||
margin: 0 auto 32px;
|
||
}
|
||
|
||
/* Footer */
|
||
footer {
|
||
border-top: 1px solid var(--border);
|
||
padding: 60px 0 40px;
|
||
background: #05060a;
|
||
font-size: 14px;
|
||
color: var(--text-muted);
|
||
}
|
||
.footer-grid {
|
||
display: grid;
|
||
grid-template-columns: 2fr 1fr 1fr 1fr;
|
||
gap: 40px;
|
||
margin-bottom: 48px;
|
||
}
|
||
@media(max-width: 860px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
|
||
@media(max-width: 500px) { .footer-grid { grid-template-columns: 1fr; } }
|
||
.footer-col h4 {
|
||
color: #fff;
|
||
font-size: 15px;
|
||
font-weight: 700;
|
||
margin-bottom: 16px;
|
||
}
|
||
.footer-col ul { list-style: none; }
|
||
.footer-col ul li { margin-bottom: 10px; }
|
||
.footer-col ul li a {
|
||
color: var(--text-muted);
|
||
text-decoration: none;
|
||
transition: color 0.15s;
|
||
}
|
||
.footer-col ul li a:hover { color: var(--primary); }
|
||
.footer-bottom {
|
||
padding-top: 24px;
|
||
border-top: 1px solid var(--border);
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
gap: 16px;
|
||
font-size: 13px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="ambient-glow"></div>
|
||
|
||
<!-- NAVIGATION -->
|
||
<header>
|
||
<div class="container nav-inner">
|
||
<a href="#" class="brand-logo">
|
||
<span>🚀 Aura Ajentic AI</span>
|
||
<span class="brand-badge">v2.4 Live</span>
|
||
</a>
|
||
<nav class="nav-menu">
|
||
<a href="#ecosystem">Ecosystem</a>
|
||
<a href="#simulator">Live Demo</a>
|
||
<a href="#showcase">Case Studies</a>
|
||
<a href="https://courier.auraajenticai.cloud" target="_blank">Courier MCP ↗</a>
|
||
<a href="https://client.auraajenticai.cloud" target="_blank">Client Portal ↗</a>
|
||
</nav>
|
||
<div class="nav-actions">
|
||
<a href="https://client.auraajenticai.cloud" class="btn btn-outline">Portal Login</a>
|
||
<a href="#simulator" class="btn btn-primary">Deploy Agent ⚡</a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<!-- HERO SECTION -->
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="status-pill">
|
||
<div class="status-dot"></div>
|
||
<span>Bangladesh's 1st Autonomous Agentic Layer · Live on 195.35.7.154</span>
|
||
</div>
|
||
|
||
<h1>
|
||
Build & Scale With <br>
|
||
<span class="gradient-text">Autonomous AI Agents</span>
|
||
</h1>
|
||
|
||
<p class="tagline bangla">
|
||
ব্যবসার জটিল কাজ করুক আপনার নিজস্ব AI এজেন্টস — কুরিয়ার বুকিং, পেমেন্ট ভেরিফিকেশন এবং ২৪/৭ কাস্টমার সাপোর্ট এখন সম্পূর্ণ স্বয়ংক্রিয়।
|
||
</p>
|
||
|
||
<div class="hero-ctas">
|
||
<a href="https://client.auraajenticai.cloud" class="btn btn-primary" style="padding: 14px 28px; font-size: 15px;">
|
||
🚀 Open Client Dashboard
|
||
</a>
|
||
<a href="https://courier.auraajenticai.cloud" class="btn btn-outline" style="padding: 14px 28px; font-size: 15px;">
|
||
📦 View Courier MCP (All 4 Live)
|
||
</a>
|
||
</div>
|
||
|
||
<!-- LIVE TERMINAL SIMULATION -->
|
||
<div class="terminal-wrapper">
|
||
<div class="terminal-top">
|
||
<div class="window-dots">
|
||
<div class="dot dot-red"></div>
|
||
<div class="dot dot-yellow"></div>
|
||
<div class="dot dot-green"></div>
|
||
</div>
|
||
<div class="terminal-title mono">aura-agentic-runtime · stdout</div>
|
||
<div class="terminal-title mono" style="color: var(--green);">● Stream Connected</div>
|
||
</div>
|
||
<div class="terminal-body mono" id="terminal-stream">
|
||
<p><span class="term-prompt">❯ aura agent dispatch</span> --flow=order_fulfillment</p>
|
||
<p class="term-dim">--------------------------------------------------</p>
|
||
<p>📥 [INCOMING] WhatsApp Order #BD-8941 received from +8801711928374</p>
|
||
<p>🔍 [FRAUD RISK AI] Analyzing customer delivery score: <span class="term-success">Score: 98% (Safe)</span></p>
|
||
<p>⚡ [ROUTING ENGINE] Selected Gateway: <span class="term-accent">Steadfast Courier (API v1)</span></p>
|
||
<p class="term-success">✓ [MCP EXEC] create_parcel() -> Consignment: CID-89274619 (Tracking: ST-99214)</p>
|
||
<p>💬 [AGENT REPLY] Customer notified with live tracking link & COD invoice (1,450 BDT).</p>
|
||
<p class="term-dim">✨ Flow executed in 142ms without human intervention.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ECOSYSTEM SECTION -->
|
||
<section id="ecosystem">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<div class="section-eyebrow">// THE AURA AGENTIC SUITE</div>
|
||
<h2>এক ছাদের নিচে সম্পূর্ণ কমার্স অটোমেশন</h2>
|
||
<p>Aura Ajentic AI বাংলাদেশের ব্যবসায়ীদের জন্য নিয়ে এসেছে আন্তর্জাতিক মানের চারটি এআই পাওয়ার-পিলার।</p>
|
||
</div>
|
||
|
||
<div class="grid-4">
|
||
<!-- Pillar 1 -->
|
||
<div class="card-pillar">
|
||
<div class="pillar-icon">📦</div>
|
||
<h3>Aura Courier MCP</h3>
|
||
<p>Steadfast, Pathao, RedX, এবং Paperfly — দেশের সব কুরিয়ার একই সহজ MCP ইন্টারফেসে সংযুক্ত। রিয়েল-টাইম ট্র্যাকিং ও বুকিং।</p>
|
||
<div class="pillar-footer">4 Couriers Live · npm v2.3.1</div>
|
||
</div>
|
||
|
||
<!-- Pillar 2 -->
|
||
<div class="card-pillar">
|
||
<div class="pillar-icon">💳</div>
|
||
<h3>Agentic Pay MCP</h3>
|
||
<p>bKash, Nagad এবং Card পেমেন্ট স্বয়ংক্রিয়ভাবে ডিটেক্ট ও ভেরিফাই করে অর্ডার কনফার্ম করে আপনার এআই এজেন্ট।</p>
|
||
<div class="pillar-footer">Instant MFS Reconciliation</div>
|
||
</div>
|
||
|
||
<!-- Pillar 3 -->
|
||
<div class="card-pillar">
|
||
<div class="pillar-icon">🤖</div>
|
||
<h3>24/7 Conversational AI</h3>
|
||
<p>WhatsApp ও Messenger-এ কাস্টমারের সাথে মানুষের মতো খাঁটি বাংলায় কথা বলে সেলস ক্লোজিং ও অর্ডার সংগ্রহ।</p>
|
||
<div class="pillar-footer">Zero Latency Voice & Chat</div>
|
||
</div>
|
||
|
||
<!-- Pillar 4 -->
|
||
<div class="card-pillar">
|
||
<div class="pillar-icon">🪐</div>
|
||
<h3>Aura OS Cloud</h3>
|
||
<p>সেন্ট্রাল মাল্টি-এজেন্ট ড্যাশবোর্ড — যেখানে আপনি সব অর্ডারের স্ট্যাটাস, ফ্রড স্কোর এবং ক্যাশফ্লো একসাথে ট্র্যাক করতে পারেন।</p>
|
||
<div class="pillar-footer">Self-Hosted / Coolify Native</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- INTERACTIVE SIMULATOR -->
|
||
<section id="simulator" style="background: var(--bg-alt);">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<div class="section-eyebrow">// INTERACTIVE PLAYGROUND</div>
|
||
<h2>লাইভ এআই এজেন্ট টেস্ট করুন</h2>
|
||
<p>যেকোনো বাংলাদেশি ডেলিভারি তথ্য দিয়ে দেখুন কীভাবে Aura Agent সেকেন্ডের মধ্যে পার্সেল প্রসেস করে।</p>
|
||
</div>
|
||
|
||
<div class="sim-box">
|
||
<div class="sim-form">
|
||
<label>গ্রাহকের নাম (Customer Name)</label>
|
||
<input type="text" id="sim-name" class="sim-input" value="Tanvir Ahmed">
|
||
|
||
<label>ফোন নম্বর (Phone Number)</label>
|
||
<input type="text" id="sim-phone" class="sim-input" value="01711223344">
|
||
|
||
<label>ডেলিভারি ঠিকানা (Address)</label>
|
||
<input type="text" id="sim-addr" class="sim-input" value="House 12, Road 4, Dhanmondi, Dhaka">
|
||
|
||
<label>ক্যাশ অন ডেলিভারি (COD Amount - BDT)</label>
|
||
<input type="number" id="sim-cod" class="sim-input" value="1850">
|
||
|
||
<button class="btn btn-primary" style="width: 100%; padding: 13px;" onclick="runSimulation()">
|
||
⚡ Dispatch via Aura Agent
|
||
</button>
|
||
</div>
|
||
|
||
<div class="sim-output mono" id="sim-result">
|
||
<p class="term-dim">// Agent execution results will appear here...</p>
|
||
<p style="margin-top: 10px;">Click <b>"Dispatch via Aura Agent"</b> to test live routing.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CASE STUDIES SHOWCASE -->
|
||
<section id="showcase">
|
||
<div class="container">
|
||
<div class="section-head">
|
||
<div class="section-eyebrow">// FLAGSHIP SHOWCASES</div>
|
||
<h2>বাস্তব ব্যবসার এআই রূপান্তর</h2>
|
||
<p>Aura Agentic আর্কিটেকচারে পরিচালিত আমাদের ব্র্যান্ড পোর্টফোলিও।</p>
|
||
</div>
|
||
|
||
<div class="case-grid">
|
||
<!-- Case 1: Snehalata -->
|
||
<div class="case-card">
|
||
<div class="case-preview-box">
|
||
<div style="text-align: center;">
|
||
<h2 style="font-size: 32px; letter-spacing: 2px;">SNEHALATA</h2>
|
||
<p style="font-size: 13px; color: var(--primary);">Ethnic Fashion & Luxury Sarees</p>
|
||
</div>
|
||
</div>
|
||
<div class="case-content">
|
||
<div class="case-badge">E-Commerce AI Showcase</div>
|
||
<h3>Snehalata — ফ্যাশন কমার্স অটোমেশন</h3>
|
||
<p>লাইভ স্টক সিঙ্ক, সাইজ রিকমেন্ডেশন এআই এবং ঢাকার মধ্যে ৩ ঘণ্টায় পাথাত্ত/রেডএক্স এক্সপ্রেস অটো-ডেলিভারি ইন্টিগ্রেশন।</p>
|
||
<div class="case-stats">
|
||
<div class="stat-item"><b>8.4x</b> <span>Faster Dispatch</span></div>
|
||
<div class="stat-item"><b>0%</b> <span>Manual Entry Error</span></div>
|
||
<div class="stat-item"><b>24/7</b> <span>Live Chat Sales</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Case 2: Glamour's Touch -->
|
||
<div class="case-card">
|
||
<div class="case-preview-box glamour">
|
||
<div style="text-align: center;">
|
||
<h2 style="font-size: 30px; letter-spacing: 2px;">GLAMOUR'S TOUCH</h2>
|
||
<p style="font-size: 13px; color: #f472b6;">Beauty, Skincare & Luxury Funnel</p>
|
||
</div>
|
||
</div>
|
||
<div class="case-content">
|
||
<div class="case-badge">High-Conversion Funnel</div>
|
||
<h3>Glamour's Touch — বিউটি ও স্কিনকেয়ার ফানেল</h3>
|
||
<p>স্কিন-কনসালটেন্ট এআই চ্যাটবট এবং ইনস্ট্যান্ট bKash ভেরিফিকেশন সহযোগে সর্বোচ্চ কনভার্সন রেট অর্জন।</p>
|
||
<div class="case-stats">
|
||
<div class="stat-item"><b>+64%</b> <span>Checkout Rate</span></div>
|
||
<div class="stat-item"><b>< 10s</b> <span>MFS Auto-Verify</span></div>
|
||
<div class="stat-item"><b>99.4%</b> <span>Delivery Safety</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- THE VISION BANNER -->
|
||
<section>
|
||
<div class="container">
|
||
<div class="vision-banner">
|
||
<div class="section-eyebrow" style="color: var(--violet);">// THE AURA PHILOSOPHY</div>
|
||
<h2 class="bangla">“মানুষের স্বপ্ন · এআই-এর হাত”</h2>
|
||
<p class="bangla">
|
||
আমরা তৈরি করছি এমন এক ভবিষ্যৎ যেখানে প্রতিটি বাংলাদেশি উদ্যোক্তা তার নিজের এআই এজেন্টের মাধ্যমে বিশ্বমানের কমার্স পরিচালনা করতে পারবে।
|
||
</p>
|
||
<a href="https://client.auraajenticai.cloud" class="btn btn-primary" style="padding: 14px 32px; font-size: 16px;">
|
||
🚀 Join Aura Agentic Network
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- FOOTER -->
|
||
<footer>
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div class="footer-col">
|
||
<h4>🚀 Aura Ajentic AI</h4>
|
||
<p style="font-size: 13.5px; margin-bottom: 16px;">
|
||
Bangladesh's 1st Autonomous Agentic Commerce Layer. Unifying logistics, payments, and conversational AI into a seamless MCP runtime.
|
||
</p>
|
||
<p class="mono" style="font-size: 12px; color: var(--text-faint);">
|
||
Server: 195.35.7.154 · KVM 2 Ubuntu · Coolify Native
|
||
</p>
|
||
</div>
|
||
|
||
<div class="footer-col">
|
||
<h4>Connectors</h4>
|
||
<ul>
|
||
<li><a href="https://courier.auraajenticai.cloud">Aura Courier MCP</a></li>
|
||
<li><a href="https://glama.ai/mcp/servers/auraajenticai/aura-courier-mcp">Glama Verified Registry</a></li>
|
||
<li><a href="https://www.npmjs.com/package/aura-courier-mcp">NPM: aura-courier-mcp</a></li>
|
||
<li><a href="https://github.com/auraajenticai/aura-courier-mcp">GitHub Source</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-col">
|
||
<h4>Showcases</h4>
|
||
<ul>
|
||
<li><a href="#showcase">Snehalata Fashion</a></li>
|
||
<li><a href="#showcase">Glamour's Touch</a></li>
|
||
<li><a href="https://client.auraajenticai.cloud">Client Dashboard</a></li>
|
||
<li><a href="https://aura.auraajenticai.cloud">Aura OS</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-col">
|
||
<h4>System & Auth</h4>
|
||
<ul>
|
||
<li><a href="https://git.auraajenticai.cloud">Internal Gitea</a></li>
|
||
<li><a href="https://n8n.auraajenticai.cloud">n8n Automation</a></li>
|
||
<li><a href="https://coolify.auraajenticai.cloud">Coolify PaaS</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-bottom">
|
||
<div>© 2026 <b>Aura Ajentic AI</b>. Developed by Khondokar Towsif. MIT Licensed.</div>
|
||
<div class="mono" style="color: var(--green);">● All Systems Operational</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
function runSimulation() {
|
||
const name = document.getElementById('sim-name').value;
|
||
const phone = document.getElementById('sim-phone').value;
|
||
const addr = document.getElementById('sim-addr').value;
|
||
const cod = document.getElementById('sim-cod').value;
|
||
|
||
const resultBox = document.getElementById('sim-result');
|
||
resultBox.innerHTML = `
|
||
<p class="term-dim">// Executing Aura Agent workflow...</p>
|
||
<p style="color: var(--primary);">⏳ 1. Validating format & BD Operator for ${phone}...</p>
|
||
`;
|
||
|
||
setTimeout(() => {
|
||
const isDhaka = addr.toLowerCase().includes('dhaka') || addr.toLowerCase().includes('dhanmondi') || addr.toLowerCase().includes('gulshan');
|
||
const selectedCourier = isDhaka ? "Pathao / RedX Express" : "Steadfast Courier";
|
||
const cid = "CID-" + Math.floor(10000000 + Math.random() * 90000000);
|
||
const tracking = "TRK-" + Math.floor(100000 + Math.random() * 900000);
|
||
|
||
resultBox.innerHTML = `
|
||
<p class="term-success">✓ 1. Phone verified: Valid BD Mobile (+880)</p>
|
||
<p class="term-success">✓ 2. Fraud Risk: 99.2% Delivery Confidence (Safe)</p>
|
||
<p style="color: var(--violet);">⚡ 3. Smart Route: ${selectedCourier}</p>
|
||
<p style="margin-top: 8px; color: #fff;"><b>Consignment Created:</b> ${cid}</p>
|
||
<p style="color: var(--primary);"><b>Tracking Code:</b> ${tracking}</p>
|
||
<p style="color: var(--text-faint);">COD Amount: ${cod} BDT | Recipient: ${name}</p>
|
||
<p class="term-success" style="margin-top: 8px;">✨ Agent Dispatched & Customer Notified via WhatsApp!</p>
|
||
`;
|
||
}, 600);
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|