From 938d9ab2033936ab4f65fa44a4770706c2191ac7 Mon Sep 17 00:00:00 2001
From: Ade Novid <adenvt@gmail.com>
Date: Wed, 22 Jun 2022 15:30:42 +0700
Subject: [PATCH] feat(homepage): added name and logo

---
 components/.vitepress/config.ts                        |  6 ++++--
 components/.vitepress/theme/components/Home.vue        | 10 +++++-----
 .../{.vitepress/theme => public}/assets/icon-privy.svg |  0
 components/public/assets/logo.svg                      |  3 +++
 4 files changed, 12 insertions(+), 7 deletions(-)
 rename components/{.vitepress/theme => public}/assets/icon-privy.svg (100%)
 create mode 100644 components/public/assets/logo.svg

diff --git a/components/.vitepress/config.ts b/components/.vitepress/config.ts
index 6d43493ac3..7d9c564fe6 100644
--- a/components/.vitepress/config.ts
+++ b/components/.vitepress/config.ts
@@ -1,10 +1,12 @@
 import { defineConfig } from 'vitepress'
+import logo from './theme/assets/logo.svg'
 
 export default defineConfig({
   base       : process.env.BASE_URL ?? '/design-system/',
-  title      : 'Design System',
-  description: 'Privy Design System',
+  title      : 'Archi',
+  description: 'Archi - Open Source Design System by PrivyID',
   themeConfig: {
+    logo        : './assets/logo.svg',
     repo        : 'privy-open-source/design-system',
     docsDir     : 'components',
     docsBranch  : 'main',
diff --git a/components/.vitepress/theme/components/Home.vue b/components/.vitepress/theme/components/Home.vue
index 815a54ad87..a33fa98836 100644
--- a/components/.vitepress/theme/components/Home.vue
+++ b/components/.vitepress/theme/components/Home.vue
@@ -1,15 +1,17 @@
 <template>
-  <div class="flex flex-col items-center justify-center min-h-screen">
+  <div class="flex flex-col items-center justify-center pt-8">
+    <img class="py-7" src="/assets/logo.svg" alt="icon privy" width="150">
+
     <div class="flex h-full">
       <div class="px-3 border-r">
-        <img :src="icon" alt="icon privy">
+        <img src="/assets/icon-privy.svg" alt="icon privy">
       </div>
       <div class="px-3">
         <Badge>
           Official
         </Badge>
         <Heading class="mt-2">
-          Design System
+          <span class="text-primary-100">Archi</span> Design System
         </Heading>
         <Subheading>
           By PrivyID
@@ -35,7 +37,6 @@
   import Subheading from "../../../subheading/Subheading.vue"
   import Badge from "../../../badge/Badge.vue"
   import Button from "../../../button/Button.vue"
-  import icon from "../assets/icon-privy.svg"
   import { useRouter } from "vitepress"
   import IconGithub from "@carbon/icons-vue/lib/logo--github/20"
 
@@ -53,7 +54,6 @@
       }
 
       return {
-        icon,
         gettingStarted,
         openGithub,
       }
diff --git a/components/.vitepress/theme/assets/icon-privy.svg b/components/public/assets/icon-privy.svg
similarity index 100%
rename from components/.vitepress/theme/assets/icon-privy.svg
rename to components/public/assets/icon-privy.svg
diff --git a/components/public/assets/logo.svg b/components/public/assets/logo.svg
new file mode 100644
index 0000000000..e5ed360fa5
--- /dev/null
+++ b/components/public/assets/logo.svg
@@ -0,0 +1,3 @@
+<svg width="150" height="150" viewBox="0 0 106 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.04956 89.2076L16.6309 105.941C17.0107 106.408 17.5812 106.68 18.1838 106.68H74.5972C75.7017 106.68 76.5972 105.785 76.5972 104.68V4.61807C76.5972 2.73678 74.2359 1.89617 73.0471 3.35425L3.04956 89.2076ZM3.04956 89.2076L16.6652 106.331C17.0447 106.808 17.621 107.087 18.2307 107.087H74.6078C75.7124 107.087 76.6078 106.191 76.6078 105.087V56.6456C76.6078 55.1686 75.0618 54.2012 73.7334 54.8469L3.04956 89.2076ZM43.6836 106.68H101.05C102.154 106.68 103.05 105.785 103.05 104.68L103.05 45.6974C103.05 44.5929 102.154 43.6974 101.05 43.6974H76.5972M43.7075 107.087H101.05C102.154 107.087 103.05 106.191 103.05 105.087L103.05 83.479C103.05 82.7514 102.654 82.0812 102.018 81.7289L76.6078 67.6715" stroke="#0065D1" stroke-width="5" stroke-linejoin="round"/>
+</svg>