-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
196 lines (184 loc) · 8.62 KB
/
index.html
File metadata and controls
196 lines (184 loc) · 8.62 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BrowserBox - Cloud Browser Sessions for Apps and Agents</title>
<meta name="description" content="Ship isolated cloud browser sessions in minutes. Control tabs, navigation, and automation through BrowserBox REST and web component APIs.">
<meta property="og:title" content="BrowserBox - Cloud Browser Sessions">
<meta property="og:description" content="Remote browser isolation with an embeddable web component and API-first session control.">
<meta property="og:url" content="https://win9-5.com/">
<meta property="og:type" content="website">
<meta property="og:image" content="https://win9-5.com/internet_connection_wiz-0.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="BrowserBox - Cloud Browser Sessions">
<meta name="twitter:description" content="Embed isolated cloud browsers with BrowserBox REST and web component APIs.">
<link rel="icon" href="./internet_connection_wiz-0.png">
<link rel="stylesheet" href="./site.css">
</head>
<body>
<nav class="site-nav">
<div class="nav-inner">
<a href="/" class="logo"><span class="win">▦</span> BrowserBox</a>
<ul class="nav-links">
<li><a href="/demo">Demo</a></li>
<li><a href="/pricing/">Pricing</a></li>
<li><a href="/api/">API Docs</a></li>
<li><a href="mailto:sales@dosaygo.com">Contact</a></li>
</ul>
</div>
</nav>
<section class="hero">
<h1>Turn browsers into product infrastructure.<br><span class="accent">Fast to embed. Precise to control.</span></h1>
<p class="subtitle">BrowserBox gives users, analysts, and agents a real remote browser session with isolation, tab APIs, and policy-aware runtime controls. Create a session via REST, pass the login URL into <code><browserbox-webview></code>, and go live.</p>
<div class="ctas">
<a href="/demo" class="btn btn-primary">Open Live Demo</a>
<a href="/api/" class="btn btn-outline">Read API Docs</a>
</div>
</section>
<div class="demo-showcase">
<div class="demo-frame">
<div style="width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#0f7a7e 0%,#1f3f74 54%,#1f2a46 100%);">
<div style="text-align:center;color:#e7f7ff;padding:1.4rem;max-width:760px;">
<p style="font-size:1.35rem;font-weight:760;line-height:1.2;margin:0;">Windows 98 1/2 desktop demo</p>
<p style="font-size:0.95rem;opacity:0.88;margin:0.8rem 0 0;">A full remote browser environment running inside your tab, backed by BrowserBox sessions.</p>
</div>
</div>
<div class="overlay">
<a href="/demo" class="btn btn-primary">Launch Demo Workspace</a>
</div>
</div>
</div>
<section class="section">
<div class="container">
<h2 class="section-title">Built for teams shipping browser-heavy workflows</h2>
<p class="section-subtitle">Use BrowserBox for embedded secure browsing, high-risk web isolation, and agent-driven browsing with explicit controls.</p>
<div class="features-grid">
<div class="feature-card">
<span class="icon">SR</span>
<h3>Session runtime isolation</h3>
<p>Each session runs in an isolated container with explicit lifecycle, billing, and teardown controls.</p>
</div>
<div class="feature-card">
<span class="icon">EV</span>
<h3>Event-rich embed API</h3>
<p>Subscribe to tab lifecycle, navigation, load, policy, and reconnect events from one element.</p>
</div>
<div class="feature-card">
<span class="icon">TB</span>
<h3>Tab and navigation controls</h3>
<p>Create, switch, close, and navigate tabs while inspecting metadata and automation state.</p>
</div>
<div class="feature-card">
<span class="icon">GL</span>
<h3>Global regional routing</h3>
<p>Sessions deploy near users to reduce latency and keep viewport interaction responsive.</p>
</div>
<div class="feature-card">
<span class="icon">AU</span>
<h3>Automation-ready endpoint</h3>
<p>Run wait-for-selector, click, type, evaluate, and navigation waits through the same component API.</p>
</div>
<div class="feature-card">
<span class="icon">BI</span>
<h3>Pay-by-minute billing</h3>
<p>Buy minute packs, allocate per session, and reclaim unused time on early session shutdown.</p>
</div>
</div>
</div>
</section>
<section class="section" id="pricing">
<div class="container">
<h2 class="section-title">Simple pricing, no lock-in</h2>
<p class="section-subtitle">Buy runtime minutes once and consume them across any API-created sessions.</p>
<div class="pricing-grid">
<div class="price-card">
<h3>Starter</h3>
<div class="price">$5</div>
<div class="price-unit">60 minutes</div>
<ul class="details">
<li>REST session lifecycle APIs</li>
<li>Embeddable web component</li>
<li>Session status and deletion</li>
<li>Approx. 8 cents/min</li>
</ul>
<a href="/pricing/" class="btn btn-outline">View plan</a>
</div>
<div class="price-card featured">
<h3>Professional</h3>
<div class="price">$20</div>
<div class="price-unit">300 minutes</div>
<ul class="details">
<li>Everything in Starter</li>
<li>Lower effective rate</li>
<li>Longer session allocations</li>
<li>Great for production pilots</li>
</ul>
<a href="/pricing/" class="btn btn-primary">View plan</a>
</div>
<div class="price-card">
<h3>Business</h3>
<div class="price">$60</div>
<div class="price-unit">1000 minutes</div>
<ul class="details">
<li>High-volume minutes</li>
<li>Lowest blended rate</li>
<li>Ideal for broad rollout</li>
<li>Support via API inbox</li>
</ul>
<a href="/pricing/" class="btn btn-outline">View plan</a>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="section-title">Embed in three steps</h2>
<p class="section-subtitle">Create a session, set the login URL, then call BrowserBox methods and subscribe to events.</p>
<div class="code-block">
<pre><span class="cmt">// 1) Create a remote browser session</span>
<span class="kw">const</span> response = <span class="kw">await</span> <span class="fn">fetch</span>(<span class="str">'https://win9-5.com/api/v1/sessions'</span>, {
method: <span class="str">'POST'</span>,
headers: {
<span class="str">Authorization</span>: <span class="str">`Bearer ${apiKey}`</span>,
<span class="str">'Content-Type'</span>: <span class="str">'application/json'</span>
},
body: JSON.stringify({ minutes: <span class="str">30</span> })
});
<span class="kw">const</span> { loginUrl } = <span class="kw">await</span> response.<span class="fn">json</span>();
<span class="cmt">// 2) Point the embed to login-link (not src)</span>
<span class="kw">const</span> webview = document.<span class="fn">querySelector</span>(<span class="str">'browserbox-webview'</span>);
webview.<span class="fn">setAttribute</span>(<span class="str">'login-link'</span>, loginUrl);
<span class="cmt">// 3) Drive BrowserBox from your app</span>
<span class="kw">await</span> webview.<span class="fn">whenReady</span>();
<span class="kw">await</span> webview.<span class="fn">navigateTo</span>(<span class="str">'https://example.com'</span>);</pre>
</div>
</div>
</section>
<section class="section">
<div class="container" style="text-align:center;">
<h2 class="section-title">Start with demo, then wire production</h2>
<p class="section-subtitle">Validate UX in the live demo, then switch to API keys and owned session orchestration.</p>
<div class="ctas">
<a href="/demo" class="btn btn-primary">Try Demo</a>
<a href="/pricing/" class="btn btn-outline">Buy Minutes</a>
<a href="mailto:sales@dosaygo.com" class="btn btn-outline">Talk to Sales</a>
</div>
</div>
</section>
<footer class="site-footer">
<div class="footer-inner">
<ul class="footer-links">
<li><a href="/demo">Demo</a></li>
<li><a href="/pricing/">Pricing</a></li>
<li><a href="/api/">API</a></li>
<li><a href="/terms/">Terms</a></li>
<li><a href="/privacy/">Privacy</a></li>
<li><a href="mailto:sales@dosaygo.com">sales@dosaygo.com</a></li>
<li><a href="mailto:api@browserbox.io">api@browserbox.io</a></li>
</ul>
<p class="copyright">© 2024-2026 DOSAYGO Corporation. All rights reserved.</p>
</div>
</footer>
</body>
</html>