UPDATE: Hope page style

snippet/templates/home_sections/collove.html

@@ -6,13 +6,13 @@
              data-aos-duration="400"
              data-aos-once="true">
             <div class="px-2 lg:px-4">
-                <h2 class="text-3xl text-center md:text-left font-bold">
+                <h2 class="text-xl text-center md:text-left font-bold">
                     <span class="text-neutral-600 dark:text-neutral-700">Developed by</span>
                     <br class="hidden md:block"/>
-                    <div class="text-4xl">
-                        <span class="text-pink-600">
+                    <div class="text-5xl">
+                        <span class="text-pink-600 dark:text-pink-500">
                             <a href="https://collove.codes" target="blank">Collove</a>
-                        </span> team
+                        </span>
                     </div>
                 </h2>
                 <p class="my-4 text-center md:text-justify">
@@ -36,7 +36,7 @@ <h2 class="text-3xl text-center md:text-left font-bold">
             </span>
             <div class="grow rounded-full h-[1px] bg-gradient-to-r from-neutral-400 dark:from-neutral-600"></div>
         </div>
-        <div class="container max-w-screen-sm flex items-center justify-center">
+        <div class="container max-w-screen-sm flex items-center justify-center select-none">
             <a href="https://github.com/collove/pasteme/graphs/contributors">
                 <img src="{% static 'img/contributors.svg' %}"
                      class="w-2/3 md:w-3/4 mx-auto"

snippet/templates/home_sections/hero.html

@@ -1,10 +1,10 @@
-<section class="container pt-12 pb-6 flex flex-col md:flex-row gap-2 md:gap-4 lg:gap-8 text-black dark:text-white">
-    <div class="flex flex-col flex-1 gap-2 justify-center">
+<section class="container pt-12 pb-6 flex flex-col lg:flex-row gap-2 md:gap-4 lg:gap-8 text-black dark:text-white">
+    <div class="flex flex-col flex-1 justify-center lg:pb-8">
         <div class="mb-4 text-center md:text-left">
-            <h1 class="text-3xl leading-tight font-bold">
-                <span class="text-pink-600">Modern Looking</span>
-                <br class="xl:hidden"/>
-                Pastebin service
+            <h1 class="text-3xl md:text-5xl lg:text-4xl font-bold">
+                <span class="text-pink-600 dark:text-pink-500">Modern Looking</span>
+                <br/>
+                <span class="text-4xl md:text-6xl lg:text-5xl">Pastebin service</span>
             </h1>
             <p class="text-lg text-neutral-800 dark:text-neutral-400 md:text-xl font-semibold mt-4 xl:mt-1">
                 With theme selection & Automatic language detection!

snippet/templates/home_sections/release.html

@@ -1,10 +1,10 @@
 {% load static %}
-<section class="py-16 flex flex-col md:flex-row gap-4 md:gap-4 lg:gap-8 bg-white dark:bg-black text-black dark:text-white">
+<section class="py-4 md:py-10 flex flex-col md:flex-row gap-4 md:gap-4 lg:gap-8 bg-white dark:bg-black text-black dark:text-white">
     <div class="w-full flex justify-center"
          data-aos="fade-up"
          data-aos-duration="400"
          data-aos-once="true">
-        <h1 class="text-xl md:text-3xl lg:text-6xl text-center font-bold">Release Information</h1>
+        <h1 class="text-2xl lg:text-4xl text-center font-bold">Latest Release Information</h1>
     </div>
     {% comment %} <div class="flex flex-col items-center justify-center" data-aos="fade-up" data-aos-duration="400" data-aos-once="true">
         <div class="px-2 lg:px-4"></div>

snippet/templates/home_sections/repo.html

@@ -1,10 +1,10 @@
 {% load static %}
 <section class="container max-w-screen-lg p-8 flex flex-col md:flex-row gap-4 md:gap-4 lg:gap-8 text-black dark:text-white">
-    <div class="flex flex-1 justify-center"
+    <div class="flex flex-1 justify-center select-none"
          data-aos="fade-up"
          data-aos-duration="400"
          data-aos-once="true">
-        <img class="mb-4d select-none"
+        <img class="mb-4d"
              src="{% static 'img/octocat.svg' %}"
              width="300"
              alt="Octocat"/>