<section>
   <div class="relative items-center w-full px-5 py-12 mx-auto md:px-12 lg:px-16 max-w-7xl lg:py-24">
      <div class="flex w-full mx-auto text-left">
         <div class="relative inline-flex items-center mx-auto align-middle">
            <div class="text-center">
               <h1 class="max-w-5xl text-2xl font-bold leading-none tracking-tighter text-neutral-600 md:text-5xl lg:text-6xl lg:max-w-7xl">
                  Simplify <span class="bg-clip-text text-transparent bg-gradient-to-r from-[#7287fd] via-[#8c9cfa] to-[#a0a4ff]">Image Hosting</span>, Your Way
               </h1>
               <p class="max-w-xl mx-auto mt-8 text-base leading-relaxed text-gray-500">Share and manage your files securely and easily.</p>
               <div class="flex justify-center w-full max-w-2xl gap-2 mx-auto mt-6">
                  <div class="mt-3 rounded-lg sm:mt-0">
                     <a href="#pricing" class="px-5 py-4 text-base font-medium text-center text-white transition duration-500 ease-in-out transform bg-[#7287fd] lg:px-10 rounded-xl hover:bg-[#8c9cfa] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Get Started</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="mt-17" data-wow-delay="0.1s"> <img class="mx-auto" src="https://assets.fate.ovh/cat.svg" alt="Unknown"> </div>
