Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Cyberus Key - Passwordless Authentication Platform</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| 'primary-orange': '#e65103', | |
| 'smoke-white': '#f5f5f5' | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| :root { | |
| --primary-orange: #e65103; | |
| --smoke-white: #f5f5f5; | |
| } | |
| body { | |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| background-color: #0f172a; | |
| color: var(--smoke-white); | |
| } | |
| .bg-orange-600 { | |
| background-color: var(--primary-orange); | |
| } | |
| .card-gradient { | |
| background: linear-gradient(145deg, #1e293b, #0f172a); | |
| border: 1px solid rgba(255, 255, 255, 0.05); | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .tech-icon { | |
| background: linear-gradient(135deg, var(--primary-orange) 0%, #ff8c42 100%); | |
| padding: 1rem; | |
| border-radius: 1rem; | |
| } | |
| .btn-primary { | |
| background: linear-gradient(135deg, var(--primary-orange) 0%, #ff6d00 100%); | |
| transition: all 0.3s ease; | |
| } | |
| .border-orange-600 { | |
| border-color: var(--primary-orange); | |
| } | |
| .text-orange-500 { | |
| color: var(--primary-orange); | |
| } | |
| .btn-primary:hover { | |
| transform: scale(1.05); | |
| box-shadow: 0 10px 25px -5px rgba(230, 81, 3, 0.4); | |
| } | |
| .section-divider { | |
| height: 1px; | |
| background: linear-gradient(90deg, transparent, var(--primary-orange), transparent); | |
| } | |
| .text-gradient { | |
| background: linear-gradient(90deg, var(--primary-orange), #ff8c42); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| } | |
| .hover\:bg-orange-600:hover { | |
| background-color: var(--primary-orange); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-slate-900 text-slate-100"> | |
| <!-- Navigation --> | |
| <nav class="bg-slate-900 border-b border-slate-800 py-4 px-4"> | |
| <div class="max-w-7xl mx-auto flex justify-between items-center"> | |
| <a href="index.html" class="text-2xl font-bold">Cyberus Labs</a> | |
| <div class="flex space-x-6"> | |
| <a href="index.html" class="hover:text-orange-500">Home</a> | |
| <a href="solutions.html" class="hover:text-orange-500">Solutions</a> | |
| <a href="cyberus-key.html" class="text-orange-500">Cyberus Key</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="py-20 px-4"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Cyberus Key</h1> | |
| <p class="text-2xl mb-8 max-w-3xl mx-auto text-slate-300">Passwordless Authentication Platform</p> | |
| <div class="w-24 h-1 bg-orange-600 mx-auto"></div> | |
| </div> | |
| <div class="flex flex-col lg:flex-row items-center gap-12"> | |
| <div class="lg:w-1/2" data-aos="fade-right"> | |
| <div class="relative"> | |
| <div class="absolute -inset-4 bg-orange-600 rounded-2xl opacity-20 blur"></div> | |
| <img src="http://static.photos/technology/640x360/123" alt="Cyberus Key Mobile App" class="relative rounded-2xl shadow-2xl"> | |
| </div> | |
| </div> | |
| <div class="lg:w-1/2" data-aos="fade-left"> | |
| <h2 class="text-2xl font-bold mb-6">One-Touch Login, Maximum Security</h2> | |
| <p class="text-lg text-slate-300 mb-6"> | |
| Cyberus Key is a password-free, multi-factor authentication platform for web and mobile applications. It completely replaces traditional passwords with a one-touch login via smartphone, delivering both superior security and ease of use. | |
| </p> | |
| <p class="text-lg text-slate-300 mb-6"> | |
| By eliminating passwords, Cyberus Key provides the highest level of protection against phishing, identity theft, man-in-the-middle attacks and other credential-based breaches. This solution can prevent up to 80% of all hacking attacks that normally exploit stolen or weak passwords. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Key Features --> | |
| <section class="py-20 bg-slate-800 px-4"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Key Features & Technology</h2> | |
| <div class="w-24 h-1 bg-orange-600 mx-auto"></div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> | |
| <!-- Feature 1 --> | |
| <div class="card-gradient rounded-2xl p-8 feature-card transition-all duration-300" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="tech-icon w-16 h-16 flex items-center justify-center mb-6"> | |
| <i data-feather="volume-2" class="text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold mb-4">One-Touch Audio Token Login</h3> | |
| <p class="text-slate-300"> | |
| Cyberus Key uses an ultrasonic one-time token to log in users with a single tap. When a user attempts to sign in, an encrypted audio signal (inaudible to humans) is emitted by the website or app and picked up by the Cyberus Key mobile app on the user's phone. | |
| </p> | |
| </div> | |
| <!-- Feature 2 --> | |
| <div class="card-gradient rounded-2xl p-8 feature-card transition-all duration-300" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="tech-icon w-16 h-16 flex items-center justify-center mb-6"> | |
| <i data-feather="shield" class="text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold mb-4">Multi-Factor Security Made Simple</h3> | |
| <p class="text-slate-300"> | |
| Under the hood, Cyberus Key checks multiple factors automatically, but to the user it feels like a simple single sign-on. The system cryptographically validates the user's device and app, the timing, the user action, and the integrity of the session. | |
| </p> | |
| </div> | |
| <!-- Feature 3 --> | |
| <div class="card-gradient rounded-2xl p-8 feature-card transition-all duration-300" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="tech-icon w-16 h-16 flex items-center justify-center mb-6"> | |
| <i data-feather="code" class="text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold mb-4">Web & Mobile Integration</h3> | |
| <p class="text-slate-300"> | |
| Cyberus Key is built to easily integrate with your digital platforms. It works with websites and web applications via a lightweight widget or API integration, and with mobile applications via our SDK, supporting both iOS and Android environments. | |
| </p> | |
| </div> | |
| <!-- Feature 4 --> | |
| <div class="card-gradient rounded-2xl p-8 feature-card transition-all duration-300" data-aos="fade-up" data-aos-delay="400"> | |
| <div class="tech-icon w-16 h-16 flex items-center justify-center mb-6"> | |
| <i data-feather="server" class="text-white text-2xl"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold mb-4">Flexible Deployment</h3> | |
| <p class="text-slate-300"> | |
| The Cyberus Key authentication server can be deployed in the cloud, on your own premises, or in a hybrid setup. Our solution provides simple REST APIs and SDKs for integration, as well as a white-label option if you prefer to embed the technology under your own brand. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Supported Platforms --> | |
| <section class="py-20 px-4"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Supported Platforms</h2> | |
| <div class="w-24 h-1 bg-orange-600 mx-auto"></div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="card-gradient rounded-2xl p-8" data-aos="fade-up" data-aos-delay="100"> | |
| <h3 class="text-2xl font-bold mb-4">Web Browsers & Portals</h3> | |
| <p class="text-slate-300"> | |
| Compatible with any web-based application or site. You can embed the Cyberus Key login widget into your web portal, enabling passwordless access for users on Chrome, Firefox, Safari, Edge, and more. | |
| </p> | |
| </div> | |
| <div class="card-gradient rounded-2xl p-8" data-aos="fade-up" data-aos-delay="200"> | |
| <h3 class="text-2xl font-bold mb-4">Mobile Devices</h3> | |
| <p class="text-slate-300"> | |
| Native support for both iOS and Android smartphones and tablets. The Cyberus Key mobile app is available on major app stores, turning the user's device into a secure authentication token. | |
| </p> | |
| </div> | |
| <div class="card-gradient rounded-2xl p-8" data-aos="fade-up" data-aos-delay="300"> | |
| <h3 class="text-2xl font-bold mb-4">Cloud or On-Premise Deployment</h3> | |
| <p class="text-slate-300"> | |
| Cyberus Key's server component can be deployed in the cloud (as a SaaS) for convenience or on-premises for full control, or even in a hybrid model. It supports standard integration protocols, making it compatible with various backend environments. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Use Cases --> | |
| <section class="py-20 bg-slate-800 px-4"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Use Cases by Industry</h2> | |
| <div class="w-24 h-1 bg-orange-600 mx-auto"></div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> | |
| <div class="card-gradient rounded-2xl p-6" data-aos="fade-up" data-aos-delay="100"> | |
| <h3 class="text-xl font-bold mb-4">Financial Services</h3> | |
| <p class="text-slate-300"> | |
| Protect online banking platforms, trading systems, and fintech applications by removing passwords. | |
| </p> | |
| </div> | |
| <div class="card-gradient rounded-2xl p-6" data-aos="fade-up" data-aos-delay="200"> | |
| <h3 class="text-xl font-bold mb-4">Healthcare</h3> | |
| <p class="text-slate-300"> | |
| Safeguard sensitive health data and electronic medical records with secure, quick login. | |
| </p> | |
| </div> | |
| <div class="card-gradient rounded-2xl p-6" data-aos="fade-up" data-aos-delay="300"> | |
| <h3 class="text-xl font-bold mb-4">Education</h3> | |
| <p class="text-slate-300"> | |
| Secure online services and smart campus applications for universities and schools. | |
| </p> | |
| </div> | |
| <div class="card-gradient rounded-2xl p-6" data-aos="fade-up" data-aos-delay="400"> | |
| <h3 class="text-xl font-bold mb-4">Enterprise</h3> | |
| <p class="text-slate-300"> | |
| Deploy for employee single sign-on, VPN access, or securing industrial control system logins. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Benefits --> | |
| <section class="py-20 px-4"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Benefits of Cyberus Key</h2> | |
| <div class="w-24 h-1 bg-orange-600 mx-auto"></div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-12"> | |
| <div data-aos="fade-right"> | |
| <h3 class="text-2xl font-bold mb-6">Maximum Security</h3> | |
| <p class="text-lg text-slate-300 mb-6"> | |
| No more passwords to steal. By removing passwords entirely, Cyberus Key closes the door on phishing and credential theft attacks. Hackers have nothing to phish or leak, drastically reducing the risk of data breaches. | |
| </p> | |
| <h3 class="text-2xl font-bold mb-6">Optimized User Experience</h3> | |
| <p class="text-lg text-slate-300 mb-6"> | |
| One-tap login. Users can access their accounts with a single tap, without typing passwords or one-time codes. This frictionless experience means higher user satisfaction and fewer login problems. | |
| </p> | |
| </div> | |
| <div data-aos="fade-left"> | |
| <h3 class="text-2xl font-bold mb-6">Easy Deployment & Integration</h3> | |
| <p class="text-lg text-slate-300 mb-6"> | |
| Straightforward implementation. Whether you choose a cloud deployment or on-site installation, integrating Cyberus Key is simple with our APIs and SDKs. | |
| </p> | |
| <h3 class="text-2xl font-bold mb-6">Always One Step Ahead</h3> | |
| <p class="text-lg text-slate-300"> | |
| Future-proof protection. Cyberus Key's unique technology isn't just reacting to current threats – it outpaces them. By leveraging a novel approach, it thwarts attack vectors that traditional methods can't. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-20 bg-slate-800 px-4"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Client Testimonials</h2> | |
| <div class="w-24 h-1 bg-orange-600 mx-auto"></div> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> | |
| <div class="card-gradient rounded-2xl p-8" data-aos="fade-up" data-aos-delay="100"> | |
| <p class="text-slate-300 italic mb-6"> | |
| "Since implementing Cyberus Key, we've seen a 90% drop in account takeovers and our customers love the one-tap login. It's rare to improve security and user experience simultaneously – Cyberus Key achieved both." | |
| </p> | |
| <p class="font-bold">- CIO, Regional Bank</p> | |
| </div> | |
| <div class="card-gradient rounded-2xl p-8" data-aos="fade-up" data-aos-delay="200"> | |
| <p class="text-slate-300 italic mb-6"> | |
| "Cyberus Key made password resets and phishing fears a thing of the past for our university. Students log in instantly, and our IT helpdesk calls plummeted. It just works." | |
| </p> | |
| <p class="font-bold">- IT Director, University</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-20 px-4"> | |
| <div class="max-w-4xl mx-auto text-center" data-aos="fade-up"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Eliminate Passwords?</h2> | |
| <p class="text-xl text-slate-300 mb-10"> | |
| Contact Cyberus Labs today to learn how Cyberus Key can protect your organization. Our team can provide a personalized demo and discuss integration options for your specific needs. | |
| </p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <button class="btn-primary px-8 py-4 rounded-lg font-semibold text-lg"> | |
| Request a Demo | |
| </button> | |
| <button class="bg-transparent border-2 border-orange-600 px-8 py-4 rounded-lg font-semibold text-lg hover:bg-orange-600 transition"> | |
| Contact Sales | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-slate-900 border-t border-slate-800 py-12 px-4"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div class="md:col-span-2"> | |
| <h3 class="text-2xl font-bold mb-4">Cyberus Labs</h3> | |
| <p class="text-slate-400 mb-6 max-w-md"> | |
| Next-level cybersecurity solutions designed for today's threats. Eliminating passwords, securing IoT, and predicting threats with AI. | |
| </p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-slate-400 hover:text-orange-500"> | |
| <i data-feather="twitter"></i> | |
| </a> | |
| <a href="#" class="text-slate-400 hover:text-orange-500"> | |
| <i data-feather="linkedin"></i> | |
| </a> | |
| <a href="#" class="text-slate-400 hover:text-orange-500"> | |
| <i data-feather="github"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Solutions</h4> | |
| <ul class="space-y-2 text-slate-400"> | |
| <li><a href="solutions.html" class="hover:text-orange-500">Our Solutions</a></li> | |
| <li><a href="cyberus-key.html" class="hover:text-orange-500">Cyberus Key</a></li> | |
| <li><a href="eliot-pro.html" class="hover:text-orange-500">ELIoT Pro</a></li> | |
| <li><a href="#" class="hover:text-orange-500">AI Threat Detection</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold mb-4">Company</h4> | |
| <ul class="space-y-2 text-slate-400"> | |
| <li><a href="index.html" class="hover:text-orange-500">Home</a></li> | |
| <li><a href="about.html" class="hover:text-orange-500">About Us</a></li> | |
| <li><a href="partners.html" class="hover:text-orange-500">Partners</a></li> | |
| <li><a href="#" class="hover:text-orange-500">Contact</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-slate-800 mt-12 pt-8 text-center text-slate-500"> | |
| <p>© 2023 Cyberus Labs. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Initialize AOS | |
| AOS.init({ | |
| duration: 1000, | |
| once: true | |
| }); | |
| // Initialize Feather Icons | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |