<!--
⡏⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⣉⣩⣭⣉⣉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⠋⢁⣀⠀⣀⡈⠙⢢⡀⠀⠒⠒⠂⣀⡤⠖⠒⠒⠒⠢⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠏⠀⢰⣿⣿⡿⠛⠃⠀⠀⣹⠀⠀⠀⠸⡇⠀⠀⢰⣶⣤⣀⠀⠱⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⠀⣾⠏⠉⠁⠀⢀⡠⠞⠋⠀⠀⠀⠀⠻⣄⠀⠀⠨⢿⣿⡷⠄⠸⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡤⠿⡀⠈⠀⢀⣀⠤⠚⠉⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠹⣷⡆⢀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠋⠁⠀⢀⠝⠋⠙⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⡀⠀⠀⡼⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⢠⢏⣴⠀⢀⡞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠓⠚⠙⠢⡀⠀⡀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⢀⡏⡞⢸⡄⠨⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⡀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠸⡇⡇⢸⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡖⢳⡄⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⡇⣷⠈⠉⢷⠀⢠⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⡧⣾⠃⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⢸⡘⡆⠀⠙⣆⠀⠈⠑⠦⣤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⠞⠋⢰⣿⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⣳⣳⠀⠀⠘⣆⠀⠀⠀⠀⠉⠙⠛⠿⠶⢤⣤⠤⠤⠤⠤⠶⠆⠐⠂⠀⠀⠀⠀⠀⠀⠀⠀⣼⢏⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⢀⣠⠴⠚⢉⣡⣡⡁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣯⠇⢀⡄⠀⠀⠀⠀⠀
⣇⡤⠖⣉⣀⣠⣴⠞⠋⠁⣷⠐⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⢞⠗⠁⣠⠟⠀⠀⠀⠀⠀⠀
⡧⣚⠿⠛⠉⠊⠁⠀⠀⠀⣿⡄⢈⢳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⠟⠂⠁⠀⠈⠁⣀⠔⠁⠀⠀⠀⠀
⡏⠁⠀⠀⠀⠀⠀⠀⠀⢀⣿⣇⠀⠳⡑⢄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠛⠁⠀⠀⢀⡠⠖⠉⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⡀⢀⠀⠰⢾⣿⡀⠀⠙⣆⠣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⣿⠇⠀⠀⠀⡴⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⡠⠊⠁⠀⠀⠘⠈⣿⣧⠀⠀⠹⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠃⢀⡇⠀⠀⠀⠸⡿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⡠⠊⠀⠀⠀⠀⠀⠀⠀⠹⣿⡀⠀⠀⠈⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠃⠀⠘⡆⠀⠀⠀⠀⠘⠼⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣧⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⠃⠀⢄⠀⣧⠀⠀⠀⠀⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⢀⣀⡤⠤⠴⢲⠃⠀⠀⠈⠳⢦⣤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠸⠁⠀⠀⠈⢧⢹⡄⠀⠀⠀⠀⠀⠘⡆⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠈⠉⠉⠀⠀⠀⢀⠏⠀⠀⠀⠀⠀⠀⠈⠀⠉⠙⠒⠒⠒⠀⠐⠒⠀⠀⠀⠀⠀⠀⠈⠀⢷⠀⠀⠀⠀⠀⠀⢳⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⢀⡞⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣀⠀⠀⠀⠀⠘⡇⠀⠀⠀⠀⠀⠘⡆⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⡼⠀⠀⠀⠀⠀⠀⣠⠴⡄⠀⠀⠀⠀⠀⠀⡀⠀⠀⠀⠀⢸⣿⣷⣤⡀⠀⠀⢻⡄⠀⠀⠀⠀⠀⢹⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⡼⠁⠀⠀⠀⠀⣠⠞⠁⠀⡇⠀⠀⠀⠀⠀⢠⣧⠀⠀⠀⠀⣾⡟⠛⠉⠙⠳⢦⣄⣧⠀⠀⠀⠀⠀⠈⠧⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⣼⠃⠀⠀⢀⡴⠊⠀⠀⠀⠀⡇⠀⠀⠀⠀⢀⡟⠸⡇⠀⠀⢸⠛⣧⠀⠀⠀⠀⠀⠈⢻⡀⠀⠀⠀⠀⠀⠀⠄⠀⠀⠀⠀⠀
⡇⠀⠀⠀⣸⠃⠀⢀⡴⠋⠀⠀⠀⠀⠀⢠⡇⠀⠀⠀⠀⣼⠁⢰⢿⠀⠀⡏⠀⠘⣷⡄⠀⠀⠀⠀⠀⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠸⡏⢀⡴⠋⠀⠀⠀⠀⠀⠀⠀⢘⡇⠀⠀⠀⣰⠃⡀⡀⢸⡇⠀⡇⠀⠀⣸⣷⡀⠀⠀⠀⠀⠘⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⡷⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠨⡇⠀⠀⢰⠃⠀⠀⠀⢸⡇⢸⢃⣤⣾⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⣰⠏⠀⠀⠀⠀⢹⡇⣼⣿⣿⡿⠉⠀⠹⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠇⣰⠋⠀⠀⠀⠀⠀⠈⢡⣿⡿⠟⠀⠀⠀⠀⠙⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠁⠀⠀⠀⠀⠀⠀⠀⢘⣿⠧⠀⠀⠀⠀⠀⠀⠒⠛⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⡿⠀⠀⠀⢀⣸⣥⡤⠶⠒⠛⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣇⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣠⣭⣥⣽⣶⣿⣿⣷⣦⣤⣤⣤⣤⣤⣦⣄⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀
-->
<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="./output.css" rel="stylesheet">
  <title>Youna Paper</title>
  <meta name="description" content="Youna Paper, 2026 Ajandaları satışta!">
  <meta name="keywords" content="Youna Paper, 2026 Ajandaları, Satışta">
  <meta name="author" content="Youna Paper">
  <meta name="robots" content="index, follow">
  <meta name="googlebot" content="index, follow">
  <meta name="google" content="notranslate">
  <meta name="google-site-verification" content="google-site-verification=google-site-verification">
  <meta name="google-site-verification" content="google-site-verification">
  <link rel="icon" href="./images/younafavicon.png" type="image/x-icon">
</head>

<body>
  <div class="flex flex-col items-center justify-center h-screen ">
    <div class="flex flex-col items-center justify-center">
      <img src="./images/youna.svg" alt="Youna | Matt Notebook" class="w-[70%] lg:w-1/2 mx-auto">
      <h1 class="inter-font-100 text-white text-xl md:text-2xl opacity-70">2026 Ajandaları satışta!</h1>
      <div class="flex lg:flex-row flex-col mt-8 gap-8">

        <button class="glass text-xl! lg:text-2xl! px-8!" href="#">
          <img src="./images/trendyol.svg" alt="Trendyol" class="h-6 md:h-8 lg:h-10">
        </button>
        <button class="glass text-xl! lg:text-2xl! px-8!" href="#">
          <img src="./images/hb.svg" alt="Hepsiburada" class="h-6 md:h-8 lg:h-10">
        </button>

      </div>
    </div>
    <p class="inter-font-100 text-white text-base md:text-lg opacity-70 absolute bottom-4 left-0 right-0 text-center px-4">
      Tüm hakları saklıdır. Youna Paper © 2025
    </p>
  </div>

  <div class="blur-bg">
    <span class="blob b1"></span>
    <span class="blob b2"></span>
    <span class="blob b3"></span>
    <span class="blob b4"></span>
    <span class="blob b5"></span>
  </div>
</body>

</html>