Airdrop

.env.development

@@ -14,3 +14,4 @@ NEXT_PUBLIC_OPTIMISM_API_KEY=ZRfPzBcHouE1y4JWU3_ikY6J7YQshjbW
 NEXT_PUBLIC_FUSE_ACCOUNT_API_BASE_URL=
 NEXT_PUBLIC_FUSE_API_BASE_URL=
 NEXT_PUBLIC_AMPLITUDE_SERVER_URL=
+NEXT_PUBLIC_AIRDROP_API_BASE_URL=

.env.production

@@ -15,3 +15,4 @@ NEXT_PUBLIC_BASE_API_KEY=
 NEXT_PUBLIC_FUSE_ACCOUNT_API_BASE_URL=
 NEXT_PUBLIC_AMPLITUDE_SERVER_URL=
 NEXT_PUBLIC_FUSE_API_BASE_URL=
+NEXT_PUBLIC_AIRDROP_API_BASE_URL=

app/Home.tsx

@@ -37,7 +37,21 @@ const Home = () => {
             />
           }
         </div>
-        <div className="transition-all ease-in-out bg-lightest-gray hover:bg-success rounded-[20px] md:min-h-[514px] px-[83.31px] pt-[60.36px] pb-[67px] md:px-[31px] md:py-[30px] mt-[99.5px] mb-10 md:mt-[78px] md:mb-5 bg-[url('/vectors/build-mobiles.svg')] hover:bg-[url('/vectors/build-mobiles-white.svg')] bg-no-repeat bg-bottom">
+        <div className="transition-all ease-in-out flex flex-col justify-center items-start md:justify-start bg-lightest-gray rounded-[20px] min-h-96 md:min-h-[514px] px-[83.31px] pt-[60.36px] pb-[67px] md:px-[31px] md:py-[30px] mt-[99.5px] mb-10 md:mt-[78px] md:mb-5 bg-[url('/vectors/airdrop-banner-background.svg')] bg-no-repeat bg-cover bg-bottom">
+          <p className="text-2xl leading-tight text-fuse-black font-semibold max-w-[414.86px]">
+            Fuse Ember
+          </p>
+          <p className="text-8xl font-bold md:text-5xl max-w-[395.25px] mt-[15.42px] mb-[35.58px]">
+            Airdrop
+          </p>
+          <Link
+            href={path.AIRDROP}
+            className="transition ease-in-out md:block md:text-center text-lg leading-none text-white hover:text-black font-semibold bg-black hover:bg-white rounded-full py-4 px-[52px] md:px-2 md:w-11/12 md:max-w-[270px]"
+          >
+            Join the Airdrop
+          </Link>
+        </div>
+        <div className="transition-all ease-in-out bg-lightest-gray hover:bg-success rounded-[20px] md:min-h-[514px] px-[83.31px] pt-[60.36px] pb-[67px] md:px-[31px] md:py-[30px] mb-10 md:mb-5 bg-[url('/vectors/build-mobiles.svg')] hover:bg-[url('/vectors/build-mobiles-white.svg')] bg-no-repeat bg-bottom">
           <p className="text-[40px] md:text-[32px] leading-tight text-fuse-black font-semibold max-w-[414.86px]">
             Build your Web3 project with Fuse
           </p>