update hero

Nexus-Fi · Sep 19, 2024 · 7283133 · 7283133
1 parent ee8a0ef
commit 7283133
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 11 deletions.
diff --git a/.env b/.env
@@ -1 +1 @@
-NEXT_PUBLIC_AIRTABLE_API_KEY=pat6vsMZRHwrRjr8c.b8cd9f1bb284448bc3f33c845e672b31c2b75608db20fed10b8d5ab6bfb4c331
+NEXT_PUBLIC_AIRTABLE_API_KEY=
diff --git a/.gitignore b/.gitignore
@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel

diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx
@@ -2,6 +2,7 @@
 import React, { useState } from "react";
 import Airtable from "airtable";
 import toast from "react-hot-toast";
+import { Typewriter } from "react-simple-typewriter";
 
 const HomeEarlyAccess = (): JSX.Element => {
   const [email, setEmail] = useState("");
@@ -86,25 +87,38 @@ const HomeEarlyAccess = (): JSX.Element => {
       <div className="flex flex-col items-center gap-2.5 px-[156px] py-0 relative self-stretch w-full flex-[0_0_auto] border-b [border-bottom-style:solid] border-[#38e1ff]">
         <div className="flex-col justify-center gap-4 px-4 py-[100px] self-stretch w-full flex-[0_0_auto] bg-[#38e1ff08] border-r [border-right-style:solid] border-l [border-left-style:solid] flex items-center relative border-[#38e1ff]">
           <div className="flex flex-wrap items-center justify-center gap-[25px_25px] relative self-stretch w-full flex-[0_0_auto]">
-            <p className="relative w-fit [font-family:'VP_Pixel-Regular',Helvetica] font-normal text-collection-1-brand-2 text-[120px] text-center tracking-[0] leading-[normal]">
-              <span className="[font-family:'VP_Pixel-Regular',Helvetica] font-normal  text-[120px] tracking-[0]">
+            <p className="relative w-fit [font-family:'VP_Pixel-Regular',Helvetica] font-normal text-collection-1-brand-2 text-[80px] text-center tracking-[0] leading-[normal]">
+              <span className="[font-family:'VP_Pixel-Regular',Helvetica] font-normal  text-[100px] tracking-[0]">
                 R
               </span>
               <span className="[font-family:'Neue_Haas_Grotesk_Display_Pro-Regular',Helvetica]">
-                estake your <b className="text-[#38e1ff]">NIBI&#39;s</b>
+                estake your assets
               </span>
             </p>
             {/* <div className="relative w-fit mt-[-1.00px] [text-shadow:0px_0px_250px_#38e1ff] [background:linear-gradient(180deg,rgb(0,104.3,201.88)_0%,rgb(56,225.15,255)_100%)] [-webkit-background-clip:text] bg-clip-text [-webkit-text-fill-color:transparent] [text-fill-color:transparent] [font-family:'Neue_Haas_Grotesk_Display_Pro-75Bold',Helvetica] font-bold text-transparent text-[188px] text-center tracking-[0] leading-[225.6px] whitespace-nowrap">
               NIBI&#39;s
             </div> */}
-            <div className="relative w-fit [font-family:'Neue_Haas_Grotesk_Display_Pro-55Roman',Helvetica] font-normal text-collection-1-brand-2 text-[120px] text-center tracking-[0] leading-[normal] whitespace-nowrap">
-              to Earn_
+            <div className="relative w-fit [font-family:'Neue_Haas_Grotesk_Display_Pro-55Roman',Helvetica] font-normal text-collection-1-brand-2 text-[80px] text-center tracking-[0] leading-[normal] whitespace-nowrap">
+              and gif of{" "}
+              <b className="text-[#38e1ff]">
+                <span>
+                  <Typewriter
+                    words={["BTC", "ETH", "ATOM", "NIBI"]}
+                    loop={5}
+                    cursor
+                    cursorStyle="_"
+                    typeSpeed={70}
+                    deleteSpeed={70}
+                    delaySpeed={4000}
+                  />
+                </span>
+              </b>
             </div>
           </div>
-          <p className="relative w-fit [font-family:'Neue_Haas_Grotesk_Display_Pro-55Roman',Helvetica] font-normal text-white text-xl text-center tracking-[0] leading-[normal]">
+          <p className="relative py-8 w-fit [font-family:'Neue_Haas_Grotesk_Display_Pro-55Roman',Helvetica] font-normal text-white text-xl text-center tracking-[0] leading-[normal]">
             {" "}
-            Nexus Finance enables seamless restaking and validation on the
-            Nibiru platform, empowering users to secure, validate, and earn.
+            Nexus Finance enables seamless restaking and validation, empowering
+            users to secure, validate, and earn.
           </p>
           <a href="https://litepaper.nexusfi.xyz/">
             <button className="all-[unset] box-border inline-flex px-[72px] py-2.5 mb-[-1.00px] items-center justify-center gap-2.5 relative flex-[0_0_auto] rounded-[1.16px] overflow-hidden border border-solid border-transparent shadow-[0px_0px_250px_#42dfff] [border-image:linear-gradient(to_bottom,rgb(22,164,193),rgb(56,225.15,255))_1] [background:linear-gradient(180deg,rgb(56,70,255)_0%,rgb(22,164,193)_100%)]">
@@ -224,8 +238,8 @@ const HomeEarlyAccess = (): JSX.Element => {
               </p>
             </div>
             <p className="relative self-stretch [font-family:'Neue_Haas_Grotesk_Display_Pro-55Roman',Helvetica] font-normal text-[#38e1ffb2] text-base tracking-[0] leading-[normal]">
-              Nexus Finance enables seamless restaking and validation on the
-              Nibiru platform, empowering users to secure, validate, and earn.
+              Nexus Finance enables seamless restaking and validation,
+              empowering users to secure, validate, and earn.
             </p>
           </div>
           <div className="flex flex-col w-[300px] items-start gap-6 px-4 py-1 relative self-stretch shadow-[0px_0px_53.2px_#00000040]">

diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "react": "^18",
     "react-dom": "^18",
     "react-hot-toast": "^2.4.1",
+    "react-simple-typewriter": "^5.0.1",
     "react-toastify": "^10.0.5",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7"

diff --git a/yarn.lock b/yarn.lock
@@ -3697,6 +3697,11 @@ react-is@^16.13.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-simple-typewriter@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/react-simple-typewriter/-/react-simple-typewriter-5.0.1.tgz#cfdb896c868a55ed4d5f1f06d62b3a9d0f5ad9d7"
+  integrity sha512-vA5HkABwJKL/DJ4RshSlY/igdr+FiVY4MLsSQYJX6FZG/f1/VwN4y1i3mPXRyfaswrvI8xii1kOVe1dYtO2Row==
+
 react-toastify@^10.0.5:
   version "10.0.5"
   resolved "https://registry.yarnpkg.com/react-toastify/-/react-toastify-10.0.5.tgz#6b8f8386060c5c856239f3036d1e76874ce3bd1e"
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		NEXT_PUBLIC_AIRTABLE_API_KEY=pat6vsMZRHwrRjr8c.b8cd9f1bb284448bc3f33c845e672b31c2b75608db20fed10b8d5ab6bfb4c331
		NEXT_PUBLIC_AIRTABLE_API_KEY=
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,6 +27,7 @@ yarn-error.log* @@
     # local env files
     .env*.local
+    .env
     # vercel
     .vercel
@@ Expand Down @@