<!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>cloud.fate.ovh - Private File Host</title>
<meta property="og:image" content="https://cloud.fate.ovh/upload/Ku9bB84ElC5e.png" /> 
      <meta name="description" content="Cloud.fate.ovh is designed to allow users to seamlessly upload their files to the server privately. ">
      <link rel="icon" href="favicon.ico">
      <link href="https://assets.fate.ovh/style.css" rel="stylesheet">
      <script src="https://cdn.sellix.io/static/js/embed.js" ></script>
   </head>
   <body x-data="{ page: 'home', 'loaded': true, 'stickyMenu': false, 'navigationOpen': false, 'scrollTop': false }">
      <header class="fixed left-0 top-0 w-full z-9999 py-7 lg:py-0"
         :class="{ 'bg-dark/70 backdrop-blur-lg shadow !py-4 lg:!py-0 transition duration-100 before:absolute before:w-full before:h-[1px] before:bottom-0 before:left-0 before:features-row-border' : stickyMenu }"
         @scroll.window="stickyMenu = (window.scrollY > 0) ? true : false">
         <div class="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0 lg:flex items-center justify-between relative">
            <div class="w-full lg:w-1/4 flex items-center justify-between">
               <button class="lg:hidden block" @click="navigationOpen = !navigationOpen">
               <span class="block relative cursor-pointer w-5.5 h-5.5">
               <span class="du-block absolute right-0 w-full h-full">
               <span
                  class="block relative top-0 left-0 bg-white rounded-sm w-0 h-0.5 my-1 ease-in-out duration-200 delay-[0]"
                  :class="{ '!w-full delay-300': !navigationOpen }"></span>
               <span
                  class="block relative top-0 left-0 bg-white rounded-sm w-0 h-0.5 my-1 ease-in-out duration-200 delay-150"
                  :class="{ '!w-full delay-400': !navigationOpen }"></span>
               <span
                  class="block relative top-0 left-0 bg-white rounded-sm w-0 h-0.5 my-1 ease-in-out duration-200 delay-200"
                  :class="{ '!w-full delay-500': !navigationOpen }"></span>
               </span>
               <span class="du-block absolute right-0 w-full h-full rotate-45">
               <span
                  class="block bg-white rounded-sm ease-in-out duration-200 delay-300 absolute left-2.5 top-0 w-0.5 h-full"
                  :class="{ '!h-0 delay-[0]': !navigationOpen }"></span>
               <span
                  class="block bg-white rounded-sm ease-in-out duration-200 delay-400 absolute left-0 top-2.5 w-full h-0.5"
                  :class="{ '!h-0 dealy-200': !navigationOpen }"></span>
               </span>
               </span>
               </button>
            </div>
            <div class="w-full lg:w-3/4 h-0 lg:h-auto invisible lg:visible lg:flex items-center justify-between"
               :class="{ '!visible bg-dark shadow-lgrelative !h-auto max-h-[400px] overflow-y-scroll rounded-md mt-4 p-7.5': navigationOpen }">
               <nav>
                  <ul class="flex lg:items-center flex-col lg:flex-row gap-5 lg:gap-2">
                     <li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
                        <a href="/"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient"
                           :class="{'!text-white nav-gradient' :page === 'home'}">Home</a>
                     </li>
					  <li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
                        <a href="/files/"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Files</a>
                     </li>
                     <li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
                        <a href="/#features"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Features</a>
                     </li>
                     <li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
                        <a href="/#pricing"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Pricing</a>
                     </li>
                     <li class="group relative lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }" x-data="{ dropdown: false }">
                        <a href="#"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient flex items-center justify-between gap-3"
                           @click.prevent="dropdown = !dropdown"
                           :class="{ '!text-white nav-gradient': page === 'about' || page === 'pricing' || page === 'blog-grid' || page === 'blog-single' || page === 'signin' || page === 'signup' || page === '404' }">
                           Pages
                           <svg class="fill-current w-3 h-3 cursor-pointer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                              <path
                                 d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" />
                           </svg>
                        </a>
                        <ul class="dropdown" :class="{ 'flex': dropdown }">
			<li>
                              <a href="/faq/"
                                 class="flex text-sm text-white/70 hover:text-white py-2 px-4 rounded-md hover:bg-white/5"
                                 :class="{ '!text-white bg-white/5': page === 'signup' }">FAQ</a>
                         </li>
			 <li>
                              <a href="/login/"
                                 class="flex text-sm text-white/70 hover:text-white py-2 px-4 rounded-md hover:bg-white/5"
                                 :class="{ '!text-white bg-white/5': page === 'signup' }">Sign In</a>
                           </li>
                           <li>
                              <a href="/register/"
                                 class="flex text-sm text-white/70 hover:text-white py-2 px-4 rounded-md hover:bg-white/5"
                                 :class="{ '!text-white bg-white/5': page === 'signup' }">Sign Up</a>
                           </li>
                           <li>
                              <a href="/account/"
                                 class="flex text-sm text-white/70 hover:text-white py-2 px-4 rounded-md hover:bg-white/5"
                                 :class="{ '!text-white bg-white/5': page === '404' }">Account Management</a>
                           </li>
                        </ul>
                     </li>
                     <li class="nav__menu lg:py-7" :class="{ 'lg:!py-4' : stickyMenu }">
                        <a href="/#support"
                           class="relative text-white/80 text-sm py-1.5 px-4 border border-transparent hover:text-white hover:nav-gradient">Support</a>
                     </li>
                  </ul>
               </nav>
               <div class="flex items-center gap-6 mt-7 lg:mt-0">
    <?php if ($is_logged_in): ?>
        <a href="/faq/" class="text-white text-sm hover:text-opacity-75">Need help?</a>
        <a href="/logout/?session=<?= session_id(); ?>"
           class="button-border-gradient relative rounded-lg text-white text-sm flex items-center gap-1.5 py-2 px-4.5 shadow-button hover:button-gradient-hover hover:shadow-none">
            Sign Out
            <svg class="mt-0.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M14.4002 7.60002L9.2252 2.35002C9.0002 2.12502 8.6502 2.12502 8.4252 2.35002C8.2002 2.57502 8.2002 2.92502 8.4252 3.15002L12.6252 7.42502H2.0002C1.7002 7.42502 1.4502 7.67502 1.4502 7.97502C1.4502 8.27502 1.7002 8.55003 2.0002 8.55003H12.6752L8.4252 12.875C8.2002 13.1 8.2002 13.45 8.4252 13.675C8.5252 13.775 8.6752 13.825 8.8252 13.825C8.9752 13.825 9.1252 13.775 9.2252 13.65L14.4002 8.40002C14.6252 8.17502 14.6252 7.82503 14.4002 7.60002Z"
                    fill="white" />
            </svg>
        </a>
    <?php else: ?>
        <span class="text-white text-sm">
         <a href="/login/" class="hover:text-opacity-75">Sign in</a>
        </span>
        <a href="/register/"
           class="button-border-gradient relative rounded-lg text-white text-sm flex items-center gap-1.5 py-2 px-4.5 shadow-button hover:button-gradient-hover hover:shadow-none">
            Sign up
            <svg class="mt-0.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M14.4002 7.60002L9.2252 2.35002C9.0002 2.12502 8.6502 2.12502 8.4252 2.35002C8.2002 2.57502 8.2002 2.92502 8.4252 3.15002L12.6252 7.42502H2.0002C1.7002 7.42502 1.4502 7.67502 1.4502 7.97502C1.4502 8.27502 1.7002 8.55003 2.0002 8.55003H12.6752L8.4252 12.875C8.2002 13.1 8.2002 13.45 8.4252 13.675C8.5252 13.775 8.6752 13.825 8.8252 13.825C8.9752 13.825 9.1252 13.775 9.2252 13.65L14.4002 8.40002C14.6252 8.17502 14.6252 7.82503 14.4002 7.60002Z"
                    fill="white" />
            </svg>
        </a>
    <?php endif; ?>
