99 lines
6.8 KiB
HTML
99 lines
6.8 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Sesame 2FA</title>
|
|
<style>[x-cloak]{display:none}</style>
|
|
<script src="https://unpkg.com/alpinejs" defer></script>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="icon" type="image/x-icon" href="/src/img/icon.png">
|
|
|
|
<meta property="og:title" content="Sesame 2FA" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://sesame.dws.rip/" />
|
|
<meta property="og:image" content="https://sesame.dws.rip/src/img/icon.png" />
|
|
<meta property="og:description" content="Take control of your 2-factor keys with full OTP spec compliance, Google Authenticator import, manual key creation, and JSON export." />
|
|
</head>
|
|
<body class="flex items-start justify-center h-full bg-gray-50">
|
|
<div class="flex items-center justify-center w-full max-w-full">
|
|
<section class="w-full px-6 pb-12 antialiased bg-white">
|
|
<div class="mx-auto max-w-7xl">
|
|
<nav class="relative z-50 h-24 select-none" x-data="{ showMenu: false }">
|
|
<div class="container relative flex flex-wrap items-center justify-between h-24 mx-auto overflow-hidden font-medium border-b border-gray-200 md:overflow-visible lg:justify-center sm:px-4 md:px-2 lg:px-0">
|
|
<div class="flex items-center justify-start w-1/4 h-full pr-4">
|
|
<a href="/index.html" class="flex items-center py-4 space-x-2 font-extrabold text-gray-900 md:py-0">
|
|
<span class="flex items-center justify-center w-8 h-8 text-white rounded-full">
|
|
<img src="/src/img/icon.png" alt="Icon">
|
|
</span>
|
|
<span>Sesame 2FA</span>
|
|
</a>
|
|
</div>
|
|
<div class="top-0 left-0 items-start hidden w-full h-full p-4 text-sm bg-gray-900 bg-opacity-50 md:items-center md:w-3/4 md:absolute lg:text-base md:bg-transparent md:p-0 md:relative md:flex" :class="{'flex fixed': showMenu, 'hidden': !showMenu }">
|
|
<div class="flex-col w-full h-auto overflow-hidden bg-white rounded-lg md:bg-transparent md:overflow-visible md:rounded-none md:relative md:flex md:flex-row">
|
|
<a href="/index.html" class="inline-flex items-center block w-auto h-16 px-6 text-xl font-black leading-none text-gray-900 md:hidden">
|
|
</a>
|
|
<div class="flex flex-col items-start justify-center w-full space-x-6 text-center lg:space-x-8 md:w-2/3 md:mt-0 md:flex-row md:items-center">
|
|
<a href="/index.html" class="inline-block w-full py-2 mx-0 ml-6 font-medium text-left text-black md:ml-0 md:w-auto md:px-0 md:mx-2 lg:mx-3 md:text-center">Home</a>
|
|
<a href="/features.html" class="inline-block w-full py-2 mx-0 font-medium text-left text-gray-700 md:w-auto md:px-0 md:mx-2 hover:text-black lg:mx-3 md:text-center">Features</a>
|
|
<a href="/about.html" class="inline-block w-full py-2 mx-0 font-medium text-left text-gray-700 md:w-auto md:px-0 md:mx-2 hover:text-black lg:mx-3 md:text-center">About</a>
|
|
<a href="/contact.html" class="inline-block w-full py-2 mx-0 font-medium text-left text-gray-700 md:w-auto md:px-0 md:mx-2 hover:text-black lg:mx-3 md:text-center">Contact</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div @click="showMenu = !showMenu" class="absolute right-0 flex flex-col items-center items-end justify-center w-10 h-10 bg-white rounded-full cursor-pointer md:hidden hover:bg-gray-100">
|
|
<svg class="w-6 h-6 text-gray-700" x-show="!showMenu" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M4 6h16M4 12h16M4 18h16"></path></svg>
|
|
<svg class="w-6 h-6 text-gray-700" x-show="showMenu" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="display: none;"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Main Hero Content -->
|
|
<section class="px-2 pt-8 bg-white md:px-0">
|
|
<div class="container items-center max-w-6xl px-5 mx-auto space-y-6 text-center">
|
|
<h1 class="text-4xl font-extrabold tracking-tight text-left text-gray-900 sm:text-5xl md:text-6xl md:text-center">
|
|
<span class="block">Level Up Your <span class="block mt-1 text-blue-500 lg:inline lg:mt-0" data-primary="blue-500">2FA</span></span>
|
|
</h1>
|
|
<p class="w-full mx-auto text-base text-left text-gray-500 md:max-w-md sm:text-lg lg:text-2xl md:max-w-3xl md:text-center">
|
|
Take control of your 2-factor keys with full OTP spec compliance, Google Authenticator import, manual key creation, and JSON export.
|
|
</p>
|
|
<div class="relative flex flex-col justify-center md:flex-row md:space-x-4">
|
|
<a href="#" class="flex items-center w-full px-6 py-3 mb-3 text-lg text-white bg-blue-500 rounded-md md:mb-0 hover:bg-blue-700 md:w-auto" data-primary="blue-500" data-rounded="rounded-md">
|
|
Coming Soon to iOS
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ml-1" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
<polyline points="12 5 19 12 12 19"></polyline>
|
|
</svg>
|
|
</a>
|
|
<a href="/features.html" class="flex items-center px-6 py-3 text-gray-500 bg-gray-100 rounded-md hover:bg-gray-200 hover:text-gray-600" data-rounded="rounded-md">
|
|
Learn More
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="container items-center max-w-4xl px-5 mx-auto mt-16 text-center">
|
|
<img src="src/img/hero_screen.png">
|
|
</div>
|
|
</section>
|
|
<!-- End Main Hero Content -->
|
|
|
|
<footer>
|
|
<section class="text-gray-700 bg-white body-font" {!! $attributes ?? '' !!}>
|
|
<div class="container flex flex-col items-center px-8 py-8 mx-auto max-w-7xl sm:flex-row">
|
|
<a href="#_" class="text-xl font-black leading-none text-gray-900 select-none logo">Sesame 2FA<span class="text-indigo-600"></span></a>
|
|
<p class="mt-4 text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-200 sm:mt-0">© 2023 DWS © - 2023 Tanishq Dubey ©
|
|
</p>
|
|
<span class="inline-flex justify-center mt-4 space-x-5 sm:ml-auto sm:mt-0 sm:justify-start">
|
|
</span>
|
|
</div>
|
|
</section>
|
|
</footer>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|