From e6d86b137a1480ff24af947e3b746ca6074f827f Mon Sep 17 00:00:00 2001
From: Sabrina Ferguson <sf@matterlabs.dev>
Date: Wed, 15 May 2024 15:11:00 -0400
Subject: [PATCH 1/4] feat: update design

---
 app.vue                   |  2 +-
 layouts/tutorials.vue     | 21 -------------------
 nuxt.config.ts            |  5 +++++
 pages/tutorials/index.vue | 43 +++++++++++++++++++++++----------------
 4 files changed, 32 insertions(+), 39 deletions(-)

diff --git a/app.vue b/app.vue
index 6a1cbbd..96ac5aa 100644
--- a/app.vue
+++ b/app.vue
@@ -49,7 +49,7 @@ provide('navigation', navigation);
   <div>
     <NuxtLoadingIndicator />
 
-    <HeaderComponent :links="[]" />
+    <HeaderComponent />
 
     <UMain>
       <NuxtLayout>
diff --git a/layouts/tutorials.vue b/layouts/tutorials.vue
index 6b07fb2..b28db03 100644
--- a/layouts/tutorials.vue
+++ b/layouts/tutorials.vue
@@ -4,10 +4,8 @@ const route = useRoute();
 if (!route.path) {
   throw new Error('Route path is not defined');
 }
-console.log('PATH', route);
 
 const { data: info } = await useAsyncData(`${route.path}-info`, () => {
-  console.log('ROUTE', route.fullPath);
   return queryContent(`${route.fullPath}/_info`).findOne();
 });
 
@@ -21,25 +19,6 @@ const { data: navigation } = await useAsyncData(`${route.path}-sidenav`, () => {
   return fetchContentNavigation(query);
 });
 
