This commit is contained in:
parent
8726c931fa
commit
8c46d091ff
49 changed files with 1607 additions and 712 deletions
|
|
@ -1,4 +1,4 @@
|
|||
import { ArrowRight, Bot, Braces, Check, MessageSquare, ShieldCheck, Zap } from 'lucide-react'
|
||||
import { ArrowRight, Check, MessageSquare, Phone, ShieldCheck } from 'lucide-react'
|
||||
import { Link } from 'react-router-dom'
|
||||
|
||||
export function LandingPage() {
|
||||
|
|
@ -8,62 +8,74 @@ export function LandingPage() {
|
|||
<Link to="/" className="landing-brand"><img src="/urmi-logo.png" alt="Urmi" /></Link>
|
||||
<nav>
|
||||
<a href="#product">Product</a>
|
||||
<a href="#developers">Developers</a>
|
||||
<a href="#security">Security</a>
|
||||
<a href="#how">How it works</a>
|
||||
<a href="#security">Trust</a>
|
||||
</nav>
|
||||
<div className="landing-actions">
|
||||
<Link to="/login">Log in</Link>
|
||||
<Link to="/register" className="landing-cta">Start building <ArrowRight size={15} /></Link>
|
||||
<Link to="/register" className="landing-cta">Get started <ArrowRight size={15} /></Link>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section className="hero-section">
|
||||
<div className="hero-copy">
|
||||
<span className="hero-pill"><i /> SMS infrastructure for AI agents</span>
|
||||
<h1>Give every AI agent a reliable way to <em>reach humans.</em></h1>
|
||||
<p>One API for transactional SMS, OTPs, alerts, and agent-driven conversations—built for delivery, compliance, and scale.</p>
|
||||
<span className="hero-pill"><i /> Customer messaging for Indian businesses</span>
|
||||
<h1>Reach customers by text, WhatsApp, and phone.</h1>
|
||||
<p>Send order updates, verification codes, and campaigns from one workspace. Urmi takes care of delivery and the approvals your messages need.</p>
|
||||
<div className="hero-actions">
|
||||
<Link to="/register" className="hero-primary">Start building free <ArrowRight size={17} /></Link>
|
||||
<a href="#developers" className="hero-secondary">View API <Braces size={17} /></a>
|
||||
<Link to="/register" className="hero-primary">Create your account <ArrowRight size={17} /></Link>
|
||||
<a href="#product" className="hero-secondary">See what you can send</a>
|
||||
</div>
|
||||
<div className="hero-proof"><span><Check size={13} /> No credit card</span><span><Check size={13} /> Sandbox included</span><span><Check size={13} /> India-ready</span></div>
|
||||
<div className="hero-proof"><span><Check size={13} /> No credit card to start</span><span><Check size={13} /> WhatsApp and SMS</span><span><Check size={13} /> Built for India</span></div>
|
||||
</div>
|
||||
|
||||
<div className="agent-demo">
|
||||
<div className="demo-window">
|
||||
<div className="demo-top"><span><i /><i /><i /></span><small>agent.ts</small><b>Connected</b></div>
|
||||
<pre><code><span className="code-purple">await</span> urmi.messages.send({'{'}{'\n'} to: <span className="code-green">"+91 98765 43210"</span>,{'\n'} agent: <span className="code-green">"support_agent"</span>,{'\n'} message: response.text,{'\n'} template: <span className="code-green">"CASE_UPDATE"</span>{'\n'}{'}'})</code></pre>
|
||||
<div className="demo-event"><span><MessageSquare size={17} /></span><div><small>MESSAGE DELIVERED</small><strong>Your refund was approved. It will arrive in 3–5 days.</strong></div><b>184 ms</b></div>
|
||||
<div className="demo-top"><span className="thread-brand">Northwind</span><b>Delivered</b></div>
|
||||
<div className="thread-list">
|
||||
<article>
|
||||
<small>Text · 10:14</small>
|
||||
<p>Your order is out for delivery and should arrive by 6 pm.</p>
|
||||
</article>
|
||||
<article>
|
||||
<small>WhatsApp · 10:16</small>
|
||||
<p>Hi Asha, your appointment today at 4:30 is confirmed.</p>
|
||||
</article>
|
||||
<article>
|
||||
<small>Call · 10:22</small>
|
||||
<p>Answered · 1 minute</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div className="agent-orbit orbit-one"><Bot size={19} /></div>
|
||||
<div className="agent-orbit orbit-two"><Zap size={18} /></div>
|
||||
<div className="agent-orbit orbit-one"><MessageSquare size={19} /></div>
|
||||
<div className="agent-orbit orbit-two"><Phone size={18} /></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="trust-strip">
|
||||
<span>Designed for autonomous communication</span>
|
||||
<div><b>AI support</b><b>Fintech</b><b>Commerce</b><b>Logistics</b><b>Healthcare</b></div>
|
||||
<span>Used by teams that talk to customers every day</span>
|
||||
<div><b>Retail</b><b>Finance</b><b>Clinics</b><b>Logistics</b><b>Education</b></div>
|
||||
</section>
|
||||
|
||||
<section className="feature-section" id="product">
|
||||
<div className="section-heading"><span>THE AGENT MESSAGING LAYER</span><h2>Simple at the surface. Serious underneath.</h2><p>Your agents focus on the conversation. Urmi handles telecom complexity.</p></div>
|
||||
<div className="section-heading"><span>WHAT YOU CAN DO</span><h2>One place for every customer conversation.</h2><p>Write the message, choose who should receive it, and see whether it arrived.</p></div>
|
||||
<div className="feature-grid">
|
||||
<article><span><Bot /></span><h3>Agent-native messaging</h3><p>Stable APIs and webhooks designed for tools, workflows, and autonomous agents.</p></article>
|
||||
<article><span><Zap /></span><h3>Fast, observable delivery</h3><p>Track every message from API request to carrier delivery with one event timeline.</p></article>
|
||||
<article id="security"><span><ShieldCheck /></span><h3>Compliance built in</h3><p>KYC, DLT templates, sender validation, and consent checks before messages leave.</p></article>
|
||||
<article><span><MessageSquare /></span><h3>Texts people can trust</h3><p>Send from an approved sender ID, with templates that are ready before the first message goes out.</p></article>
|
||||
<article><span><Phone /></span><h3>WhatsApp, SMS, and calls</h3><p>Keep business messaging, verification codes, and phone calls in the same account.</p></article>
|
||||
<article id="security"><span><ShieldCheck /></span><h3>Approvals included</h3><p>Business KYC, DLT registration, and sender checks are part of setup, not a separate project.</p></article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="developer-band" id="developers">
|
||||
<div><span>BUILD IN MINUTES</span><h2>One endpoint. Every agent.</h2><p>Start in the sandbox, inspect the request, and promote the same integration to production.</p></div>
|
||||
<Link to="/register">Get your API key <ArrowRight size={16} /></Link>
|
||||
<section className="closing-band" id="how">
|
||||
<div><span>START TODAY</span><h2>Open your workspace and send the first message.</h2><p>Add your business details, connect WhatsApp or a phone number, and reach customers the same day your approvals are ready.</p></div>
|
||||
<Link to="/register">Create your account <ArrowRight size={16} /></Link>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer className="landing-footer">
|
||||
<img src="/urmi-logo.png" alt="Urmi" />
|
||||
<span>SMS infrastructure for the agentic internet.</span>
|
||||
<span>Customer messaging, clearly run.</span>
|
||||
<Link to="/privacy" className="legal-footer-link">Privacy Policy</Link>
|
||||
<small>© 2026 Urmi Technologies</small>
|
||||
</footer>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue