From d486c805ae1b2233fd0c531ef7ed4b8fdef399e2 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Mon, 12 Aug 2024 11:09:26 +0500
Subject: [PATCH 1/2] ref(HeroBanner.vue): hero design simplification

---
 assets/svg/landing-blur.svg       | 21 --------------------
 components/landing/HeroBanner.vue | 33 +++++++++++--------------------
 locales/en.json                   |  1 -
 locales/hi.json                   |  3 +--
 4 files changed, 12 insertions(+), 46 deletions(-)
 delete mode 100644 assets/svg/landing-blur.svg

diff --git a/assets/svg/landing-blur.svg b/assets/svg/landing-blur.svg
deleted file mode 100644
index e1eb637ecf..0000000000
--- a/assets/svg/landing-blur.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_f_7857_37588)">
-<circle cx="273.841" cy="274.158" r="61.1579" fill="#6188E7"/>
-</g>
-<g filter="url(#filter1_f_7857_37588)">
-<path d="M382.047 265.418C363.454 204.777 289.673 312.034 288.684 316.775C274.706 304.002 242.081 277.349 223.409 272.924C200.068 267.394 207.585 355.885 228.156 370.7C248.728 385.514 318.552 379.194 354.157 385.712C389.762 392.23 400.641 326.059 382.047 265.418Z" fill="#FF7AC3"/>
-<path d="M382.047 265.418C363.454 204.777 289.673 312.034 288.684 316.775C274.706 304.002 242.081 277.349 223.409 272.924C200.068 267.394 207.585 355.885 228.156 370.7C248.728 385.514 318.552 379.194 354.157 385.712C389.762 392.23 400.641 326.059 382.047 265.418Z" stroke="#FF7AC3" stroke-width="0.533374"/>
-</g>
-<defs>
-<filter id="filter0_f_7857_37588" x="29.8723" y="30.1887" width="487.938" height="487.938" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="91.4056" result="effect1_foregroundBlur_7857_37588"/>
-</filter>
-<filter id="filter1_f_7857_37588" x="55.5334" y="93.4279" width="488.933" height="446.196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="76.6" result="effect1_foregroundBlur_7857_37588"/>
-</filter>
-</defs>
-</svg>
diff --git a/components/landing/HeroBanner.vue b/components/landing/HeroBanner.vue
index 9121193616..1284dc252a 100644
--- a/components/landing/HeroBanner.vue
+++ b/components/landing/HeroBanner.vue
@@ -1,28 +1,23 @@
 <template>
-  <section class="pt-6 md:!pt-[3.5rem]">
-    <div class="relative">
-      <img
-        src="~/assets/svg/landing-blur.svg"
-        alt="Hero banner background blur"
-        class="-z-10 absolute -translate-x-2/4 left-2/4 top-[-9rem] scale-120 md:scale-125 md:top-[-14rem] pointer-events-none"
-      >
-
+  <section class="!pt-8 md:!pt-[3rem]">
+    <div class="container is-fluid flex justify-center md:justify-between items-center">
       <h1
-        class="break-all text-3xl md:text-5xl font-bold text-center flex flex-col md:flex-row md:gap-5 flex-wrap justify-center items-center mb-0"
+        class="text-3xl md:text-[39px] md:leading-9 font-bold flex max-md:flex-col max-md:text-center md:gap-3 md:flex-wrap"
       >
-        <div>
+        <span>
           {{ $t('search.landingTitle1') }}
-        </div>
+        </span>
         <span
-          class="inverse-text text-3xl md:text-5xl font-bold text-center capitalize md:inline"
+          class="inverse-text"
         >
           {{ $t('search.landingTitle2') }}
         </span>
-        <div>
+        <span>
           {{ $t('search.landingTitle3') }}
-        </div>
+        </span>
       </h1>
-      <div class="container is-fluid flex justify-center mt-[2rem]">
+
+      <div class="max-md:hidden flex-shrink-0">
         <LandingDomainChangeNotificationBanner
           v-if="!isLatestProductionDomain"
         />
@@ -32,15 +27,9 @@
         />
         <LandingFarcasterBanner v-else />
       </div>
-
-      <div class="flex justify-center mt-[2rem]">
-        <p class="with-divider capitalize text-base">
-          {{ $t('landing.featuredGenerativeDrops') }}
-        </p>
-      </div>
     </div>
 
-    <div class="container is-fluid mt-6 md:mt-8 mb-16">
+    <div class="container is-fluid !mt-8 md:!mt-[3rem] mb-16">
       <CarouselTypeDrops />
     </div>
   </section>
diff --git a/locales/en.json b/locales/en.json
index ad282725db..5b7b00e094 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -1157,7 +1157,6 @@
     "newNftHeading": "New to NFTs?",
     "ksmArtistHeading": "KSM for artists",
     "socials": "Got any questions or want to stay in touch? Drop us a line via socials.",
-    "featuredGenerativeDrops": "Featured generative drops",
     "newNft": {
       "click": "Click {0} for a step by step guide!",
       "here": "here"
diff --git a/locales/hi.json b/locales/hi.json
index 099d6e7c01..3373931e30 100644
--- a/locales/hi.json
+++ b/locales/hi.json
@@ -732,8 +732,7 @@
       "here": "यहां"
     },
     "newNftHeading": "NFTs के लिए नए हैं?",
-    "socials": "कोई सवाल है या संपर्क में रहना चाहते हैं? हमसे सोशल मीडिया के माध्यम से संपर्क करें।",
-    "featuredGenerativeDrops": "विशेष रुप से प्रदर्शित जनरेटिव ड्रॉप्स"
+    "socials": "कोई सवाल है या संपर्क में रहना चाहते हैं? हमसे सोशल मीडिया के माध्यम से संपर्क करें।"
   },
   "Layout Options": "लेआउट विकल्प",
   "lewd": {

From 5c7d5a7cb6dc4b19900b186669140432730b6983 Mon Sep 17 00:00:00 2001
From: hassnian <hassnianxd@gmail.com>
Date: Mon, 12 Aug 2024 15:02:49 +0500
Subject: [PATCH 2/2] ref(HeroBanner.vue): don't hide hero banner notification
 on mobile

---
 components/landing/HeroBanner.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/landing/HeroBanner.vue b/components/landing/HeroBanner.vue
index 1284dc252a..a8dd8dbce9 100644
--- a/components/landing/HeroBanner.vue
+++ b/components/landing/HeroBanner.vue
@@ -1,6 +1,6 @@
 <template>
   <section class="!pt-8 md:!pt-[3rem]">
-    <div class="container is-fluid flex justify-center md:justify-between items-center">
+    <div class="container is-fluid flex max-md:flex-col max-md:gap-8 justify-center md:justify-between items-center">
       <h1
         class="text-3xl md:text-[39px] md:leading-9 font-bold flex max-md:flex-col max-md:text-center md:gap-3 md:flex-wrap"
       >
@@ -17,7 +17,7 @@
         </span>
       </h1>
 
-      <div class="max-md:hidden flex-shrink-0">
+      <div class="flex-shrink-0">
         <LandingDomainChangeNotificationBanner
           v-if="!isLatestProductionDomain"
         />