-// const links = computed(() => {
-//   const pageLinks = navigation.value;
-//   return [
-//     {
-//       label: 'Tutorials',
-//       icon: 'i-heroicons-arrow-left-circle',
-//       to: '/tutorials',
-//     },
-//     {
-//       label: info.value?.title || 'Guide',
-//       collapsible: false,
-//       children: pageLinks[0].children[0].children.map((item) => ({
-//         label: item.title,
-//         to: item._path,
-//       })),
-//     },
-//   ];
-// });
-console.log('WHY INFO', info.value);
 const links = [
   {
     label: 'Tutorials',
diff --git a/nuxt.config.ts b/nuxt.config.ts
index f122318..b7fd030 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -2,4 +2,9 @@
 export default defineNuxtConfig({
   extends: [['github:matter-labs/docs-nuxt-template', { install: true }]],
   modules: ['@nuxt/content', '@nuxt/ui', '@nuxt/eslint'],
+  runtimeConfig: {
+    public: {
+      app: 'code',
+    },
+  },
 });
diff --git a/pages/tutorials/index.vue b/pages/tutorials/index.vue
index d605f50..4579aa2 100644
--- a/pages/tutorials/index.vue
+++ b/pages/tutorials/index.vue
@@ -13,27 +13,36 @@ const { data: guides } = await useAsyncData('tutorials', () =>
           description="Explore all the community contributed guides for zkSync"
           icon="i-zksync-logo"
         />
-        <SiteLink
+
+        <ULandingCard
           v-for="(guide, index) of guides"
           :key="index"
+          :title="guide.title"
           :to="`/tutorials/${guide._dir}`"
-          class="hover:bg-zkSlate-100 dark:hover:bg-zkSlate-900 grid grid-cols-2 items-center gap-4 border-b border-gray-100 p-4 dark:border-gray-800"
+          class="mb-4"
         >
-          <div>
-            {{ guide.title }}
-          </div>
-          <div class="text-right">
-            <UBadge
-              v-for="tag in guide.tags"
-              :key="tag"
-              :label="tag"
-              color="blue"
-              size="sm"
-              variant="subtle"
-              class="mb-2 mr-2"
-            />
-          </div>
-        </SiteLink>
+          <template #description>
+            <p>{{ guide.description }}</p>
+            <div class="flex justify-between gap-2">
+              <AuthorsList
+                class="mb-4"
+                :authors="guide.authors"
+                :with-links="true"
+              />
+              <div>
+                <UBadge
+                  v-for="tag in guide.tags"
+                  :key="tag"
+                  :label="tag"
+                  color="blue"
+                  size="sm"
+                  variant="subtle"
+                  class="mb-2 mr-2"
+                />
+              </div>
+            </div>
+          </template>
+        </ULandingCard>
       </UPageBody>
     </UPage>
   </UContainer>

From b03a6f02fd3f6aa33f40d7c012fbdc915ef8bb01 Mon Sep 17 00:00:00 2001
From: Sabrina Ferguson <sf@matterlabs.dev>
Date: Wed, 15 May 2024 15:11:20 -0400
Subject: [PATCH 2/4] chore: add env for staging build

---
 .github/workflows/deploy-preview.yml | 3 +++
 .github/workflows/deploy-staging.yml | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/.github/workflows/deploy-preview.yml b/.github/workflows/deploy-preview.yml
index aed033f..7c88838 100644
--- a/.github/workflows/deploy-preview.yml
+++ b/.github/workflows/deploy-preview.yml
@@ -3,6 +3,9 @@ on:
   pull_request:
   workflow_dispatch:
 
+env:
+  NUXT_SITE_ENV: staging # used for NuxtSEO to disable things like indexing on staging
+
 permissions:
   checks: write
   contents: read
diff --git a/.github/workflows/deploy-staging.yml b/.github/workflows/deploy-staging.yml
index 19ef57f..9303be1 100644
--- a/.github/workflows/deploy-staging.yml
+++ b/.github/workflows/deploy-staging.yml
@@ -3,6 +3,9 @@ on:
   push:
     branches: [staging]
 
+env:
+  NUXT_SITE_ENV: staging # used for NuxtSEO to disable things like indexing on staging
+
 jobs:
   build_and_deploy:
     env:

From cd1111d611871242eac96819e78e6888b096e4bf Mon Sep 17 00:00:00 2001
From: Sabrina Ferguson <sf@matterlabs.dev>
Date: Wed, 15 May 2024 15:11:28 -0400
Subject: [PATCH 3/4] feat: add cool landing page

---
 components/IconOrbit.vue       | 321 +++++++++++++++++++++++++++++++++
 pages/index.vue                |  23 ++-
 public/logos/Solidity_logo.svg |   1 +
 public/logos/Vyper.svg         |  10 +
 public/logos/alchemy.svg       |   1 +
 public/logos/atlas_zk_logo.svg |  10 +
 public/logos/ethereum.svg      |  13 ++
 public/logos/hardhat.svg       |  19 ++
 public/logos/remix_logo.svg    |  10 +
 public/logos/viem-icon.png     | Bin 0 -> 8364 bytes
 public/logos/viem.png          | Bin 0 -> 7681 bytes
 public/logos/web3js-icon.png   | Bin 0 -> 7175 bytes
 public/logos/web3js.svg        |   9 +
 public/logos/zksync-icon.svg   |   1 +
 14 files changed, 416 insertions(+), 2 deletions(-)
 create mode 100644 components/IconOrbit.vue
 create mode 100644 public/logos/Solidity_logo.svg
 create mode 100644 public/logos/Vyper.svg
 create mode 100644 public/logos/alchemy.svg
 create mode 100644 public/logos/atlas_zk_logo.svg
 create mode 100644 public/logos/ethereum.svg
 create mode 100644 public/logos/hardhat.svg
 create mode 100644 public/logos/remix_logo.svg
 create mode 100644 public/logos/viem-icon.png
 create mode 100644 public/logos/viem.png
 create mode 100644 public/logos/web3js-icon.png
 create mode 100644 public/logos/web3js.svg
 create mode 100644 public/logos/zksync-icon.svg

diff --git a/components/IconOrbit.vue b/components/IconOrbit.vue
new file mode 100644
index 0000000..b27d17b
--- /dev/null
+++ b/components/IconOrbit.vue
@@ -0,0 +1,321 @@
+<template>
+  <div class="orbit">
+    <ul class="orbit-wrap">
+      <li class="orbit-center" />
+
+      <li>
+        <ul class="ring-0">
+          <li class="black-hole bg-white dark:bg-black" />
+          <li>
+            <img
+              src="/logos/alchemy.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/atlas_zk_logo.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/remix_logo.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/web3js.svg"
+              class="orbit-icon"
+            />
+          </li>
+        </ul>
+      </li>
+
+      <li>
+        <ul class="ring-1">
+          <li class="black-hole bg-white dark:bg-black" />
+          <li>
+            <img
+              src="/logos/hardhat.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/Vyper.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/ethereum.svg"
+              class="orbit-icon"
+            />
+          </li>
+        </ul>
+      </li>
+      <li>
+        <ul class="ring-2">
+          <li class="black-hole bg-white dark:bg-black" />
+          <li>
+            <img
+              src="/logos/alchemy.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/atlas_zk_logo.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/ethereum.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/web3js.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/Solidity_logo.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/atlas_zk_logo.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/remix_logo.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/web3js.svg"
+              class="orbit-icon"
+            />
+          </li>
+        </ul>
+      </li>
+      <li>
+        <ul class="ring-3">
+          <li class="black-hole bg-white dark:bg-black" />
+          <li>
+            <img
+              src="/logos/remix_logo.svg"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/viem.png"
+              class="orbit-icon"
+            />
+          </li>
+          <li>
+            <img
+              src="/logos/ethereum.svg"
+              class="orbit-icon"
+            />
+          </li>
+        </ul>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss">
+$orbitItemSize: 1.6em;
+$map: (
+  ring-0: 4,
+  ring-1: 3,
+  ring-2: 8,
+  ring-3: 3,
+);
+$lastRing: 3;
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  font-size: 100%;
+}
+
+.orbit {
+  background: transparent;
+  float: left;
+  width: 100%;
+  min-width: 90vw;
+  min-height: 100vh;
+}
+
+.orbit-icon {
+  width: $orbitItemSize;
+  height: $orbitItemSize;
+  line-height: $orbitItemSize;
+  font-size: 1.2em;
+  border-radius: 50%;
+  background: #ccc;
+  color: #fff;
+  text-align: center;
+  display: block;
+}
+
+$orbit-ring-left: 50%;
+$orbit-ring-top: 18%;
+
+.orbit-wrap {
+  height: 40em;
+  list-style: none;
+  font-size: 1.3em;
+
+  > li {
+    position: absolute;
+    left: $orbit-ring-left;
+    top: $orbit-ring-top;
+    transform: translate(-50%, -50%);
+  }
+}
+
+ul[class^='ring'] {
+  @extend %ring;
+  transition: all 300ms ease-in-out;
+  box-shadow: none !important;
+
+  li:not(.black-hole) {
+    @extend %orbiting-object;
+    transition: all 300ms ease-in-out;
+  }
+}
+
+@mixin orbit-item($numItems, $numRing) {
+  @for $s from 1 through $numItems + 1 {
+    // Spread items over the ring
+    $deg: calc(380deg / $numItems);
+
+    .ring-#{$numRing} > *:nth-of-type(#{$s}) {
+      transform: rotate($s * $deg) translate(21em - ($numRing * 4)) rotate(-$s * $deg);
+    }
+  }
+}
+
+.light img {
+  background: rgb(215, 241, 251) !important;
+}
+
+// Render rings
+@for $i from 0 through $lastRing {
+  .ring-#{$i} {
+    $size: 42em - ($i * 8);
+    $randomized: random(15);
+    // decrease each ring in size
+    width: $size;
+    height: $size;
+    animation: clockwiseRotate (75s - ($i * $randomized)) linear infinite;
+
+    i,
+    img {
+      animation: counterClockwiseRotate (75s - ($i * $randomized)) linear infinite;
+      width: 60px;
+      height: 35px;
+      background: rgba(148, 148, 148, 0.826);
+    }
+
+    .black-hole {
+      transform: none !important;
+      position: absolute;
+      // background: black;
+      width: $size - 0.2em;
+      height: $size - 0.2em;
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      border-radius: 50%;
+      box-sizing: content-box;
+    }
+  }
+
+  @include orbit-item(map-get($map, ring-#{$i}), $i);
+}
+
+%ring {
+  // border: solid 1px rgb(125 116 153 / 60%);
+  background: linear-gradient(
+    to bottom right,
+    rgba(184, 39, 252, 0.5) 0%,
+    rgba(44, 144, 252, 0.5) 25%,
+    rgba(184, 253, 51, 0.5) 50%,
+    rgba(254, 200, 55, 0.5) 75%,
+    rgba(253, 24, 146, 0.5) 100%
+  );
+  position: relative;
+  padding: 0;
+  border-radius: 50%;
+  list-style: none;
+  box-sizing: content-box;
+}
+
+%orbiting-object {
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: $orbitItemSize;
+  height: $orbitItemSize;
+  margin: calc(-1 * $orbitItemSize / 2);
+}
+
+/*
+  center;
+*/
+.orbit-center {
+  z-index: 5;
+  font-size: 2em;
+  width: 1.8em;
+  height: 1.8em;
+  line-height: 1.8em;
+  text-align: center;
+  background: transparent;
+  border-radius: 50%;
+}
+.orbit-center__icon {
+  transform: rotateZ(-360deg);
+  transition: all 300ms ease-in-out;
+}
+
+/*
+animations
+*/
+@keyframes clockwiseRotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes counterClockwiseRotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(-360deg);
+  }
+}
+</style>
diff --git a/pages/index.vue b/pages/index.vue
index 148af5f..0734a5c 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -16,10 +16,29 @@ useSeoMeta({
 
 <template>
   <div>
+    <IconOrbit class="absolute hidden md:block" />
     <ULandingSection
-      :title="page.features.title"
-      :links="page.features.links"
+      class="relative"
+      title=""
+      description="Build Together: Discover Community-Driven Guides and Tutorials for zkSync"
+      :links="[
+        {
+          label: 'Check out all the tutorials',
+          icon: 'i-zksync-zksync-logo',
+          trailingIcon: 'i-heroicons-arrow-right-20-solid',
+          to: '/tutorials',
+          size: 'xl',
+        },
+      ]"
     >
+      <template #headline>
+        <NuxtImg
+          src="/logos/zksync-icon.svg"
+          width="240"
+          class="invert filter dark:filter-none"
+        />
+      </template>
+
       <UPageGrid>
         <SiteLink
           v-for="(guide, index) of guides"
diff --git a/public/logos/Solidity_logo.svg b/public/logos/Solidity_logo.svg
new file mode 100644
index 0000000..e9b0b53
--- /dev/null
+++ b/public/logos/Solidity_logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 523.9 813"><style type="text/css">.st0{opacity:0.45;enable-background:new;}.st1{opacity:0.6;enable-background:new;}.st2{opacity:0.8;enable-background:new;}</style><path class="st0" d="M391.9 0l-130.7 232.3H0L130.6 0 391.9 0"/><path class="st1" d="M261.2 232.3h261.3L391.9 0h-261.3L261.2 232.3z"/><path class="st2" d="M130.6 464.5l130.6-232.2L130.6 0 0 232.3 130.6 464.5z"/><path class="st0" d="M131.9 813l130.7-232.3h261.3L393.2 813H131.9"/><path class="st1" d="M262.6 580.7h-261.3L131.9 813H393.2L262.6 580.7z"/><path class="st2" d="M393.2 348.5l-130.6 232.2L393.2 813l130.7-232.3L393.2 348.5z"/></svg>
\ No newline at end of file
diff --git a/public/logos/Vyper.svg b/public/logos/Vyper.svg
new file mode 100644
index 0000000..44e6512
--- /dev/null
+++ b/public/logos/Vyper.svg
@@ -0,0 +1,10 @@
+<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
+<polygon transform="matrix(.0625 0 0 .0625 3.75e-7 8.5744)" points="1280 1330.2 1024 886.81 768 1330.2 1024 1773.6" opacity=".8"/>
+<polygon transform="matrix(.0625 0 0 .0625 3.75e-7 8.5744)" points="1536 886.81 1280 443.41 1024 886.81 1280 1330.2" opacity=".6"/>
+<polygon transform="matrix(.0625 0 0 .0625 3.75e-7 8.5744)" points="1024 886.81 768 443.41 512 886.81 768 1330.2" opacity=".6"/>
+<polygon transform="matrix(.0625 0 0 .0625 3.75e-7 8.5744)" points="1792 443.41 1536 0 1280 443.41 1536 886.81" opacity=".45"/>
+<polygon transform="matrix(.0625 0 0 .0625 3.75e-7 8.5744)" points="768 443.41 1024 886.81 1280 443.41 1152 221.7 896 221.7" opacity=".45"/>
+<polygon transform="matrix(.0625 0 0 .0625 3.75e-7 8.5744)" points="768 443.41 512 0 256 443.41 512 886.81" opacity=".45"/>
+<polygon transform="matrix(.0625 0 0 .0625 3.75e-7 8.5744)" points="2048 0 1536 0 1792 443.4" opacity=".3"/>
+<polygon transform="matrix(.0625 0 0 .0625 3.75e-7 8.5744)" points="512 0 0 0 256 443.4" opacity=".3"/>
+</svg>
\ No newline at end of file
diff --git a/public/logos/alchemy.svg b/public/logos/alchemy.svg
new file mode 100644
index 0000000..095bd15
--- /dev/null
+++ b/public/logos/alchemy.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><path d="M58.571,15.361L89.499,67.915L69.056,67.915L47.721,32.902L58.571,15.361Z" style="stroke:#000;stroke-width:1px;"/><path d="M42.854,41.249L11.762,94.243L32.54,94.243L53.714,59.099L42.854,41.249Z" style="stroke:#000;stroke-width:1px;"/><path d="M42.903,94.243L105.014,94.243L94.52,75.949L53.714,75.949L42.903,94.243Z" style="stroke:#000;stroke-width:1px;"/></svg>
\ No newline at end of file
diff --git a/public/logos/atlas_zk_logo.svg b/public/logos/atlas_zk_logo.svg
new file mode 100644
index 0000000..5d89d1e
--- /dev/null
+++ b/public/logos/atlas_zk_logo.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 243 290" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="Artboard1" x="0" y="0" width="243" height="290" style="fill:none;"/>
+    <g id="AtlasZK-Logo" serif:id="AtlasZK Logo">
+        <path d="M60.634,194.081L60.488,194.325C39.83,176.782 25.952,150.584 25.952,121.386C25.952,68.619 68.792,25.778 121.559,25.778C174.326,25.778 217.167,68.619 217.167,121.386C217.167,150.529 204.099,176.644 183.509,194.186L172.398,175.395C173.257,171.604 177.422,166.187 181.753,165.956C186.615,165.697 186.528,154.02 186.567,151.052C186.607,148.084 192.053,147.415 194.995,143.267C197.938,139.12 198.117,119.764 196.606,119.716C195.577,121.598 194.884,132.58 193.478,132.771C192.071,132.963 190.054,127.839 189.923,121.311C189.792,114.782 184.503,112.03 182.287,111.988C180.071,111.945 178.632,112.577 178.323,115.365C178.014,118.153 176.795,123.62 167.949,124.348C159.103,125.076 156.115,113.606 155.118,109.549C153.326,113.203 156.484,128.462 165.465,127.09C174.446,125.718 172.196,132.19 172.196,135.27C172.196,138.295 160.537,149.564 157.814,150.729L122.118,90.359L94.796,135.308C94.393,135.324 94.125,135.37 94.01,135.449C92.227,136.687 86.901,133.533 85.564,130.426C84.227,127.319 87.361,118.909 87.361,114.503C87.361,110.096 93.219,103.115 98.193,101.034C103.167,98.952 98.354,96.609 96.396,95.6C94.438,94.591 94.721,87.199 97.437,86.86C100.153,86.52 105.173,87.45 105.417,83.186C105.661,78.922 97.83,81.74 97.162,79.269C96.495,76.798 104.494,69.142 106.965,69.142C109.436,69.142 108.985,71.713 108.985,73.584C108.985,75.456 112.788,78.776 114.807,78.328C116.825,77.881 117.993,67.327 117.953,64.917C117.914,62.507 120.89,57.32 123.529,56.823C126.167,56.327 127.497,57.889 130.257,57.92C133.018,57.951 137.198,55.53 139.665,55.237C142.133,54.945 143.156,58.573 143.503,59.964C143.849,61.355 147.436,62.896 150.92,63.073C154.403,63.251 158.782,59.099 158.594,58.258C158.407,57.417 146.264,46.836 121.925,46.836C97.587,46.836 83.232,57.349 82.165,58.048C81.098,58.748 83.091,60.455 83.091,61.857C83.091,63.259 82.385,64.726 82.175,66.773C81.964,68.82 84.441,74.24 84.441,75.223C84.441,76.207 77.94,77.151 75.259,77.151C72.579,77.151 72.085,81.77 71.863,84.945C71.641,88.12 62.487,87.23 61.778,88.047C61.068,88.865 61.912,90.147 57.477,92.62C53.043,95.093 47.346,100.594 46.899,118.409C46.452,136.224 53.304,132.864 55.301,133.992C57.298,135.12 55.963,136.499 55.963,138.385C55.963,140.271 58.249,143.616 61.039,144.789C63.829,145.962 63.263,143.891 66.983,143.891C70.702,143.891 72.768,149.013 72.768,149.013C72.768,149.013 73.909,157.164 73.322,159.493C72.735,161.822 74.029,164.329 74.718,167.146C75.407,169.962 73.391,171.594 71.13,172.567C69.358,173.329 70.215,175.529 70.669,176.447L60.555,193.722L60.634,194.081Z"/>
+        <path d="M45.371,239.855L122.021,110.465L197.991,239.855L155.193,239.855L122.021,183.68L88.236,239.855L45.371,239.855Z"/>
+        <path d="M122.021,218.493L100.451,239.855L122.021,264.352L143.785,239.855L122.021,218.493Z"/>
+    </g>
+</svg>
diff --git a/public/logos/ethereum.svg b/public/logos/ethereum.svg
new file mode 100644
index 0000000..668f2cc
--- /dev/null
+++ b/public/logos/ethereum.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1920 1920" enable-background="new 0 0 1920 1920" xml:space="preserve">
+<g>
+	<polygon fill="#8A92B2" points="959.8,80.7 420.1,976.3 959.8,731 	"/>
+	<polygon fill="#62688F" points="959.8,731 420.1,976.3 959.8,1295.4 	"/>
+	<polygon fill="#62688F" points="1499.6,976.3 959.8,80.7 959.8,731 	"/>
+	<polygon fill="#454A75" points="959.8,1295.4 1499.6,976.3 959.8,731 	"/>
+	<polygon fill="#8A92B2" points="420.1,1078.7 959.8,1839.3 959.8,1397.6 	"/>
+	<polygon fill="#62688F" points="959.8,1397.6 959.8,1839.3 1499.9,1078.7 	"/>
+</g>
+</svg>
diff --git a/public/logos/hardhat.svg b/public/logos/hardhat.svg
new file mode 100644
index 0000000..e5a0da1
--- /dev/null
+++ b/public/logos/hardhat.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="256px" height="177px" viewBox="0 0 256 177" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <title>Hardhat</title>
+    <g>
+				<path d="M256,148.406607 C256,148.406607 217.007253,142.629903 196.402559,140.973019 C176.615112,139.383307 153.166846,138.465303 128.011319,138.465303 C102.855792,138.465303 79.4075265,139.383307 59.6256766,140.973019 C39.0153847,142.652294 0.0282356755,150.668029 0.0282356755,150.668029 L0.0282356755,160.743674 C0.0282356755,169.699803 57.3306685,176.976658 128.011319,176.976658 C198.69197,176.976658 255.994402,169.699803 255.994402,160.743674 L256,148.406607 Z" fill="#F0D50C"></path>
+				<path d="M88.6603273,14.7643691 C41.9255225,31.4163803 10.7166742,75.664588 10.7140171,125.277403 L10.7140171,141.891023 C27.3914169,137.906683 44.3954335,135.441138 61.5176588,134.524607 C61.4019755,131.337717 61.342268,128.126572 61.3385362,124.89117 C61.355329,81.2972124 71.8787806,42.0693674 88.6603273,14.7643691 Z" fill="#F0D50C"></path>
+				<path d="M245.30315,125.277403 C245.343126,98.0545432 235.873361,71.6726454 218.529795,50.6896416 C226.048491,74.7037573 229.794938,99.7392358 229.635395,124.902365 C229.635395,129.481186 229.517846,134.007763 229.282748,138.482096 C234.620105,139.303585 239.906987,140.424875 245.118303,141.840644 L245.30315,125.277403 Z" fill="#FFF04D"></path>
+				<path d="M245.30315,125.277403 C245.343126,98.0545432 235.873361,71.6726454 218.529795,50.6896416 C226.048491,74.7037573 229.794938,99.7392358 229.635395,124.902365 C229.635395,129.481186 229.517846,134.007763 229.282748,138.482096 C234.620105,139.303585 239.906987,140.424875 245.118303,141.840644 L245.30315,125.277403 Z" fill="#FFEA00"></path>
+				<path d="M218.529795,50.684044 C187.104313,12.5902868 135.200193,-1.76612429 88.6659248,14.7643691 C71.873183,42.0693674 61.355329,81.2972124 61.355329,124.896768 C61.355329,128.132169 61.4150365,131.343315 61.5344516,134.530204 C78.9989031,133.181187 99.2173643,132.347148 120.868806,132.196013 C120.868806,132.196013 125.78908,132.196013 128.022514,132.196013 C161.889262,131.789594 195.739449,133.898215 229.293943,138.504486 C229.521578,134.026422 229.639127,129.499845 229.64659,124.924756 C229.8055,99.7516578 226.055239,74.7064879 218.529795,50.684044 L218.529795,50.684044 Z" fill="#FFF04D"></path>
+				<g transform="translate(81.394668, 0.000000)" fill="#FFF04D">
+						<path d="M93.7986585,58.4422907 L86.3650714,11.9823716 C85.8370184,8.56415712 83.3879084,5.75552474 80.0733908,4.76709013 C58.4140349,-1.58903004 35.3846237,-1.58903004 13.7252677,4.76709013 C10.4129329,5.75734065 7.96632131,8.56560629 7.43918465,11.9823716 L0,58.4422907"></path>
+				</g>
+				<path d="M128.022514,131.210839 C125.783482,131.210839 123.561242,131.210839 121.355796,131.210839 L121.109502,131.210839 L120.863209,131.210839 C53.507521,131.681036 0.0338332561,138.756378 0.0338332561,147.415835 L0.0338332561,159.96561 C-0.075292123,160.701057 0.0815069892,161.451311 0.476042125,162.081496 C3.8969084,159.512263 7.8289966,157.706557 12.0070582,156.786185 C22.6478093,154.197131 33.4629332,152.386191 44.3666718,151.367727 C50.5593216,150.688461 56.7447402,152.70744 61.3441338,156.909331 C69.765567,164.618976 80.76931,168.894659 92.1868031,168.893752 L163.835835,168.893752 C175.253226,168.893752 186.256779,164.618506 194.678504,156.909331 L194.678504,156.909331 C199.277546,152.702584 205.466059,150.68122 211.661564,151.362129 C222.56347,152.380489 233.376741,154.191432 244.01558,156.780587 C247.972386,157.541461 251.709264,159.176584 254.953252,161.566519 C255.137973,161.751239 255.350681,161.913569 255.51301,162.081496 C255.91028,161.448201 256.069033,160.694128 255.960817,159.954415 L255.960817,147.40464 C256,138.476498 198.697567,131.210839 128.022514,131.210839 Z" fill="#FFF04D"></path>
+				<polygon fill="#6E6F70" points="154.980462 93.942147 127.988929 110.555766 127.988929 132.13444"></polygon>
+				<polygon fill="#0A0A0A" points="128.016917 132.13444 128.016917 110.555766 101.025383 93.942147"></polygon>
+				<polygon fill="#0A0A0A" points="101.025383 84.0848076 101.025383 84.0848076 128.016917 99.6908623 128.016917 40.4292763"></polygon>
+				<polygon fill="#6E6F70" points="154.980462 84.0848076 127.988929 40.4236787 127.988929 40.4236787 127.988929 68.4731552 127.988929 68.4731552 127.988929 99.6852648 154.980462 84.07921 154.980462 84.07921"></polygon>
+		</g>
+</svg>
diff --git a/public/logos/remix_logo.svg b/public/logos/remix_logo.svg
new file mode 100644
index 0000000..db337c4
--- /dev/null
+++ b/public/logos/remix_logo.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 448 392" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="Artboard1" x="0" y="0" width="448" height="392" style="fill:none;"/>
+    <g id="Remix-Logo" serif:id="Remix Logo">
+        <path d="M224.621,372L118.621,265L224.621,300L331.621,265L224.621,372Z"/>
+        <path d="M99.02,244.718C103.08,253.481 107.488,261 107.488,261C107.488,261 56.429,271.834 41.499,254.1C26.568,236.366 14.29,187.388 22.787,161.862C29.269,142.387 62.617,143.795 65.928,143.984C83.624,72.81 148.004,20 224.621,20C301.227,20 365.599,72.795 383.306,143.953C388.911,143.711 419.64,143.251 425.834,161.862C434.331,187.388 422.053,236.366 407.122,254.1C392.192,271.834 341.133,261 341.133,261C341.133,261 344.694,255.861 348.555,248.165L348.482,248.156C349.057,247.057 349.619,245.949 350.165,244.833C351.392,242.193 352.575,239.572 353.717,236.973C360.553,220.502 364.327,202.444 364.327,183.512C364.327,106.405 301.727,43.805 224.621,43.805C147.515,43.805 84.914,106.405 84.914,183.512C84.914,197.551 86.99,211.11 90.85,223.897C93.767,232.151 96.572,239.434 99.02,244.718Z"/>
+        <path d="M119.065,241.151C113.058,230.365 108.683,218.563 106.272,206.074L130.808,192.304L104.121,183.716C104.121,183.644 104.121,183.572 104.121,183.5C104.121,173.766 105.297,164.302 107.516,155.24L134.176,152.974L114.513,134.913C118.499,126.052 123.54,117.76 129.479,110.193L153.786,118.588L143.394,95.261C150.678,88.662 158.781,82.937 167.533,78.255L185.836,95.2L185.923,70.306C194.923,67.277 204.401,65.275 214.212,64.441L224.621,86.894L234.856,64.426C244.658,65.245 254.128,67.23 263.124,70.241L263.35,95.2L282.18,78.509C290.77,83.153 298.728,88.805 305.893,95.302L295.458,118.588L319.957,110.442C325.73,117.837 330.648,125.921 334.564,134.548L314.85,152.63L341.65,154.933C343.913,164.07 345.116,173.618 345.121,183.441L319.033,191.961L343.141,205.171C340.738,218.155 336.217,230.407 329.946,241.562L224.621,276.899L119.065,241.151Z"/>
+    </g>
+</svg>
diff --git a/public/logos/viem-icon.png b/public/logos/viem-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..dae92c2c4ed8eb05f6bc28359703eea6488685e5
GIT binary patch
literal 8364
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

literal 0
HcmV?d00001

diff --git a/public/logos/viem.png b/public/logos/viem.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0a3575cd9bde1d34bb0c25e7a3876f5491cd980
GIT binary patch
literal 7681
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

literal 0
HcmV?d00001

diff --git a/public/logos/web3js-icon.png b/public/logos/web3js-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3061fa207a400d5177805901db66b73eec760b28
GIT binary patch
literal 7175
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

literal 0
HcmV?d00001

diff --git a/public/logos/web3js.svg b/public/logos/web3js.svg
new file mode 100644
index 0000000..6fd6bd8
--- /dev/null
+++ b/public/logos/web3js.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="256px" height="240px" viewBox="0 0 256 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <title>web3js</title>
+    <g>
+				<path d="M85.3674598,43.7843098 C85.3674598,43.7843098 75.8802906,49.2616143 75.8802906,60.1991602 C75.8802906,71.1537692 75.8802906,114.869826 75.8802906,114.869826 C75.8802906,114.869826 75.8802906,125.824435 66.3931214,120.347131 C56.9059521,114.869826 56.9059521,103.93228 56.9059521,103.93228 C56.9059521,103.93228 56.9059521,60.1991602 56.9059521,49.2616143 C56.9059521,48.5790842 56.9400787,47.9136173 57.0083317,47.2652136 C58.0491902,37.6415384 66.3760581,32.8297007 66.3760581,32.8297007 L47.4187829,21.8921549 C47.4187829,21.8921549 47.4017197,21.8921549 47.3846564,21.9092182 C46.821569,22.23342 37.9316137,27.7107245 37.9316137,38.3070053 C37.9316137,49.2616143 37.9316137,92.9776711 37.9316137,92.9776711 C37.9316137,92.9776711 37.9316137,103.93228 28.4444444,98.4549757 C18.9572752,92.9776711 18.9572752,82.0401253 18.9572752,82.0401253 C18.9572752,82.0401253 18.9572752,38.3070053 18.9572752,27.3694594 C18.9572752,16.4319136 28.4444444,10.9546091 28.4444444,10.9546091 L9.48716923,-9.69933695e-15 C9.48716923,-9.69933695e-15 3.87973478e-14,5.47730454 3.87973478e-14,16.4148504 C3.87973478e-14,27.3694594 3.87973478e-14,71.0855162 3.87973478e-14,71.0855162 C3.87973478e-14,71.0855162 3.87973478e-14,103.93228 28.4444444,120.347131 C37.1637672,125.380791 43.2041592,125.773245 47.4017197,123.913351 C51.5992801,130.619209 57.6396721,137.205626 66.3589949,142.239285 C94.8034393,158.654136 94.8034393,125.824435 94.8034393,125.824435 C94.8034393,125.824435 94.8034393,82.0913151 94.8034393,71.1537692 C94.8034393,60.1991602 104.290609,54.7389189 104.290609,54.7389189 C101.374381,51.0705179 98.781296,48.5792828 96.511354,47.2652136 C94.5761519,46.1449253 90.8615205,44.984624 85.3674598,43.7843098 Z" fill="#808285"></path>
+				<path d="M189.641005,136.813171 C189.641005,104.392988 218.08545,120.39832 218.08545,120.39832 L218.08545,120.39832 L256,142.290475 L256,164.18263 L218.08545,142.290475 C218.08545,142.290475 217.965922,142.221467 217.753698,142.114458 L217.628908,142.052508 C215.73539,141.126763 208.59828,138.268597 208.59828,147.784843 C208.59828,158.722389 218.08545,164.199693 218.08545,164.199693 L218.08545,164.199693 L237.042725,175.137239 C237.042725,175.137239 256,186.091848 256,218.921549 C256,251.75125 227.555556,235.336399 227.555556,235.336399 L227.555556,235.336399 L189.641005,213.444244 L189.641005,191.55209 L227.572619,213.444244 C227.572619,213.444244 237.059788,218.921549 237.059788,207.96694 C237.059788,197.029394 227.572619,191.55209 227.572619,191.55209 L227.572619,191.55209 L218.08545,186.074785 C217.519405,185.736399 189.641005,168.909152 189.641005,136.813171 Z M161.196561,87.5686196 C166.865803,88.2201533 170.709106,89.1287944 172.726468,90.294543 C174.921834,91.563152 177.397623,94.3060472 180.153836,98.5232287 C180.153836,98.5232287 170.666667,104.000533 170.666667,114.938079 L170.666667,114.938079 L170.665899,169.695169 C170.641067,171.534207 169.813333,201.946 142.222222,186.023595 C114.631111,170.10119 113.803378,138.717998 113.778546,136.849337 L113.777778,136.761981 L132.735053,147.71659 L132.735053,147.71659 L132.735416,147.753244 C132.745833,148.447749 133.054845,158.838764 142.222222,164.13144 C151.418968,169.441072 151.700501,159.309428 151.709119,158.684147 L151.709391,103.98347 C151.709391,93.0459241 161.196561,87.5686196 161.196561,87.5686196 Z M113.811904,93.1653669 L132.769179,104.102913 L132.769179,125.995068 L113.811904,115.057522 L113.811904,93.1653669 Z" fill="#BCBEC0"></path>
+				<path d="M218.08545,43.7843098 C209.349064,38.7335866 201.51703,36.276478 194.845298,35.2868093 C193.104846,31.4817037 188.839032,27.0111311 180.170899,22.0627874 C151.726455,5.81856962 123.299074,21.8921549 123.299074,21.8921549 L85.3674598,43.7843098 L104.324735,54.7218556 L142.239285,32.8297007 C142.239285,32.8297007 151.726455,27.3523962 161.196561,32.8297007 C170.68373,38.3070053 161.196561,43.7843098 161.196561,43.7843098 L123.28201,65.6764647 L123.28201,65.6764647 L123.28201,65.6764647 L142.239285,76.6140105 L180.187962,54.7047924 C180.75105,54.3805905 189.93108,49.4151836 199.111111,54.7218556 C208.59828,60.1991602 199.111111,65.6594015 199.111111,65.6594015 L161.196561,87.5515564 L180.153836,98.5061654 L227.555556,71.136706 C227.555556,71.136706 246.512831,60.1991602 218.08545,43.7843098 Z" fill="#F16822"></path>
+		</g>
+</svg>
diff --git a/public/logos/zksync-icon.svg b/public/logos/zksync-icon.svg
new file mode 100644
index 0000000..c3564cd
--- /dev/null
+++ b/public/logos/zksync-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 440 275" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="Artboard1" x="0" y="0" width="439.631" height="274.249" style="fill:none;"/><g><path d="M414.636,137.208L304.044,27.113L304.044,107.694L194.282,188.441L304.044,188.441L304.044,247.302L414.636,137.208Z" style="fill:#fff;"/><path d="M24.995,137.208L135.587,247.302L135.587,167.218L245.349,85.808L135.587,85.808L135.587,26.948L24.995,137.208Z" style="fill:#fff;"/></g></svg>
\ No newline at end of file

From 0332a63dfc5e2187f90f7785ae097495453e5e1a Mon Sep 17 00:00:00 2001
From: Sabrina Ferguson <sf@matterlabs.dev>
Date: Wed, 15 May 2024 15:17:38 -0400
Subject: [PATCH 4/4] feat: update og image

---
 app.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app.vue b/app.vue
index 96ac5aa..2865946 100644
--- a/app.vue
+++ b/app.vue
@@ -40,7 +40,9 @@ useSeoMeta({
   twitterImageAlt: 'zkSync — Accelerating the mass adoption of crypto for personal sovereignty.',
 });
 
-defineOgImage({ component: 'OgImageCommunityCode' });
+defineOgImage({
+  component: 'OgImageZK',
+});
 
 provide('navigation', navigation);
 </script>