From 9f702dbfa74b524b4553bd1686532bc7d35d9985 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Mon, 27 Nov 2023 00:11:43 +0330
Subject: [PATCH] style: change logo

---
 public/faded-logo.svg               | 36 -----------------------------
 public/logo.svg                     | 11 +++++++++
 src/components/hero/hero.module.css |  4 ++--
 src/components/hero/hero.tsx        |  4 +++-
 4 files changed, 16 insertions(+), 39 deletions(-)
 delete mode 100644 public/faded-logo.svg
 create mode 100644 public/logo.svg

diff --git a/public/faded-logo.svg b/public/faded-logo.svg
deleted file mode 100644
index 1e1eaaf..0000000
--- a/public/faded-logo.svg
+++ /dev/null
@@ -1,36 +0,0 @@
-<svg width="490" height="299" viewBox="0 0 490 299" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M100 0L0 100V298.626L100 198.626V0Z" fill="url(#paint0_linear_68_23)"/>
-<path d="M130 0L230 100V298.626L130 198.626V0Z" fill="url(#paint1_linear_68_23)"/>
-<path d="M260 100L360 0V198.626L260 298.626V100Z" fill="url(#paint2_linear_68_23)"/>
-<path d="M390 0L490 100V298.626L390 198.626V0Z" fill="url(#paint3_linear_68_23)"/>
-<defs>
-<linearGradient id="paint0_linear_68_23" x1="245" y1="0" x2="245" y2="299" gradientUnits="userSpaceOnUse">
-<stop offset="0.12659" stop-color="#F4F4F5"/>
-<stop offset="0.434428" stop-color="#F4F4F5" stop-opacity="0.686026"/>
-<stop offset="0.589354" stop-color="#F4F4F5" stop-opacity="0.450813"/>
-<stop offset="0.795076" stop-color="#F4F4F5" stop-opacity="0.178894"/>
-<stop offset="0.939843" stop-color="#F4F4F5" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint1_linear_68_23" x1="245" y1="0" x2="245" y2="299" gradientUnits="userSpaceOnUse">
-<stop offset="0.12659" stop-color="#F4F4F5"/>
-<stop offset="0.434428" stop-color="#F4F4F5" stop-opacity="0.686026"/>
-<stop offset="0.589354" stop-color="#F4F4F5" stop-opacity="0.450813"/>
-<stop offset="0.795076" stop-color="#F4F4F5" stop-opacity="0.178894"/>
-<stop offset="0.939843" stop-color="#F4F4F5" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_68_23" x1="245" y1="0" x2="245" y2="299" gradientUnits="userSpaceOnUse">
-<stop offset="0.12659" stop-color="#F4F4F5"/>
-<stop offset="0.434428" stop-color="#F4F4F5" stop-opacity="0.686026"/>
-<stop offset="0.589354" stop-color="#F4F4F5" stop-opacity="0.450813"/>
-<stop offset="0.795076" stop-color="#F4F4F5" stop-opacity="0.178894"/>
-<stop offset="0.939843" stop-color="#F4F4F5" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint3_linear_68_23" x1="245" y1="0" x2="245" y2="299" gradientUnits="userSpaceOnUse">
-<stop offset="0.12659" stop-color="#F4F4F5"/>
-<stop offset="0.434428" stop-color="#F4F4F5" stop-opacity="0.686026"/>
-<stop offset="0.589354" stop-color="#F4F4F5" stop-opacity="0.450813"/>
-<stop offset="0.795076" stop-color="#F4F4F5" stop-opacity="0.178894"/>
-<stop offset="0.939843" stop-color="#F4F4F5" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..fedcc84
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,11 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M100 150C127.614 150 150 127.614 150 100C150 72.3858 127.614 50 100 50C72.3858 50 50 72.3858 50 100C50 127.614 72.3858 150 100 150ZM100 125C113.807 125 125 113.807 125 100C125 86.1929 113.807 75 100 75C86.1929 75 75 86.1929 75 100C75 113.807 86.1929 125 100 125Z" fill="#FAFAFA"/>
+<path d="M50 50C22.3858 50 2.00172e-06 72.3857 7.94663e-07 100C-4.12393e-07 127.614 22.3858 150 50 150V125C36.1929 125 25 113.807 25 100C25 86.1929 36.1929 75 50 75V50Z" fill="#D4D4D8"/>
+<path d="M150 50C150 22.3858 127.614 2.41411e-06 100 0C72.3858 -2.41411e-06 50 22.3858 50 50L75 50C75 36.1929 86.1929 25 100 25C113.807 25 125 36.1929 125 50H150Z" fill="#D4D4D8"/>
+<path d="M150 150C177.614 150 200 127.614 200 100C200 72.3858 177.614 50 150 50V75C163.807 75 175 86.1929 175 100C175 113.807 163.807 125 150 125V150Z" fill="#D4D4D8"/>
+<path d="M50 150C50 177.614 72.3857 200 100 200C127.614 200 150 177.614 150 150H125C125 163.807 113.807 175 100 175C86.1929 175 75 163.807 75 150H50Z" fill="#D4D4D8"/>
+<path d="M25 50C25 36.1929 36.1929 25 50 25V1.39091e-06C22.3858 1.83851e-07 2.00172e-06 22.3857 7.94663e-07 50H25Z" fill="#A1A1AA"/>
+<path d="M150 25C163.807 25 175 36.1929 175 50H200C200 22.3858 177.614 3.24858e-06 150 8.34465e-07L150 25Z" fill="#A1A1AA"/>
+<path d="M175 150C175 163.807 163.807 175 150 175V200C177.614 200 200 177.614 200 150H175Z" fill="#A1A1AA"/>
+<path d="M50 175C36.1929 175 25 163.807 25 150H0C0 177.614 22.3857 200 50 200V175Z" fill="#A1A1AA"/>
+</svg>
diff --git a/src/components/hero/hero.module.css b/src/components/hero/hero.module.css
index 1fd0871..0144cd4 100644
--- a/src/components/hero/hero.module.css
+++ b/src/components/hero/hero.module.css
@@ -4,8 +4,8 @@
 
   & .logo {
     display: block;
-    width: 65px;
-    margin: 0 auto 5px;
+    width: 45px;
+    margin: 0 auto 12px;
   }
 
   & .title {
diff --git a/src/components/hero/hero.tsx b/src/components/hero/hero.tsx
index 6b248a4..2914d0f 100644
--- a/src/components/hero/hero.tsx
+++ b/src/components/hero/hero.tsx
@@ -11,7 +11,9 @@ export function Hero() {
         <img
           alt="Faded Moodist Logo"
           className={styles.logo}
-          src="/faded-logo.svg"
+          height={45}
+          src="/logo.svg"
+          width={45}
         />
 
         <div className={styles.title}>