update header

AbaxFinance · Jun 6, 2024 · affcc25 · affcc25
1 parent 638bf9b
commit affcc25
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 8 deletions.
diff --git a/abax_brand_assets.zip b/abax_brand_assets.zip
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -15,7 +15,7 @@ const footerLinks = [
   },
   {
     name: 'Discord',
-    link: 'https://discord.gg/WyDrWyr5Fk',
+    link: 'https://discord.gg/REFw5njXcU',
   },
   {
     name: 'Telegram',
@@ -28,14 +28,19 @@ export default function Footer() {
     <footer
       className="-mt-4 flex w-full flex-col items-center gap-6 rounded-t-[4rem] bg-[#121212] px-10 pb-4 pt-8 text-white lg:flex-row lg:items-center lg:gap-10 lg:px-40 lg:py-7 xl:px-60"
       aria-label="Global">
-      <div className="flex lg:w-[inherit]" aria-label="Global">
+      <div className="mr-0 flex lg:w-min" aria-label="Global">
         <Link href="/" className="relative hidden lg:block">
           <LogoIcon className="h-6 w-6" variant="ghost" />
         </Link>
         <Link href="/" className="relative block lg:hidden">
           <LogoIcon className="h-6 w-6" variant="light" />
         </Link>
       </div>
+      <div className="ml-0 mr-auto flex w-full justify-center gap-4 lg:justify-start">
+        <Link className="w-max" target="_blank" rel="noopener noreferrer" href={'https://abaxfinance.github.io/abax-org/abax_brand_assets.zip'}>
+          Brand Assets
+        </Link>
+      </div>
       <div className="flex w-full justify-around gap-2 lg:ml-auto lg:w-[inherit] lg:justify-end lg:gap-6">
         {footerLinks.map((l, i) => (
           <Fragment key={i}>

diff --git a/components/Header.tsx b/components/Header.tsx
@@ -16,8 +16,8 @@ type MenuLink = { name: string; link: string };
 type MenuLinks = (MenuLink | { name: string; sublinks: MenuLink[] })[];
 const menuLinks = [
   {
-    name: 'Whitepaper',
-    link: 'https://abaxfinance.github.io/abax-org/whitepaper.pdf',
+    name: 'Techpaper',
+    link: 'https://abaxfinance.github.io/abax-org/techpaper.pdf',
   },
   { name: 'GitHub', link: 'https://github.com/AbaxFinance' },
   {
@@ -95,7 +95,7 @@ export default function Header() {
         </DropdownMenuTrigger>
         <DropdownMenuContent className="w-screen pb-3">
           {menuLinks.map((l, i) => (
-            <Fragment key={i}>
+            <>
               {l.sublinks ? (
                 <DropdownMenuGroup key={i}>
                   <DropdownMenuLabel className="text-base">{l.name}</DropdownMenuLabel>
@@ -117,8 +117,22 @@ export default function Header() {
                 </DropdownMenuGroup>
               )}
               {i !== menuLinks.length - 1 && <DropdownMenuSeparator key={`divider_${i}`} className="my-2" />}
-            </Fragment>
+            </>
           ))}
+          <DropdownMenuGroup>
+            <DropdownMenuItem>
+              <Link
+                target="_blank"
+                rel="noopener noreferrer"
+                href={'https://app.abax.finance'}
+                className="h-14 w-full items-center justify-center gap-10 rounded-full bg-[#222222] px-6 disabled:cursor-not-allowed">
+                <div className="relative flex h-full items-center justify-center gap-2">
+                  <div className="whitespace-no-wrap text-white">Launch app</div>
+                  <p className="absolute right-16 top-2 text-xs text-[#E3C7A4]">TESTNET</p>
+                </div>
+              </Link>
+            </DropdownMenuItem>
+          </DropdownMenuGroup>
         </DropdownMenuContent>
       </DropdownMenu>
     </nav>

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -37,10 +37,10 @@ export default function Home() {
           </div>
           <div className="flex flex-col gap-5 lg:flex-row lg:gap-10">
             <div className="flex h-96 w-full flex-col gap-5 rounded-3xl bg-[#f3f3f3] p-8 transition-transform duration-300 hover:scale-105 lg:h-[32rem] lg:p-12">
-              <h5 className="text-4xl">Whitepaper</h5>
+              <h5 className="text-4xl">Techpaper</h5>
               <div>Read the document and undestand the core concept of Abax.</div>
               <Link
-                href="https://abaxfinance.github.io/abax-org/whitepaper.pdf"
+                href="https://abaxfinance.github.io/abax-org/techpaper.pdf"
                 target="_blank"
                 rel="noopener noreferrer"
                 className="group mt-auto flex h-12 w-12 items-center justify-center rounded-full bg-white hover:scale-105 ">

diff --git a/whitepaper.pdf → techpaper.pdf b/whitepaper.pdf → techpaper.pdf