</div>
            </div>
         </div>
      </header>
      <main>
         <section id="home" class="relative overflow-hidden z-10 pt-35 md:pt-40 xl:pt-45">
            <div class="max-w-7xl mx-auto">
               <div class="absolute -z-10 pointer-events-none inset-0 overflow-hidden -mx-28">
                  <div
                     class="absolute -z-1 -top-[128%] sm:-top-[107%] xl:-top-[73%] left-1/2 -translate-x-1/2 -u-z-10 hero-circle-gradient w-full h-[1282px] rounded-full max-w-[1282px]">
                  </div>
                  <div
                     class="absolute -z-1 -top-[112%] sm:-top-[93%] xl:-top-[62%] left-1/2 -translate-x-1/2 -u-z-10 hero-circle-gradient w-full h-[1046px] rounded-full max-w-[1046px]">
                  </div>
                  <div class="absolute top-0 left-1/2 -translate-x-1/2 -u-z-10">
                     <img src="https://assets.fate.ovh/images/blur-02.svg" alt="blur" class="max-w-none">
                  </div>
                  <div class="absolute top-0 left-1/2 -translate-x-1/2 -u-z-10">
                     <img src="https://assets.fate.ovh/images/blur-01.svg" alt="blur" class="max-w-none">
                  </div>
               </div>
            </div>
            <div class="mx-auto max-w-[900px] px-4 sm:px-8 xl:px-0 relative z-1">
               <div class="text-center">
                  <h1 class="text-white mb-6 text-3xl font-extrabold sm:text-5xl xl:text-heading-1">
                     Elevate Your Content with Our Private Image Host
                  </h1>
                  <p class="max-w-[500px] mx-auto mb-9 font-medium md:text-lg">
                     Share and manage your files securely and easily.
                  </p>
                  <a href="/#pricing"
                     class="hero-button-gradient inline-flex rounded-lg py-3 px-7 text-white font-medium ease-in duration-300 hover:opacity-80">
                  Get Started
                  </a>
               </div>
            </div>
            <div class="mt-17" data-wow-delay="0.1s">
               <img class="mx-auto" src="https://assets.fate.ovh/images/hero.svg" alt="hero" />
            </div>
         </section>
         <section id="features" class="overflow-hidden pt-17.5 lg:pt-22.5 xl:pt-27.5 scroll-mt-17">
            <div class="max-w-[1222px] mx-auto px-4 sm:px-8 xl:px-0">
               <div class="wow fadeInUp text-center">
                  <h2 class="text-white mb-4.5 text-2xl font-extrabold sm:text-4xl xl:text-heading-2">
                     Key Features of cloud.fate.ovh
                  </h2>
                  <p class="max-w-[714px] mx-auto mb-5 font-medium">
                     This private host has been created to essentially allow anyone to take a screenshot (using sharex) and then have it directly being uploaded to this site, where you can access it in your dashboard, add a password, copy it's url, or delete the file.
                  </p>
               </div>
               <div class="relative">
                  <div
                     class="features-row-border rotate-90 w-1/2 h-[1px] absolute top-1/2 left-1/2 -translate-y-1/2 lg:-translate-x-1/3 lg:left-1/4 hidden lg:block">
                  </div>
                  <div
                     class="features-row-border rotate-90 w-1/2 h-[1px] absolute top-1/2 right-1/2 -translate-y-1/2 lg:right-[8.3%] hidden lg:block">
                  </div>
                  <div class="flex flex-wrap justify-center">
                     <div class="w-full sm:w-1/2 lg:w-1/3">
                        <div class="group relative overflow-hidden text-center py-8 sm:py-10 xl:py-15 px-4 lg:px-8 xl:px-13">
                           <span
                              class="group-hover:opacity-100 opacity-0 features-bg absolute w-full h-full left-0 top-0 -z-1"></span>
                           <span
                              class="icon-border relative max-w-[80px] w-full h-20 rounded-full inline-flex items-center justify-center mb-8 mx-auto">
                           <img src="https://assets.fate.ovh/images/icon-01.svg" alt="icon" />
                           </span>
                           <h4 class="font-semibold text-lg text-white mb-4">
                              Easy File Upload
                           </h4>
                           <p class="font-medium">
                              Upload your images and text files effortlessly with our custom <a href="/files/config/" style="color: rgb(114, 135, 253);" class="font-bold">ShareX Config</a>. which can be obtained by clicking <a href="/files/config/" style="color: rgb(114, 135, 253);" class="font-bold">here</a>.
                           </p>
                        </div>
                     </div>
                     <div class="w-full sm:w-1/2 lg:w-1/3">
                        <div class="group relative overflow-hidden text-center py-8 sm:py-10 xl:py-15 px-4 lg:px-8 xl:px-13">
                           <span
                              class="group-hover:opacity-100 opacity-0 features-bg absolute w-full h-full left-0 top-0 -z-1"></span>
                           <span
                              class="icon-border relative max-w-[80px] w-full h-20 rounded-full inline-flex items-center justify-center mb-8 mx-auto">
                           <img src="https://assets.fate.ovh/images/icon-02.svg" alt="icon" />
                           </span>
                           <h4 class="font-semibold text-lg text-white mb-4">
                              Share Links Instantly
                           </h4>
                           <p class="font-medium">
                              Get shareable links for your uploaded files in seconds. Password protected uploads will not be shown for your own safety.
                           </p>
                        </div>
                     </div>
                     <div class="w-full sm:w-1/2 lg:w-1/3">
                        <div class="group relative overflow-hidden text-center py-8 sm:py-10 xl:py-15 px-4 lg:px-8 xl:px-13">
                           <span
                              class="group-hover:opacity-100 opacity-0 features-bg absolute w-full h-full left-0 top-0 -z-1"></span>
                           <span
                              class="icon-border relative max-w-[80px] w-full h-20 rounded-full inline-flex items-center justify-center mb-8 mx-auto">
                           <img src="https://assets.fate.ovh/images/icon-03.svg" alt="icon" />
                           </span>
                           <h4 class="font-semibold text-lg text-white mb-4">
                              Secure Storage
                           </h4>
                           <p class="font-medium">
                              Your files are stored safely with advanced security measures. Even allowing you to lock a specific file with a password.
                           </p>
                        </div>
                     </div>
                  </div>
                  <div class="features-row-border w-full h-[1px]"></div>
                  <div class="flex flex-wrap justify-center">
                  </div>
               </div>
            </div>
         </section>
         <section id="pricing" class="relative z-20 overflow-hidden pt-22.5 lg:pt-27.5 xl:pt-32.5 scroll-mt-17">
            <div class="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0">
               <div class="relative top-18">
                  <div class="absolute -z-10 pointer-events-none inset-0 overflow-hidden -my-55">
                     <div class="absolute left-1/2 -translate-x-1/2 top-0">
                        <img src="https://assets.fate.ovh/images/blur-13.svg" alt="blur" class="max-w-none">
                     </div>
                     <div class="absolute left-1/2 -translate-x-1/2 top-0">
                        <img src="https://assets.fate.ovh/images/blur-14.svg" alt="blur" class="max-w-none">
                     </div>
                     <div class="absolute left-1/2 -translate-x-1/2 top-0">
                        <img src="https://assets.fate.ovh/images/blur-15.svg" alt="blur" class="max-w-none">
                     </div>
                  </div>
                  <div
                     class="max-w-[830px] w-full h-[830px] rounded-full bg-dark absolute left-1/2 -translate-x-1/2 top-0 pricing-circle">
                  </div>
                  <div class="max-w-[482px] w-full h-60 overflow-hidden absolute -z-1 -top-30 left-1/2 -translate-x-1/2">
                     <div class="stars"></div>
                     <div class="stars2"></div>
                  </div>
               </div>
               <div class="flex justify-center gap-7.5 relative -z-1">
                  <div class="max-w-[50px] w-full h-[250px] relative pricing-grid pricing-grid-border"></div>
                  <div class="max-w-[50px] w-full h-[250px] relative pricing-grid pricing-grid-border"></div>
                  <div class="max-w-[50px] w-full h-[250px] relative pricing-grid pricing-grid-border"></div>
                  <div class="max-w-[50px] w-full h-[250px] relative pricing-grid pricing-grid-border"></div>
                  <div class="max-w-[50px] w-full h-[250px] relative pricing-grid pricing-grid-border"></div>
                  <div class="max-w-[50px] w-full h-[250px] relative pricing-grid pricing-grid-border"></div>
                  <div class="max-w-[50px] w-full h-[250px] relative pricing-grid pricing-grid-border"></div>
                  <div class="max-w-[50px] w-full h-[250px] relative pricing-grid pricing-grid-border"></div>
               </div>
               <div class="wow fadeInUp mb-17.5 -mt-24 text-center z-10 relative">
                  <span
                     class="hero-subtitle-gradient relative mb-4 font-medium text-sm inline-flex items-center gap-2 py-2 px-4.5 rounded-full">
                  <img src="https://assets.fate.ovh/images/icon-title.svg" alt="icon">
                  <span class="hero-subtitle-text"> Get access </span>
                  </span>
                  <h2 class="text-white mb-4.5 text-2xl font-extrabold sm:text-4xl xl:text-heading-2">
                     Our Pricing Plan
                  </h2>
                  <p class="max-w-[714px] mx-auto font-medium">
                     Cloud.fate.ovh is designed to provide you with a seamless file hosting experience, making the process of uploading, managing, and sharing your files more efficient, secure, and user-friendly.
                  </p>
               </div>
               <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-7.5">
                  <div
                     class="wow fadeInUp rounded-3xl bg-dark relative z-20 overflow-hidden pt-12.5 pb-10 px-8 xl:px-10 pricing-item-border">
                     <span class="absolute right-9 top-9"><img src="https://assets.fate.ovh/images/pricing-icon-01.svg" alt="icon" /></span>
                     <h3 class="font-semibold text-heading-6 text-white mb-5.5">
                        Basic to Premium
                     </h3>
                     <div class="flex items-center gap-3.5">
                        <h2 class="font-bold text-custom-1 pricing-gradient-text">
                           7,99€
                        </h2>
                        <p class="font-medium">
                           /upgrade <br />
                        </p>
                     </div>
                     <div class="my-10 w-full h-[1px] pricing-gradient-divider"></div>
                     <ul class="flex flex-col gap-4">
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Unlock premium features</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">An existing Basic account is required</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Once redeemed it cannot be reverted</span>
                        </li>
                        
                     </ul>
                     <a href="#pricing" data-sellix-product="6741db0392e9f"
                        class="mt-11 flex items-center justify-center gap-1.5 font-medium text-white p-3 rounded-lg transition-all ease-in-out duration-300 relative pricing-button-gradient hover:shadow-button">
                        Purchase an upgrade
                     </a>
                     <p class="mt-4 text-sm text-center">
                        No extra hidden charge
                     </p>
                     <div class="absolute -z-10 pointer-events-none inset-0 overflow-hidden">
                        <span class="absolute left-0 bottom-0 -z-1">
                        <img src="https://assets.fate.ovh/images/blur-16.svg" alt="blur" class="max-w-none">
                        </span>
                        <span class="absolute left-0 top-0 -z-1">
                        <img src="https://assets.fate.ovh/images/blur-17.svg" alt="blur" class="max-w-none">
                        </span>
                     </div>
                  </div>
                  <div
                     class="wow fadeInUp rounded-3xl bg-dark relative z-20 overflow-hidden pt-12.5 pb-10 px-8 xl:px-10 pricing-item-border">
                     <span class="absolute right-9 top-9"><img src="https://assets.fate.ovh/images/pricing-icon-02.svg" alt="icon" /></span>
                     <h3 class="font-semibold text-heading-6 text-white mb-5.5">
                        Basic
                     </h3>
                     <div class="flex items-center gap-3.5">
                        <h2 class="font-bold text-custom-1 pricing-gradient-text">
                           5,99€
                        </h2>
                        <p class="font-medium">
                           /lifetime <br />
                        </p>
                     </div>
                     <div class="my-10 w-full h-[1px] pricing-gradient-divider"></div>
                     <ul class="flex flex-col gap-4">
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Files retained for 30 days</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Upload limit of 50 MB per file</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Supports JPG, PNG, and TXT formats</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Domain Spoofing (Discord*)</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Protect files with a password</span>
                        </li>
                     </ul>
                     <a href="/purchase/basic/" target="_blank"
                        class="mt-11 flex items-center justify-center gap-1.5 font-medium text-white p-3 rounded-lg transition-all ease-in-out duration-300 relative pricing-button-gradient hover:shadow-button">
                        Purchase an Invite
                     </a>
                     <p class="mt-4 text-sm text-center">
                        No extra hidden charge
                     </p>
                     <div class="absolute -z-10 pointer-events-none inset-0 overflow-hidden">
                        <span class="absolute left-0 bottom-0 -z-1">
                        <img src="https://assets.fate.ovh/images/blur-16.svg" alt="blur" class="max-w-none">
                        </span>
                        <span class="absolute left-0 top-0 -z-1">
                        <img src="https://assets.fate.ovh/images/blur-17.svg" alt="blur" class="max-w-none">
                        </span>
                     </div>
                  </div>
                  <div
                     class="wow fadeInUp rounded-3xl bg-dark relative z-20 overflow-hidden pt-12.5 pb-10 px-8 xl:px-10 pricing-item-border">
                     <span class="absolute right-9 top-9"><img src="https://assets.fate.ovh/images/pricing-icon-03.svg" alt="icon" /></span>
                     <h3 class="font-semibold text-heading-6 text-white mb-5.5">
                        Premium
                     </h3>
                     <div class="flex items-center gap-3.5">
                        <h2 class="font-bold text-custom-1 pricing-gradient-text">
                           13,99€
                        </h2>
                        <p class="font-medium">
                           /lifetime <br />
                        </p>
                     </div>
                     <div class="my-10 w-full h-[1px] pricing-gradient-divider"></div>
                     <ul class="flex flex-col gap-4">
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Files retained indefinitely until deleted</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Increased upload limit (100 MB at a time)</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Domain Spoofing (Discord*)</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Supports PNG, JPG, TXT, GIF, MP3, MP4</span>
                        </li>
                        <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Increased upload storage</span>
                        </li>
 <li class="flex items-center gap-5">
                           <img src="https://assets.fate.ovh/images/pricing-icon-04.svg" alt="icon" />
                           <span class="font-medium">Protect files with a password</span>
                        </li>
                     </ul>
                     <a href="/purchase/premium/" target="_blank"
                        class="mt-11 flex items-center justify-center gap-1.5 font-medium text-white p-3 rounded-lg transition-all ease-in-out duration-300 relative pricing-button-gradient hover:shadow-button">
                        Purchase an Invite
                        <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path
                              d="M14.8992 7.5999L9.72422 2.3499C9.49922 2.1249 9.14922 2.1249 8.92422 2.3499C8.69922 2.5749 8.69922 2.9249 8.92422 3.1499L13.1242 7.4249H2.49922C2.19922 7.4249 1.94922 7.6749 1.94922 7.9749C1.94922 8.2749 2.19922 8.5499 2.49922 8.5499H13.1742L8.92422 12.8749C8.69922 13.0999 8.69922 13.4499 8.92422 13.6749C9.02422 13.7749 9.17422 13.8249 9.32422 13.8249C9.47422 13.8249 9.62422 13.7749 9.72422 13.6499L14.8992 8.3999C15.1242 8.1749 15.1242 7.8249 14.8992 7.5999Z"
                              fill="white" />
                        </svg>
                     </a>
                     <p class="mt-4 text-sm text-center">
                        No extra hidden charge
                     </p>
                     <div class="absolute -z-10 pointer-events-none inset-0 overflow-hidden">
                        <span class="absolute left-0 bottom-0 -z-1">
                        <img src="https://assets.fate.ovh/images/blur-16.svg" alt="blur" class="max-w-none">
                        </span>
                        <span class="absolute left-0 top-0 -z-1">
                        <img src="https://assets.fate.ovh/images/blur-17.svg" alt="blur" class="max-w-none">
                        </span>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <section class="py-19">
            <div class="max-w-[1104px] mx-auto px-4 sm:px-8 xl:px-0">
               <div class="relative overflow-hidden z-10">
                  <span
                     class="max-w-[128px] w-full h-[37px] block inset-0 pointer-events-none absolute z-10 left-0 top-1/2 -translate-y-1/2 bg-gradient-to-l from-dark/0 to-dark/100"></span>
                  <span
                     class="max-w-[128px] w-full h-[37px] block inset-0 pointer-events-none absolute z-10 left-auto top-1/2 -translate-y-1/2 bg-gradient-to-r from-dark/0 to-dark/100"></span>
                  <div class="swiper clients-carousel">
                     <div class="swiper-wrapper items-center select-none !ease-linear">
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-01.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-02.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-03.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-04.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-05.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-06.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img class="mt-3" src="https://assets.fate.ovh/images/client-07.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-01.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-02.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-03.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-04.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-05.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-06.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img class="mt-3" src="https://assets.fate.ovh/images/client-07.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-01.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-02.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-03.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-04.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-05.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img src="https://assets.fate.ovh/images/client-06.svg" alt="client" />
                           </a>
                        </div>
                        <div class="swiper-slide !w-auto">
                           <a href="/#">
                           <img class="mt-3" src="https://assets.fate.ovh/images/client-07.svg" alt="client" />
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <section>
            <div class="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0">
               <div class="cta-box-gradient bg-dark rounded-[30px] relative overflow-hidden px-4 py-20 lg:py-25 z-999">
                  <span class="absolute bottom-0 left-0 -z-1"><img src="https://assets.fate.ovh/images/grid.svg" alt="grid" /></span>
                  <div class="absolute -z-10 pointer-events-none inset-0 overflow-hidden">
                     <span class="absolute left-1/2 bottom-0 -translate-x-1/2 -z-1">
                     <img src="https://assets.fate.ovh/images/blur-22.svg" alt="blur" class="max-w-none">
                     </span>
                     <span class="absolute left-1/2 bottom-0 -translate-x-1/2 -z-1">
                     <img src="https://assets.fate.ovh/images/blur-23.svg" alt="blur" class="max-w-none">
                     </span>
                     <span class="absolute left-1/2 bottom-0 -translate-x-1/2 -z-1">
                     <img src="https://assets.fate.ovh/images/blur-24.svg" alt="blur" class="max-w-none">
                     </span>
                  </div>
                  <div class="max-w-[482px] w-full h-60 overflow-hidden absolute -z-1 -bottom-25 left-1/2 -translate-x-1/2">
                     <div class="stars"></div>
                     <div class="stars2"></div>
                  </div>
                  <div class="wow fadeInUp text-center">
                     <span
                        class="hero-subtitle-gradient relative mb-4 font-medium text-sm inline-flex items-center gap-2 py-2 px-4.5 rounded-full">
                     <img src="https://assets.fate.ovh/images/icon-title.svg" alt="icon">
                     <span class="hero-subtitle-text">
                     Get access today
                     </span>
                     </span>
                     <h2 class="text-white mb-4.5 text-2xl font-extrabold sm:text-4xl xl:text-heading-2">
                        What are you waiting for?
                     </h2>
                     <p class="max-w-[714px] mx-auto font-medium mb-9">
                        Start uploading and sharing your files today with Cloud.fate.ovh. Enjoy a fast, secure, and hassle-free experience that keeps your files safe and easily accessible whenever you need them.
                     </p>
                     <a href="/register/"
                        class="hero-button-gradient inline-flex rounded-lg py-3 px-7 text-white font-medium ease-in duration-300 hover:opacity-80">
                     Create an Account
                     </a>
                  </div>
               </div>
            </div>
         </section>
         <section class="pt-17.5 sm:pt-22.5 xl:pt-27.5 pb-11">
