ua-parser-js/cloud/index.html
2025-08-09 11:19:00 +07:00

363 lines
18 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="keywords"
content="browser detection, user-agent, ua-parser-js, rest, api, javascript, typescript, python, java, php, golang, ruby, c#, curl, detect os, mobile, tablet, detect device, cpu, nodejs, jquery, client hints, bots, iphone, ipad, android" />
<meta name="description" content="UAParser @Cloud instantly analyze user-agent data for accurate insights. Effortlessly integrate with any tech stack to our REST API or any AI agent to our MCP. Improve analytics, security, & personalization with precision.">
<meta name="application-name" content="UAParser @Cloud">
<meta property="og:title" content="UAParser @Cloud">
<meta property="og:url" content="https://uaparser.dev/cloud">
<meta property="og:image" content="https://uaparser.dev/images/uap-cloud-api.png">
<meta property="og:type" content="website">
<meta property="og:description" content="Transform User Data into Valuable Insights">
<meta property="og:locale" content="en_US">
<title>UAParser @Cloud | Understand your users. Instantly. Reliably.</title>
<link rel="stylesheet" type="text/css" href="../semantic-ui/semantic.css">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="icon" type="image/png" href="../images/uap-logo.png">
<script src="../js/jquery-3.6.0.min.js"></script>
<script src="../semantic-ui/semantic.js"></script>
<script src="https://assets.lemonsqueezy.com/lemon.js" defer></script>
<script src="//code.tidio.co/hu6mx7fw2r6llmfzxj5llesd5l51q5dv.js" async></script>
</head>
<body>
<div class="pusher">
<div class="ui inverted instagram vertical masthead center aligned segment">
<div class="ui text container">
<a href="https://uaparser.dev/cloud"><h1>
UAParser @Cloud
</h1></a>
<h2>Understand your users. Instantly. Reliably.</h2>
<img alt="UAParser.js Illustration" class="ui centered image illustration" src="../images/uap-cloud-header.png" />
</div>
</div>
<div class="ui text container">
<div class="ui very padded basic segment">
<div class="ui equal width stackable grid">
<div class="row">
<div class="column">
<div class="ui basic segment">
<h3 class="ui header">
<i class="bolt icon"></i>
<div class="content">Real-Time Analysis</div>
</h3>
<p>Instantly analyze each request headers for accurate insights.</p>
</div>
</div>
<div class="column">
<div class="ui basic segment">
<h3 class="ui header">
<i class="object group outline icon"></i>
<div class="content">Seamless Integration</div>
</h3>
<p>Effortlessly integrate your existing stack or AI agent to our API / MCP service.</p>
</div>
</div>
<div class="column">
<div class="ui basic segment">
<h3 class="ui header">
<i class="magic icon"></i>
<div class="content">
Optimize & Enhance
</div>
</h3>
<p>Improve analytics, security, & personalization with enhanced accuracy.</p>
</div>
</div>
</div>
</div>
<h3 class="ui dividing header" id="pricing">Pricing</h4>
<table class="ui center aligned collapsing celled unstackable table">
<thead>
<tr><th></th>
<th>Starter</th>
<th>Growth</th>
<th>Scale</th>
<th>Business</th>
<th>Enterprise</th>
</tr></thead>
<tbody>
<tr>
<td>API Traffics
</td>
<td>25,000
</td>
<td>100,000
</td>
<td>250,000
</td>
<td>1,000,000
</td>
<td>10,000,000
</td>
</tr>
<tr>
<td>
Monthly price
</td>
<td>
<h2 class="ui center aligned header">$5</h2>
</td>
<td>
<h2 class="ui center aligned header">$15</h2>
</td>
<td>
<h2 class="ui center aligned header">$25</h2>
</td>
<td>
<h2 class="ui center aligned header">$50</h2>
</td>
<td>
<h2 class="ui center aligned header">$450</h2>
</td>
</tr>
<tr>
<td>
</td>
<td>
<button class="ui grey button" disabled>SIGNUP</button>
</td>
<td>
<button class="ui grey button" disabled>SIGNUP</button>
</td>
<td>
<button class="ui grey button" disabled>SIGNUP</button>
</td>
<td>
<button class="ui grey button" disabled>SIGNUP</button>
</td>
<td>
<button class="ui grey button" disabled>SIGNUP</button>
</td>
</tr>
</tbody>
</table>
<div id="demo" class="ui horizontal divider">
UNDER DEVELOPMENT
</div>
<div class="ui basic segment">
<img alt="UAParser.js Illustration" class="ui centered image illustration" src="../images/uap-cloud-api.png" />
</div>
<div class="ui basic segment">
<form class="ui form" id="signupForm" method="post">
<h3 class="ui dividing header">Coming Soon in 3.. 2..</h3>
<p>Be the first to know when UAParser @Cloud API/MCP is live! Subscribe now and get exclusive early access, updates, and special offers.</p>
<div class="two fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" placeholder="Your Name (Optional)" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="email" id="email" required placeholder="your@email (Required)" />
</div>
</div>
<button class="ui large red button" type="submit"><i class="icon mail"></i> NOTIFY ME <i class="icon arrow circle right"></i></button>
<div id="loader" style="display:none">Submitting...</div>
</form>
</div>
</div>
</div>
<div class="ui instagram inverted vertical footer segment">
<div class="ui container">
<div class="ui stackable inverted divided equal height stackable grid">
<div class="three wide column">
<h4 class="ui inverted header">About</h4>
<div class="ui inverted link list">
<a href="https://uaparser.dev" target="_blank" class="item">UAParser.js</a>
<a href="https://store.faisalman.com/checkout/buy/e236ea87-9b2b-400e-9683-24367f731b35" target="_blank" class="item">PRO</a>
<a href="https://github.com/faisalman/ua-parser-js" target="_blank" class="item">GitHub</a>
<a href="https://www.npmjs.com/package/ua-parser-js" target="_blank" class="item">npm</a>
<a href="mailto:cloud@uaparser.dev" target="_blank" class="item">Contact Us</a>
</div>
</div>
<div class="three wide column">
<h4 class="ui inverted header">Services</h4>
<div class="ui inverted link list">
<a href="#" class="item">FAQ</a>
<a href="#pricing" class="item">Pricing</a>
<a href="https://docs.uaparser.dev" target="_blank" class="item">Documentation</a>
<a id="terms-link" target="_blank" class="item">Terms & Conditions</a>
<a id="privacy-link" target="_blank" class="item">Privacy Policy</a>
</div>
</div>
<div class="seven wide column">
<h4 class="ui inverted header">UAParser @cloud</h4>
<p>Copyright (c) 2025 Faisal Salman &lt;cloud@uaparser.dev&gt;</p>
</div>
</div>
</div>
</div>
</div>
<div class="ui mini modal" id="submission-modal">
<div class="header">Thank You!</div>
<div class="content">
<p>Your submission is received. We'll be in touch as soon as we're ready! Stay tuned 🚀</p>
<p></p>
</div>
<div class="actions">
<div class="ui ok green button">OK</div>
</div>
</div>
<div class="ui modal" id="terms-modal">
<div class="header">Terms & Conditions</div>
<div class="content">
<div class="ui sub header">
Introduction
</div>
<p>Welcome to UAParser @cloud. By accessing or using our service, you agree to these Terms & Conditions.</p>
<div class="ui sub header">
Use of Service
</div>
<ul>
<li>UAParser @cloud provides a cloud-based user-agent parsing service.</li>
<li>You agree to use the service only for lawful purposes and not to disrupt or abuse the system.</li>
<li>We reserve the right to modify or discontinue the service at any time.</li>
</ul>
<div class="ui sub header">
Account Registration & Security
</div>
<ul>
<li>You may need to create an account to access certain features.</li>
<li>You are responsible for maintaining the confidentiality of your credentials and for all activities under your account.</li>
<li>We may suspend or terminate accounts involved in fraudulent or abusive activities.</li>
</ul>
<div class="ui sub header">
Payment & Refund Policy
</div>
<ul>
<li>Certain features of UAParser @cloud may require payment.</li>
<li>Payments are non-refundable except where required by law or explicitly stated in a separate agreement.</li>
<li>If you believe you are eligible for a refund, contact our support team at <a href="mailto:cloud@uaparser.dev">cloud@uaparser.dev</a></li>
</ul>
<div class="ui sub header">
Service Availability & Limitations
</div>
<ul>
<li>We strive to keep UAParser @cloud available and reliable but do not guarantee uninterrupted service.</li>
<li>We are not liable for any data loss, service interruptions, or damages resulting from the use of our service.</li>
</ul>
<div class="ui sub header">
Intellectual Property
</div>
<ul>
<li>All rights, title, and interest in UAParser @cloud remain with us.</li>
<li>You may not copy, modify, or distribute any part of our service without prior authorization.</li>
</ul>
<div class="ui sub header">
Termination
</div>
<p>We may suspend or terminate your access to UAParser @cloud at our discretion if you violate these terms.</p>
<div class="ui sub header">
Changes to Terms
</div>
<p>We may update these Terms & Conditions from time to time.</p>
<div class="ui sub header">
Contact Us
</div>
<p>For any questions regarding these Terms & Conditions, please contact us at <a href="mailto:cloud@uaparser.dev">cloud@uaparser.dev</a></p>
</div>
<div class="actions">
<div class="ui ok green button">OK</div>
</div>
</div>
<div class="ui modal" id="privacy-modal">
<div class="header">Privacy Policy</div>
<div class="content">
<div class="ui sub header">
Introduction
</div>
<p>Welcome to UAParser @Cloud. This Privacy Policy explains how we collect, use, and protect your information when you use our service.</p>
<div class="ui sub header">
Information We Collect
</div>
<ul>
<li>Usage Data: We may collect non-personal device and browser information, including user-agent strings, to provide accurate parsing services.</li>
<li>Account Information: If you create an account, we may collect your name, email address, and billing details.</li>
<li>Logs & Analytics: We may store logs for service improvement and security purposes.</li>
</ul>
<div class="ui sub header">
How We Use Your Information
</div>
<ul>
<li>To provide and improve our UAParser @Cloud services.</li>
<li>To enhance security and prevent fraudulent activities.</li>
<li>To communicate service updates and respond to inquiries.</li>
</ul>
<div class="ui sub header">
Data Sharing & Security
</div>
<p>We do not sell or share your personal data with third parties, except as required by law.</p>
<div class="ui sub header">
Your Rights & Choices
</div>
<ul>
<li>You may request access, correction, or deletion of your personal data.</li>
<li>You can opt out of non-essential communications.</li>
</ul>
<div class="ui sub header">
Changes to This Policy
</div>
<p>We may update this Privacy Policy from time to time. Continued use of the service after changes indicates your acceptance.</p>
<div class="ui sub header">
Contact Us
</div>
<p>If you have any questions, please contact us at <a href="mailto:cloud@uaparser.dev">cloud@uaparser.dev</a></p>
</div>
<div class="actions">
<div class="ui ok green button">OK</div>
</div>
</div>
<script>
const STORE = 'uaparserjs';
const form = document.getElementById('signupForm');
const loadingMessage = document.getElementById('loader');
const formUrl = `https://${STORE}.lemonsqueezy.com/email-subscribe/external`;
const redirectUrl = 'https://uaparser.dev/cloud'; // Use your own URL here
form.addEventListener('submit', async (e) => {
e.preventDefault();
showLoading();
try {
const response = await fetch(formUrl, {
method: 'POST',
body: new FormData(e.target),
});
if (!response.ok) {
throw new Error("Subscription failed.");
}
$('#submission-modal').modal('setting', 'transition', 'vertical flip').modal('show');
} catch (error) {
alert(`Sorry, there was an issue: ${error}`);
} finally {
hideLoading();
}
});
function showLoading() {
form.querySelector('button').disabled = true;
loadingMessage.style.display = 'block';
}
function hideLoading() {
form.querySelector('button').disabled = false;
loadingMessage.style.display = 'none';
}
$('#privacy-modal').modal('attach events', '#privacy-link', 'show');
$('#terms-modal').modal('attach events', '#terms-link', 'show');
</script>
</body>
</html>