<!-- 
 ORIGINAL:
  _____  ________     ______  
 |  __ \|  ____\ \   / / __ \ 
 | |__) | |__   \ \_/ / |  | |
 |  _  /|  __|   \   /| |  | |
 | | \ \| |____   | | | |__| |
 |_|  \_\______|  |_|  \____/ 
                              
                                                      
Copyright 2024 OLD Reyo & Holaclient & Avex/xerylin.com  
                                                   
-->
<!doctype html>
<html class="h-full bg-[#0f1012]">
<head>
  <title>Xerylin</title>
  <link rel="icon" href="https://ibb.co/BrTTJKh">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet" defer>
          <script defer="" src="../unpkg.com/%40alpinejs/ui%403.10.3-beta.3/dist/cdn.min.js"></script>
        <!---- Alpine integrations -->
        <script defer="" src="../unpkg.com/alpinejs%403.10.5/dist/cdn.min.js"></script>
        <script defer="" src="../unpkg.com/%40alpinejs/focus%403.10.3/dist/cdn.min.js"></script>
        <!---- Smoothscroll -->
        <script defer="" src="../unpkg.com/smoothscroll-polyfill%400.4.4/dist/smoothscroll.js"></script>
        <script src="https://cdn.tailwindcss.com/?plugins=forms,typography,aspect-ratio,line-clamp"></script>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9LTG2QW03F"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-9LTG2QW03F');
</script>

<nav class="bg-zinc-950/10 backdrop-blur-xl fixed w-full z-20 top-0">
<div class="max-w-screen xl:px-8 flex flex-wrap items-center justify-between mx-auto p-4">
<a class="flex items-center space-x-3">
<img src="https://i.ibb.co/zn9GM4T/Picsart-24-07-08-17-13-13-603-removebg-preview.png" class="h-8">
<span class="self-center text-2xl font-semibold whitespace-nowrap font-nunito text-white"></span>
</a>
<div class="flex md:order-2 space-x-3 md:space-x-0">
<a href="https://discord.gg/xerylin"><button type="button" class="text-white bg-zinc-900/50 hover:bg-zinc-900 hover:duration-300 duration-300 border border-zinc-800 rounded-full text-sm px-4 py-2 text-center">Get
started</button></a>
<button data-collapse-toggle="navbar" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-400 md:hidden" aria-controls="navbar" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5M12 17.25h8.25" />
</svg>
</button>
</div>
<div class="hidden items-center text-center justify-between w-full md:flex md:w-auto md:order-1" id="navbar">
<ul class="flex flex-col items-center p-4 md:p-0 mt-4 font-medium rounded-lg md:space-x-4 md:flex-row md:mt-0 md:border-0">
<li>
<a href="/auth" class="block py-2 px-3 text-gray-300">Dashboard</a>
</li>
<li>
<a href="https://panel.xerylin.com" class="block py-2 px-3 text-gray-300">Control Panel</a>
</li>
<li>
<a href="/tos" class="block py-2 px-3 text-gray-300">ToS</a>
</li>
<li>
<a href="/pp" class="block py-2 px-3 text-gray-300">Privacy Policy</a>
</li>
</ul>
</div>
</div>
</nav>


<body class="h-full bg-black" style="font-family: 'Space Grotesk'">
<main class="w-screen h-full overflow-x-hidden container">
<section class="section" id="section1">
<div class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl" aria-hidden="true">
<div class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30" style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)">
</div>
</div>
<div class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl" aria-hidden="true">
<img class="h-screen w-screen" src="https://wallpapercave.com/wp/wp7930494.png">
</div>
</section>
<section class="relative w-screen h-screen flex flex-col items-center justify-center section" id="section2">
<h1 class="text-3x z-20l mt-2 xl:mt-8 text-center md:text-5xl xl:text-7xl bg-gradient-to-br from-gray-300 to-transparent bg-clip-text text-transparent">
Legal team is <span class="font-rajdhani font-bold">working</span> on this...
</h1>