bottom cta

blockworks-foundation · Aug 12, 2024 · 1c6ce72 · 1c6ce72
1 parent 8fd8f89
commit 1c6ce72
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/components/home/HomePage.tsx b/components/home/HomePage.tsx
@@ -7,6 +7,7 @@ import TokenParticles from './TokenParticles'
 import { Disclosure } from '@headlessui/react'
 import { ChevronDownIcon } from '@heroicons/react/20/solid'
 import BestApy from './BestApy'
+import { ZigZagLine } from '@components/NavTabs'
 
 const FAQS = [
   {
@@ -346,7 +347,7 @@ const HomePage = () => {
           </div>
         </div>
       </div>
-      <div className={`bg-th-bkg-1 ${WRAPPER_Y_PADDING}`}>
+      <div className={`${WRAPPER_Y_PADDING}`}>
         <div className="mx-auto flex max-w-3xl flex-col items-center">
           <h2 className="text-shadow mb-4 text-center text-3xl text-th-button-text md:text-5xl">
             Audits. Audits. Audits.
@@ -398,6 +399,21 @@ const HomePage = () => {
           </div>
         </div>
       </div>
+      <div className={`${WRAPPER_Y_PADDING} px-6`}>
+        <div className="mx-auto max-w-3xl rounded-2xl bg-th-bkg-1 p-12">
+          <div className="relative flex flex-col items-center">
+            <ZigZagLine className="absolute -bottom-6 w-20" reverse />
+            <ZigZagLine className="absolute -top-4 w-20" reverse />
+            <p className="mb-2 text-th-fgd-4">Earn up to</p>
+            <span className="mb-4 text-4xl font-bold text-th-fgd-1 md:text-5xl">
+              <BestApy /> APY
+            </span>
+            <ButtonLink path="/dashboard" size="small">
+              Let&apos;s Go
+            </ButtonLink>
+          </div>
+        </div>
+      </div>
     </>
   )
 }

diff --git a/components/shared/ButtonLink.tsx b/components/shared/ButtonLink.tsx
@@ -14,7 +14,7 @@ const ButtonLink = ({
 }) => {
   return (
     <Link
-      className={`raised-button text-shadow group flex w-max items-center justify-center rounded-lg font-extrabold text-th-button-text after:rounded-lg focus:outline-none md:hover:text-th-button-text ${
+      className={`raised-button text-shadow group flex w-max items-center justify-center rounded-xl font-extrabold text-th-button-text after:rounded-xl focus:outline-none md:hover:text-th-button-text ${
         size === 'large' ? 'h-14 px-8 text-xl' : 'h-9 px-4 text-base'
       } ${className}`}
       href={path}