chore(website): update home page (#14110)

taikoxyz · Jul 6, 2023 · e20c091 · e20c091
1 parent c962aac
commit e20c091
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 33 deletions.
diff --git a/packages/website/components/BlogSection.tsx b/packages/website/components/BlogSection.tsx
@@ -1,4 +1,19 @@
 const posts = [
+  {
+    title: "ZK-Roller-Coaster #8",
+    href: "https://taiko.mirror.xyz/tOUCZgLRV9bKH24bxhahISpdhkQmqVyM-ZX-wMWtqkI",
+    description:
+      "This is the 8th edition of ZK-Roller-Coaster where we track and investigate the most exciting, meaningful, and crazy ZK-stuff of the prior two weeks.",
+    date: "Jul 04, 2023",
+    datetime: "2023-07-04",
+    imageUrl:
+      "https://mirror-media.imgix.net/publication-images/3cfm8O9yVJ8aszk8bQ700.png?height=1536&width=3072&h=1536&w=3072&auto=compress",
+    readingTime: "4 min",
+    author: {
+      name: "Lisa A.",
+      imageUrl: "https://avatars.githubusercontent.com/u/106527861?v=4",
+    },
+  },
   {
     title: "ZK-Roller-Coaster #7",
     href: "https://taiko.mirror.xyz/6WL5I2lbpYxOjhU82eUOyUvYa0yF2_rekI0f7cBrGxw",
@@ -29,22 +44,6 @@ const posts = [
       imageUrl: "https://avatars.githubusercontent.com/u/106527861?v=4",
     },
   },
-  {
-    title:
-      "Taiko Labs raises $22 million in funding to build an Ethereum-equivalent (Type 1) ZK-EVM",
-    href: "https://taiko.mirror.xyz/THTEOFtqE6pjDre5_Tzn04S0mjr7vCoMt5Y-uozfNv8",
-    description:
-      "We are thrilled to announce that we have raised $22 million across two funding rounds and launched our latest testnet (Alpha-3) in our mission to build a decentralized and Ethereum-equivalent (Type 1) ZK-EVM.",
-    date: "Jun 08, 2023",
-    datetime: "2023-06-08",
-    imageUrl:
-      "https://mirror-media.imgix.net/publication-images/N0UlPJZrY7oBrK3d4XovR.png?height=1600&width=3200&h=1600&w=3200&auto=compress",
-    readingTime: "3 min",
-    author: {
-      name: "Lisa A.",
-      imageUrl: "https://avatars.githubusercontent.com/u/106527861?v=4",
-    },
-  },
 ];
 
 export default function BlogSection() {

diff --git a/packages/website/components/CommunitySection.tsx b/packages/website/components/CommunitySection.tsx
@@ -1,4 +1,8 @@
 export default function CommunitySection() {
+  // Button base class
+  const buttonClass =
+    "inline-flex items-center justify-center float w-64 px-4 md:px-6 py-2 md:py-3 mb-4 mx-2 text-base md:text-lg font-semibold text-white rounded-md shadow-md";
+
   return (
     <div className="bg-white dark:bg-neutral-900">
       <div className="mx-auto max-w-7xl py-12 px-4 text-center sm:px-6 lg:py-16 lg:px-8">
@@ -10,27 +14,35 @@ export default function CommunitySection() {
             <div className="flex flex-wrap justify-center">
               <a
                 href="https://github.com/taikoxyz/taiko-mono/blob/main/CONTRIBUTING.md"
-                target={"_blank"}
-                rel={"noreferrer"}
-                className="inline-flex items-center justify-center w-64 md:w-72 px-4 md:px-6 py-2 md:py-3 mb-4 mx-2 text-base md:text-lg font-semibold text-white bg-neutral-800 hover:bg-neutral-900 dark:bg-neutral-700 dark:hover:bg-neutral-800 rounded-md shadow-md"
+                target="_blank"
+                rel="noreferrer"
+                className={`${buttonClass} bg-[#404040] hover:bg-[#3a3a3a]`}
               >
-                Contribute to Taiko &#8599;
+                Contribute to Taiko
               </a>
               <a
                 href="https://discord.gg/taikoxyz"
-                target={"_blank"}
-                rel={"noreferrer"}
-                className="inline-flex items-center justify-center w-64 md:w-72 px-4 md:px-6 py-2 md:py-3 mb-4 mx-2 text-base md:text-lg font-semibold text-white bg-indigo-600 hover:bg-indigo-700 rounded-md shadow-md"
+                target="_blank"
+                rel="noreferrer"
+                className={`${buttonClass} bg-[#5865f2] hover:bg-[#4f5bda]`}
               >
-                Join the Discord &#8599;
+                Join the Discord
+              </a>
+              <a
+                href="https://twitter.com/taikoxyz"
+                target="_blank"
+                rel="noreferrer"
+                className={`${buttonClass} bg-[#00acee] hover:bg-[#009bd6]`}
+              >
+                Follow on Twitter
               </a>
               <a
                 href="https://taikoxyz.notion.site/Taiko-Jobs-828fd7232d2c4150a11e10c8baa910a2"
-                target={"_blank"}
-                rel={"noreferrer"}
-                className="inline-flex items-center justify-center w-64 md:w-72 px-4 md:px-6 py-2 md:py-3 mb-4 mx-2 text-base md:text-lg font-semibold text-white bg-[#e81899] hover:bg-[#d1168a] dark:hover:bg-[#ea2fa3] rounded-md shadow-md"
+                target="_blank"
+                rel="noreferrer"
+                className={`${buttonClass} bg-[#e81899] hover:bg-[#d1168a]`}
               >
-                Explore open positions &#8599;
+                Explore open positions
               </a>
             </div>
           </div>

diff --git a/packages/website/components/Footer.tsx b/packages/website/components/Footer.tsx
@@ -40,7 +40,7 @@ export default function Footer() {
                   className="hover:underline"
                   target={"_blank"}
                 >
-                  Media kit
+                  Brand kit
                 </a>
               </li>
             </ul>

diff --git a/packages/website/theme.config.tsx b/packages/website/theme.config.tsx
@@ -52,10 +52,11 @@ export default {
   },
   logo: <ThemedImage />,
   navbar: {
-    extraContent:
-  <>
-    <ThemeToggle />
-  </>,
+    extraContent: (
+      <>
+        <ThemeToggle />
+      </>
+    ),
   },
   nextThemes: {
     defaultTheme: "light",