</section>
<section id="features">
   <div class="relative items-center w-full px-5 py-12 mx-auto md:px-12 lg:px-16 max-w-7xl lg:py-24">
      <h2 class="text-3xl font-bold text-center text-white">Key Features of cloud.fate.ovh</h2>
      <p class="mt-4 text-center text-gray-400">Cloud.fate.ovh has been designed to allow users to upload files directly to the site, where they can easily manage them from the dashboard. You can add a password, copy the URL, or delete the file as needed.</p>
      <div class="-mx-4 flex flex-wrap p-8">
         <div class="w-full px-4 md:w-1/2 lg:w-1/3">
            <div class="mb-9 rounded-xl py-8 px-7 shadow-md transition-all hover:shadow-lg sm:p-9 lg:px-6 xl:px-9">
               <div class="mx-auto mb-7 inline-block">
                  <i class="fas fa-upload" style="font-size: 53px; color: #7287fd;"></i>
               </div>
               <div>
                  <h3 class="mb-4 text-xl font-bold text-white sm:text-2xl lg:text-xl xl:text-2xl">Easy File Upload
                  </h3>
                  <p class="text-base font-medium text-gray-400">Upload your images and text files effortlessly with our custom
                     <a href="/config/" class="text-[#8c9cfa] hover:underline font-semibold" class="font-bold">ShareX Config</a>.
                     which can be obtained by clicking
                     <a href="/config/" class="text-[#8c9cfa] hover:underline font-semibold" class="font-bold">here</a>.
                  </p>
               </div>
            </div>
         </div>
         <div class="w-full px-4 md:w-1/2 lg:w-1/3">
            <div class="mb-9 rounded-xl py-8 px-7 shadow-md transition-all hover:shadow-lg sm:p-9 lg:px-6 xl:px-9">
               <div class="mx-auto mb-7 inline-block">
                  <i class="fa-solid fa-link" style="font-size: 53px; color: #7287fd;"></i>
               </div>
               <div>
                  <h3 class="mb-4 text-xl font-bold text-white sm:text-2xl lg:text-xl xl:text-2xl">Share Links Instantly
                  </h3>
                  <p class="text-base font-medium text-gray-400">Get shareable links for your uploaded files in seconds. Password protected uploads will not be shown for your own safety.
                  </p>
               </div>
            </div>
         </div>
         <div class="w-full px-4 md:w-1/2 lg:w-1/3">
            <div class="mb-9 rounded-xl py-8 px-7 shadow-md transition-all hover:shadow-lg sm:p-9 lg:px-6 xl:px-9">
               <div class="mx-auto mb-7 inline-block">
                  <i class="fas fa-lock" style="font-size: 53px; color: #7287fd;"></i>
               </div>
               <div>
                  <h3 class="mb-4 text-xl font-bold text-white sm:text-2xl lg:text-xl xl:text-2xl">Secure Storage
                  </h3>
                  <p class="text-base font-medium text-gray-400">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="w-full px-4 md:w-1/2 lg:w-1/3">
            <div class="mb-9 rounded-xl py-8 px-7 shadow-md transition-all hover:shadow-lg sm:p-9 lg:px-6 xl:px-9">
               <div class="mx-auto mb-7 inline-block">
                  <i class="fa-brands fa-discord" style="font-size: 53px; color: #7287fd;"></i>
               </div>
               <div>
                  <h3 class="mb-4 text-xl font-bold text-white sm:text-2xl lg:text-xl xl:text-2xl">Dynamic Embeds
                  </h3>
                  <p class="text-base font-medium text-gray-400">Share links that auto-generate rich embeds for platforms like Discord, complete with image previews and metadata.
                  </p>
               </div>
            </div>
         </div>
         <div class="w-full px-4 md:w-1/2 lg:w-1/3">
            <div class="mb-9 rounded-xl py-8 px-7 shadow-md transition-all hover:shadow-lg sm:p-9 lg:px-6 xl:px-9">
               <div class="mx-auto mb-7 inline-block">
                  <i class="fa-solid fa-code" style="font-size: 53px; color: #7287fd;"></i>
               </div>
               <div>
                  <h3 class="mb-4 text-xl font-bold text-white sm:text-2xl lg:text-xl xl:text-2xl">Cross-Platform Scripts
                  </h3>
                  <p class="text-base font-medium text-gray-400">Supported on Linux and Mac using shell scripts. Scripts can be found <a href="https://cloud.fate.ovh/account" class="text-[#7287fd] hover:underline font-semibold">here</a>.
                  </p>
                  <p class="font-medium text-yellow-400">
                     <strong>Note:</strong> For Windows, use ShareX's native support instead of a script.
                  </p>
               </div>
            </div>
         </div>
         <div class="w-full px-4 md:w-1/2 lg:w-1/3">
            <div class="mb-9 rounded-xl py-8 px-7 shadow-md transition-all hover:shadow-lg sm:p-9 lg:px-6 xl:px-9">
               <div class="mx-auto mb-7 inline-block">
                  <i class="fa-solid fa-globe" style="font-size: 53px; color: #7287fd;"></i>
               </div>
               <div>
                  <h3 class="mb-4 text-xl font-bold text-white sm:text-2xl lg:text-xl xl:text-2xl">Domain Spoofing
                  </h3>
                  <p class="text-base font-medium text-gray-400">Customize your shared links with a spoofed domain for unique link appearances on Discord. Learn more in <a href="/account/" class="text-[#7287fd] hover:underline font-semibold" class="font-bold">Settings</a>.
                  </p>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section id="pricing">
   <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
      <div class="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
         <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Our Pricing Plan </h2>
         <p class="mb-5 font-light text-gray-500 sm:text-xl dark:text-gray-400">Cloud.fate.ovh is designed to provide a seamless file hosting experience, making the process of uploading, managing, and sharing files more efficient, secure, and user-friendly. </p>
      </div>
      <div class="space-y-8 lg:grid lg:grid-cols-3 sm:gap-6 xl:gap-10 lg:space-y-0">
         <div class="flex flex-col p-6 mx-auto max-w-lg text-center text-gray-900 bg-white rounded-lg border border-gray-100 shadow dark:border-[#7287fd] xl:p-8 bg-gradient-to-br from-black to-[#141414] dark:text-white">
            <h3 class="mb-4 text-2xl font-semibold">Basic</h3>
            <p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Great starting package, access most cloud.fate.ovh features.</p>
            <div class="flex justify-center items-baseline my-8">
               <span class="mr-2 text-5xl font-extrabold">€4,99</span>
               <span class="text-gray-500 dark:text-gray-400">/lifetime</span>
            </div>
            <ul role="list" class="mb-8 space-y-4 text-left">
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Files retained indefinitely until deleted </span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Upload limit: 50 MB per file</span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Supported formats: JPG, PNG, TXT</span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Domain Spoofing (Discord*)</span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Free updates: <span class="font-semibold">lifetime</span></span>
               </li>
            </ul>
            <a href="#pricing" data-sellix-product="6741db0392e9f" class="text-white bg-[#7287fd] hover:bg-[#8c9cfa] focus:ring-4 focus:ring-primary-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white  dark:focus:ring-primary-900">Purchase</a>
         </div>
         <div class="flex flex-col p-6 mx-auto max-w-lg text-center text-gray-900 bg-white rounded-lg border border-gray-100 shadow dark:border-[#7287fd] xl:p-8 bg-gradient-to-br from-black to-[#141414] dark:text-white">
            <h3 class="mb-4 text-2xl font-semibold">Upgrade</h3>
            <p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Upgrade your account from Basic to Premium</p>
            <div class="flex justify-center items-baseline my-8">
               <span class="mr-2 text-5xl font-extrabold">€7,99</span>
               <span class="text-gray-500 dark:text-gray-400">/upgrade</span>
            </div>
            <ul role="list" class="mb-8 space-y-4 text-left">
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Unlock all Premium features</span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Requires an existing Basic account</span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Upgrade is <span class="font-semibold">non-reversible</span></span>
               </li>
            </ul>
            <a href="#pricing" data-sellix-product="6741db0392e9f" class="text-white bg-[#7287fd] hover:bg-[#8c9cfa] focus:ring-4 focus:ring-primary-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white  dark:focus:ring-primary-900">Purchase</a>
         </div>
         <div class="flex flex-col p-6 mx-auto max-w-lg text-center text-gray-900 bg-white rounded-lg border border-gray-100 shadow dark:border-[#7287fd] xl:p-8 bg-gradient-to-br from-black to-[#141414] dark:text-white">
            <h3 class="mb-4 text-2xl font-semibold">Premium</h3>
            <p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Perfect for large-scale use and expanded features.</p>
            <div class="flex justify-center items-baseline my-8">
               <span class="mr-2 text-5xl font-extrabold">€9,99</span>
               <span class="text-gray-500 dark:text-gray-400">/lifetime</span>
            </div>
            <ul role="list" class="mb-8 space-y-4 text-left">
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Files retained indefinitely until deleted</span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Upload limit: 100 MB per file</span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Supported formats: JPG, PNG, TXT, GIF, MP3, MP4</span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Expanded storage capacity</span>
               </li>
               <li class="flex items-center space-x-3">
                  <svg class="flex-shrink-0 w-5 h-5 text-[#7287fd]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                  </svg>
                  <span>Free updates: <span class="font-semibold">lifetime</span></span>
               </li>
            </ul>
            <a href="#pricing" data-sellix-product="6737b419eef6e" class="text-white bg-[#7287fd] hover:bg-[#8c9cfa] focus:ring-4 focus:ring-primary-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white  dark:focus:ring-primary-900">Purchase</a>
         </div>
      </div>
   </div>
</section>