<section class="pt-17.5 sm:pt-22.5 xl:pt-27.5 pb-11">
            <section id="support" class="scroll-mt-17">
               <div class="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0">
                  <div class="cta-box-gradient bg-dark rounded-[30px] relative overflow-hidden px-4 py-20 lg:py-25 z-999">
                     <!-- bg shapes -->
                     <span class="absolute bottom-0 left-0 -z-1"><img src="https://assets.fate.ovh/images/grid.svg" alt="grid" /></span>
                     <div class="absolute -z-10 pointer-events-none inset-0 overflow-hidden">
                        <span class="absolute left-1/2 bottom-0 -translate-x-1/2 -z-1">
                        <img src="https://assets.fate.ovh/images/blur-22.svg" alt="blur" class="max-w-none">
                        </span>
                        <span class="absolute left-1/2 bottom-0 -translate-x-1/2 -z-1">
                        <img src="https://assets.fate.ovh/images/blur-23.svg" alt="blur" class="max-w-none">
                        </span>
                        <span class="absolute left-1/2 bottom-0 -translate-x-1/2 -z-1">
                        <img src="https://assets.fate.ovh/images/blur-24.svg" alt="blur" class="max-w-none">
                        </span>
                     </div>
                     <div class="max-w-[482px] w-full h-60 overflow-hidden absolute -z-1 -bottom-25 left-1/2 -translate-x-1/2">
                        <div class="stars"></div>
                        <div class="stars2"></div>
                     </div>
                     <div class="wow fadeInUp text-center">
                        <span
                           class="hero-subtitle-gradient relative mb-4 font-medium text-sm inline-flex items-center gap-2 py-2 px-4.5 rounded-full">
                        <img src="https://assets.fate.ovh/images/icon-title.svg" alt="icon">
                        <span class="hero-subtitle-text">
                        Looking for something else?
                        </span>
                        </span>
    			<h2 class="text-white mb-4.5 text-2xl font-extrabold sm:text-4xl xl:text-heading-2">
       			Support And Help
    			</h2>
    			<p class="max-w-[714px] mx-auto font-medium mb-9">
        		If you're not able to find what you're looking for, you can join us on Discord by clicking the button below.
        		If you're looking for uploader-related support such as appealing a ban, you may create a ticket by clicking 
        		<a style="color: white;" href="/support-ticket/" class="text-blue-500 underline">here</a>.
    			</p>
                        <a href="https://discord.gg/M6ZHDvEQ4t"
                           class="hero-button-gradient inline-flex rounded-lg py-3 px-7 text-white font-medium ease-in duration-300 hover:opacity-80">
                        Join us!
                        </a>
                     </div>
                  </div>
               </div>
            </section>
         </section>
      </main>
      <footer class="relative z-10 pb-17.5 lg:pb-22.5 xl:pb-27.5">
         <div class="absolute bottom-0 left-0 w-full flex flex-col gap-3 -z-1 opacity-50">
            <div class="w-full h-[1.24px] footer-bg-gradient"></div>
            <div class="w-full h-[2.47px] footer-bg-gradient"></div>
            <div class="w-full h-[3.71px] footer-bg-gradient"></div>
            <div class="w-full h-[4.99px] footer-bg-gradient"></div>
            <div class="w-full h-[6.19px] footer-bg-gradient"></div>
            <div class="w-full h-[7.42px] footer-bg-gradient"></div>
            <div class="w-full h-[8.66px] footer-bg-gradient"></div>
            <div class="w-full h-[9.90px] footer-bg-gradient"></div>
            <div class="w-full h-[13px] footer-bg-gradient"></div>
         </div>
         <div class="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0 relative pt-17.5">
            <div class="w-full h-[1px] footer-divider-gradient absolute top-0 left-0"></div>
            <div class="flex flex-wrap justify-between">
               <div class="mb-10 max-w-[571px] w-full">
                  <a class="mb-8.5 inline-block" href="index.html">
                  <img src="https://i.imgur.com/dxwPBkq.png" alt="Logo" style="width: 60px; height: auto; filter: brightness(0.8);" />
                  </a>
                  <p class="mb-12 xl:w-4/5">
                     Cloud.fate.ovh is designed to allow users to seamlessly upload their files to the server privately. 
                  </p>
                  <div class="flex items-center gap-5">
                     <a href="https://github.com/fate-inc/" class="hover:text-white ease-in duration-300">
                        <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" fill="none"
                           xmlns="http://www.w3.org/2000/svg">
                           <g clip-path="url(#clip0_368_11839)">
                              <path
                                 d="M12 0.674805C5.625 0.674805 0.375 5.8498 0.375 12.2998C0.375 17.3998 3.7125 21.7498 8.3625 23.3248C8.9625 23.4373 9.15 23.0623 9.15 22.7998C9.15 22.5373 9.15 21.7873 9.1125 20.7748C5.8875 21.5248 5.2125 19.1998 5.2125 19.1998C4.6875 17.8873 3.9 17.5123 3.9 17.5123C2.85 16.7623 3.9375 16.7623 3.9375 16.7623C5.1 16.7998 5.7375 17.9623 5.7375 17.9623C6.75 19.7623 8.475 19.2373 9.1125 18.8998C9.225 18.1498 9.525 17.6248 9.8625 17.3248C7.3125 17.0623 4.575 16.0498 4.575 11.6248C4.575 10.3498 5.0625 9.3373 5.775 8.5498C5.6625 8.2873 5.25 7.0873 5.8875 5.4748C5.8875 5.4748 6.9 5.1748 9.1125 6.6748C10.05 6.4123 11.025 6.2623 12.0375 6.2623C13.05 6.2623 14.0625 6.3748 14.9625 6.6748C17.175 5.2123 18.15 5.4748 18.15 5.4748C18.7875 7.0498 18.4125 8.2873 18.2625 8.5498C19.0125 9.3373 19.4625 10.3873 19.4625 11.6248C19.4625 16.0498 16.725 17.0623 14.175 17.3248C14.5875 17.6998 14.9625 18.4498 14.9625 19.4998C14.9625 21.0748 14.925 22.3123 14.925 22.6873C14.925 22.9873 15.15 23.3248 15.7125 23.2123C20.2875 21.6748 23.625 17.3623 23.625 12.2248C23.5875 5.8498 18.375 0.674805 12 0.674805Z"
                                 fill="" />
                           </g>
                           <defs>
                              <clipPath id="clip0_368_11839">
                                 <rect width="24" height="24" fill="white" />
                              </clipPath>
                           </defs>
                        </svg>
                     </a>
                  </div>
                  <p class="font-medium mt-5.5">
                     cloud.fate.ovh, LLC. All rights reserved. 
                  </p>
               </div>
            </div>
         </div>
      </footer>
      <button
         class="hidden items-center justify-center w-10 h-10 rounded-[4px] shadow-solid-5 bg-purple hover:opacity-70 fixed bottom-8 right-8 z-999"
         @click="window.scrollTo({top: 0, behavior: 'smooth'})"
         @scroll.window="scrollTop = (window.pageYOffset > 50) ? true : false" :class="{ '!flex' : scrollTop }">
         <svg class="fill-white w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path
               d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z" />
         </svg>
      </button>
      <script defer src="https://assets.fate.ovh/bundle.js"></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8e0262c08d82b71b","version":"2024.10.5","r":1,"token":"9a6015d415bb4773a0bff22543062d3b","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}}}' crossorigin="anonymous"></script>
   </body>
</html>