From 51b5b59217c4b013657f2576378ae059a8a897c1 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Sun, 8 Jan 2023 03:17:36 +0600
Subject: [PATCH] add hero component

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 assets/css/tailwind.css    |   2 +
 components/logo/dog.vue    | 488 +++++++++++++++++++++++++++++++++++++
 components/logo/moon.vue   |   0
 components/main/header.vue |   6 +-
 components/main/hero.vue   |  18 ++
 layouts/default.vue        |   2 +-
 pages/index.vue            |   3 +-
 tailwind.config.js         |   6 +-
 8 files changed, 519 insertions(+), 6 deletions(-)
 create mode 100644 components/logo/dog.vue
 delete mode 100644 components/logo/moon.vue
 create mode 100644 components/main/hero.vue

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index b5c61c9..a7a3430 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/components/logo/dog.vue b/components/logo/dog.vue
new file mode 100644
index 0000000..a33df37
--- /dev/null
+++ b/components/logo/dog.vue
@@ -0,0 +1,488 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+    <g id="freepik--background-complete--inject-64">
+      <path
+        d="M449,256.48a11.74,11.74,0,0,1-2.92,3.92,8,8,0,0,1-6.85,1.67,11.79,11.79,0,0,1-6.14-3,41.17,41.17,0,0,0-5.19-4,16.94,16.94,0,0,0-6.53-2.42c-1.63-.27-3.26-.45-4.89-.61a12.23,12.23,0,0,1-6.1-2.21,8.17,8.17,0,0,1-3.65-8.38,10.76,10.76,0,0,1,6.28-8.34c1.76-.87,3.64-1.53,5.47-2.28.83-.34,1.66-.66,2.49-1a10.68,10.68,0,0,0,3.67-2.85c.61-.67,1.22-1.34,1.84-2a9.23,9.23,0,0,1,8.72-2.79,14.42,14.42,0,0,1,7.07,3.23,9,9,0,0,1,3.47,7.51c0,.89-.06,1.79-.15,2.67a12.36,12.36,0,0,0,1.06,6.49C447.48,244,448.3,246,449,248a11.63,11.63,0,0,1,.5,6.75C449.37,255.31,449.16,255.89,449,256.48Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M440.53,215.4a8.36,8.36,0,0,1-3.83,4.24,6.06,6.06,0,0,1-2.4.69,6.48,6.48,0,0,1-5.11-2,7.67,7.67,0,0,1-1.87-2.83c-1.71-4.85-.79-8.87,2.83-12a6.5,6.5,0,0,1,2-1.08,6.41,6.41,0,0,1,7,2.22,9.4,9.4,0,0,1,2.11,5A10.89,10.89,0,0,1,440.53,215.4Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M458.34,221a11.08,11.08,0,0,1-6.68,5.33,9.39,9.39,0,0,1-2.63.33,6,6,0,0,1-5.84-4.23,7.47,7.47,0,0,1,.17-4.76,10.88,10.88,0,0,1,6.22-6.55,8.66,8.66,0,0,1,3.84-.71,6.07,6.07,0,0,1,5.73,4.17,7.48,7.48,0,0,1-.1,4.69C458.83,220,458.51,220.63,458.34,221Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M409.85,215.2a8.07,8.07,0,0,1,2.41-3.26c2.68-2.06,6.27-1.52,8.65,1.32a10,10,0,0,1,2.37,6,9.24,9.24,0,0,1-2.39,7.35,6.81,6.81,0,0,1-1.39,1.1,6,6,0,0,1-7.26-1,9.47,9.47,0,0,1-2.72-4.62A10.64,10.64,0,0,1,409.85,215.2Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M464.25,238.48a10.75,10.75,0,0,1-7.35,5.9,7.72,7.72,0,0,1-4.1,0,5.68,5.68,0,0,1-4-3.59,6.56,6.56,0,0,1,.09-4.82,10.5,10.5,0,0,1,7-6.47,7.76,7.76,0,0,1,5.8.25,5.53,5.53,0,0,1,3,3.38A7.55,7.55,0,0,1,464.25,238.48Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M389,135a20.36,20.36,0,0,1-6.33,5.71c-3.9,2.29-8.07,2-12.3.52a20.57,20.57,0,0,1-9.51-7.2,72.94,72.94,0,0,0-7.51-8.61A29.56,29.56,0,0,0,343,119.05c-2.69-1-5.43-1.89-8.17-2.72a21.31,21.31,0,0,1-9.69-5.86c-4.28-4.65-5.52-9.8-3.39-15.59,2.36-6.41,7-10.37,13.6-12.13,3.31-.89,6.76-1.38,10.14-2l4.6-.88a18.47,18.47,0,0,0,7.27-3.64c1.27-.93,2.55-1.87,3.83-2.79,4.83-3.47,10.14-3.94,15.88-1.8a25.05,25.05,0,0,1,11,7.94,15.68,15.68,0,0,1,3.38,14c-.35,1.52-.71,3-1.18,4.52a21.69,21.69,0,0,0-.39,11.48c.8,3.6,1.53,7.22,2.08,10.86a20.17,20.17,0,0,1-1.43,11.72C390.08,133.13,389.52,134.05,389,135Z"
+        style="fill: #ebebeb"
+      ></path>
+      <path
+        d="M388.56,61.77a14.71,14.71,0,0,1-8,6,10.5,10.5,0,0,1-4.34.36A11.29,11.29,0,0,1,368.13,63a13.05,13.05,0,0,1-2.23-5.48c-1.28-8.89,1.67-15.46,8.93-19.57a10.94,10.94,0,0,1,3.86-1.14c4.51-.63,8.91,1.82,11.26,6.18a16.5,16.5,0,0,1,1.91,9.29A19.25,19.25,0,0,1,388.56,61.77Z"
+        style="fill: #ebebeb"
+      ></path>
+      <path
+        d="M417.12,77.5c-3.63,3.92-7.71,6.43-13.25,6.86a16.28,16.28,0,0,1-4.62-.34,10.46,10.46,0,0,1-8.55-9.23,13,13,0,0,1,1.91-8.09,19,19,0,0,1,12.88-9.09,15,15,0,0,1,6.82.09,10.58,10.58,0,0,1,8.38,9.09,13,13,0,0,1-1.77,8C418.31,75.88,417.55,76.87,417.12,77.5Z"
+        style="fill: #ebebeb"
+      ></path>
+      <path
+        d="M336.09,51a13.82,13.82,0,0,1,5.24-4.76c5.29-2.62,11.24-.47,14.36,5.2a17.57,17.57,0,0,1,2,11c-.63,4.85-2.59,8.94-6.61,11.77a11.49,11.49,0,0,1-2.75,1.4c-4.37,1.56-9.08-.1-12.07-4.23a16.55,16.55,0,0,1-3.09-8.84A18.55,18.55,0,0,1,336.09,51Z"
+        style="fill: #ebebeb"
+      ></path>
+      <path
+        d="M421.29,109.39A18.72,18.72,0,0,1,406.7,117a13.49,13.49,0,0,1-7-1.47,10,10,0,0,1-5.63-7.51,11.56,11.56,0,0,1,1.8-8.23A18.31,18.31,0,0,1,410,91.07a13.39,13.39,0,0,1,9.84,2.4,9.61,9.61,0,0,1,4.05,6.81C424.29,103.6,423.22,106.4,421.29,109.39Z"
+        style="fill: #ebebeb"
+      ></path>
+      <path
+        d="M261.79,109.54a13.79,13.79,0,0,1,.89,5.69c-.14,3-1.82,5.31-4.24,7.14a13.86,13.86,0,0,1-7.58,2.72,48.15,48.15,0,0,0-7.63,1.07,19.8,19.8,0,0,0-7.43,3.51c-1.56,1.14-3.07,2.37-4.55,3.61a14.35,14.35,0,0,1-6.89,3.31c-4.21.71-7.57-.49-10.06-3.83a12.67,12.67,0,0,1-1.84-12.16c.72-2.2,1.71-4.33,2.59-6.49.39-1,.81-2,1.2-2.92a12.66,12.66,0,0,0,.62-5.45c-.06-1.07-.12-2.13-.16-3.2a10.84,10.84,0,0,1,4.84-9.64,17,17,0,0,1,8.55-3.29,10.56,10.56,0,0,1,9.18,3.27c.73.76,1.46,1.52,2.12,2.33a14.65,14.65,0,0,0,6.35,4.46c2.33.87,4.64,1.8,6.9,2.83a13.53,13.53,0,0,1,6.1,5.13C261.13,108.24,261.44,108.9,261.79,109.54Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M220.23,82.78a9.91,9.91,0,0,1,.41,6.73,7,7,0,0,1-1.4,2.59,7.64,7.64,0,0,1-5.87,2.67,8.78,8.78,0,0,1-3.92-.76c-5.5-2.55-8.12-6.65-7.77-12.27a7.42,7.42,0,0,1,.77-2.6,7.56,7.56,0,0,1,7.66-4.08,11.15,11.15,0,0,1,5.95,2.34A13,13,0,0,1,220.23,82.78Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M239.66,72.44a13.08,13.08,0,0,1-1,10,11.05,11.05,0,0,1-1.9,2.49,7.06,7.06,0,0,1-8.37,1.42,8.78,8.78,0,0,1-3.87-4.05,12.87,12.87,0,0,1-.39-10.64,10.09,10.09,0,0,1,2.57-3.82,7.13,7.13,0,0,1,8.23-1.39,8.77,8.77,0,0,1,3.87,4C239.18,71.17,239.45,72,239.66,72.44Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M194.77,108.46a9.36,9.36,0,0,1-.75-4.72c.47-4,3.88-6.53,8.24-6.2a12,12,0,0,1,7,2.94,10.92,10.92,0,0,1,4.21,8.08,8.2,8.2,0,0,1-.22,2.07,7.05,7.05,0,0,1-6.85,5.26,11.06,11.06,0,0,1-6.13-1.52A12.49,12.49,0,0,1,194.77,108.46Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M259.22,81.85a12.64,12.64,0,0,1-1.09,11,9.2,9.2,0,0,1-3.42,3.42,6.71,6.71,0,0,1-6.32.41,7.73,7.73,0,0,1-4-4,12.36,12.36,0,0,1,.29-11.19,9,9,0,0,1,5-4.68A6.49,6.49,0,0,1,255,77,8.9,8.9,0,0,1,259.22,81.85Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M140.35,224.16a15.41,15.41,0,0,1,1,6.37c-.15,3.42-2,6-4.73,8a15.53,15.53,0,0,1-8.49,3.09,54.16,54.16,0,0,0-8.56,1.23,22.27,22.27,0,0,0-8.31,4c-1.75,1.29-3.43,2.67-5.09,4.07a16.21,16.21,0,0,1-7.71,3.75c-4.72.81-8.5-.52-11.3-4.26a14.18,14.18,0,0,1-2.12-13.63c.8-2.47,1.9-4.86,2.87-7.29.44-1.1.9-2.19,1.33-3.29a14,14,0,0,0,.68-6.11c-.07-1.2-.14-2.39-.2-3.59-.21-4.49,1.67-8.06,5.39-10.83a19,19,0,0,1,9.58-3.73A11.83,11.83,0,0,1,115,205.57c.82.85,1.64,1.7,2.39,2.6a16.42,16.42,0,0,0,7.14,5c2.62,1,5.22,2,7.75,3.14a15.2,15.2,0,0,1,6.86,5.73C139.61,222.71,140,223.44,140.35,224.16Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M93.62,194.32a11.1,11.1,0,0,1,.49,7.55,7.88,7.88,0,0,1-1.56,2.91,8.55,8.55,0,0,1-6.58,3,10,10,0,0,1-4.4-.83c-6.17-2.84-9.13-7.42-8.77-13.73a8.6,8.6,0,0,1,.86-2.92,8.48,8.48,0,0,1,8.57-4.62,12.58,12.58,0,0,1,6.69,2.61A14.59,14.59,0,0,1,93.62,194.32Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M115.36,182.64a14.68,14.68,0,0,1-1.08,11.25,12.56,12.56,0,0,1-2.12,2.79,7.92,7.92,0,0,1-9.38,1.64,9.74,9.74,0,0,1-4.36-4.54,14.39,14.39,0,0,1-.48-11.93,11.16,11.16,0,0,1,2.86-4.29A8,8,0,0,1,110,176a9.87,9.87,0,0,1,4.36,4.41C114.83,181.22,115.14,182.11,115.36,182.64Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M65.18,223.24a10.41,10.41,0,0,1-.87-5.29c.51-4.44,4.32-7.34,9.21-7a13.37,13.37,0,0,1,7.86,3.26,12.24,12.24,0,0,1,4.76,9,8.79,8.79,0,0,1-.24,2.33c-.81,3.42-3.8,5.73-7.66,5.93a12.53,12.53,0,0,1-6.89-1.67A14.07,14.07,0,0,1,65.18,223.24Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M137.35,193.1a14.2,14.2,0,0,1-1.18,12.4,10.22,10.22,0,0,1-3.82,3.85,7.55,7.55,0,0,1-7.09.49,8.74,8.74,0,0,1-4.49-4.53,13.89,13.89,0,0,1,.28-12.56,10.16,10.16,0,0,1,5.58-5.26,7.24,7.24,0,0,1,6,.23A10,10,0,0,1,137.35,193.1Z"
+        style="fill: #f5f5f5"
+      ></path>
+      <path
+        d="M135.91,136a17.94,17.94,0,0,1-3.39,6.72c-2.48,3.12-6,4.24-10,4.33a18.08,18.08,0,0,1-10.1-2.89,64.2,64.2,0,0,0-8.92-4.69,26,26,0,0,0-10.55-2c-2.53,0-5.06.18-7.58.36a18.71,18.71,0,0,1-9.83-1.74c-5-2.46-7.65-6.3-7.74-11.73-.1-6,2.46-10.76,7.32-14.31,2.45-1.78,5.12-3.28,7.7-4.9,1.16-.73,2.34-1.45,3.5-2.19a16.47,16.47,0,0,0,4.82-5.29c.75-1.18,1.5-2.36,2.26-3.52,2.87-4.39,7.09-6.46,12.49-6.52a22.05,22.05,0,0,1,11.57,3,13.83,13.83,0,0,1,7.25,10.47c.19,1.36.38,2.73.46,4.09a19.2,19.2,0,0,0,3.33,9.57c1.81,2.7,3.56,5.45,5.17,8.26a17.78,17.78,0,0,1,2.54,10.1C136.2,134.12,136,135.06,135.91,136Z"
+        style="fill: #ebebeb"
+      ></path>
+      <path
+        d="M112.26,75.93a13,13,0,0,1-4.69,7.45,9.3,9.3,0,0,1-3.46,1.67,9.93,9.93,0,0,1-8.27-1.65,11.55,11.55,0,0,1-3.58-3.79c-3.88-6.9-3.54-13.24,1.12-18.94a9.64,9.64,0,0,1,2.81-2.16A9.85,9.85,0,0,1,107.42,60a14.67,14.67,0,0,1,4.52,7A17,17,0,0,1,112.26,75.93Z"
+        style="fill: #ebebeb"
+      ></path>
+      <path
+        d="M140.74,79.78c-1.73,4.38-4.29,7.74-8.71,9.85a14.38,14.38,0,0,1-3.91,1.2,9.22,9.22,0,0,1-10-4.88,11.39,11.39,0,0,1-1-7.25,16.81,16.81,0,0,1,7.7-11.58A13.27,13.27,0,0,1,130.49,65a9.31,9.31,0,0,1,9.78,4.81A11.43,11.43,0,0,1,141.36,77C141.21,78.07,140.89,79.12,140.74,79.78Z"
+        style="fill: #ebebeb"
+      ></path>
+      <path
+        d="M65.68,83.74a12.2,12.2,0,0,1,2.8-5.58c3.51-3.84,9.09-4,13.46-.29a15.52,15.52,0,0,1,5.17,8.44c1,4.19.72,8.17-1.69,11.78a10.21,10.21,0,0,1-1.81,2c-3.11,2.67-7.5,2.8-11.28.36A14.65,14.65,0,0,1,67,94.19,16.36,16.36,0,0,1,65.68,83.74Z"
+        style="fill: #ebebeb"
+      ></path>
+      <path
+        d="M154.31,104.68a16.49,16.49,0,0,1-9.59,10.87,12,12,0,0,1-6.23,1,8.77,8.77,0,0,1-7-4.39,10.17,10.17,0,0,1-1.14-7.34,16.14,16.14,0,0,1,8.85-11.64,11.85,11.85,0,0,1,8.86-1.15,8.5,8.5,0,0,1,5.49,4.31C154.93,99,155,101.6,154.31,104.68Z"
+        style="fill: #ebebeb"
+      ></path>
+    </g>
+    <g id="freepik--Table--inject-64">
+      <path
+        d="M470.2,456.79c0,.14-98.59.26-220.19.26s-220.21-.12-220.21-.26,98.57-.26,220.21-.26S470.2,456.64,470.2,456.79Z"
+        style="fill: #263238"
+      ></path>
+    </g>
+    <g id="freepik--paw-2--inject-64">
+      <path
+        d="M218.45,357.32a19.38,19.38,0,0,0-4.19-5.62s-.78-9.1-4.38-14.47-9-9.71-15.48-5.61l.87-.5c-3.27-2.51-8.53-2.78-12.42-1.39a16.42,16.42,0,0,0-5.31,3,38.48,38.48,0,0,0-7.49,8.82s-6.34.4-8.85,10.41a181.72,181.72,0,0,0-3.2,18.86s.75,18.35,1.84,23.88-2.48,17.21-2.68,19.56-1.31,4.13-2.88,13.37-4.35,28.91-4.35,28.91h56.42s1.41-25.57,1.27-28.37a103.9,103.9,0,0,1,2.2-20c1.56-6.47,7.6-26.87,7.6-26.87C219.63,371.74,220.28,360.93,218.45,357.32Z"
+        style="fill: #455a64"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M174.58,353.27l-7.15-.36a15.53,15.53,0,0,0-5.17,7.33,4.22,4.22,0,0,0,0,3.36c.73,1.3,2.45,1.62,3.94,1.67a14.28,14.28,0,0,0,6.63-1.18,7.7,7.7,0,0,0,4.26-5A5.31,5.31,0,0,0,174.58,353.27Z"
+        ></path>
+      </g>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M208.14,347.06l-2.5-2-8.59-1.21a4.1,4.1,0,0,0-2.06.06,3.08,3.08,0,0,0-1.63,2,6.64,6.64,0,0,0,1.71,6.68,8.68,8.68,0,0,0,6.68,2.29,7.85,7.85,0,0,0,5.2-2.35A5.39,5.39,0,0,0,208.14,347.06Z"
+        ></path>
+      </g>
+      <path
+        d="M201.21,333.54a5.17,5.17,0,0,1,3.34.74c1.83,1.1,4.94,3.43,4.87,6.62-.09,4.51-.22,9.78-5.58,11s-12-2.51-9.1-10.21C197,335.69,198.93,333.85,201.21,333.54Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M189.62,343.72l-3.69-4.43a15.61,15.61,0,0,0-3.66-.4,5.21,5.21,0,0,0-3.37,1.29,5.38,5.38,0,0,0-1.48,3.66,7.84,7.84,0,0,0,3.17,6.8,6.51,6.51,0,0,0,7.35.05A5.6,5.6,0,0,0,189.62,343.72Z"
+        ></path>
+      </g>
+      <path
+        d="M187,331.18a5,5,0,0,1,5.49,1,1.81,1.81,0,0,1,.48.73c.29,1.11-.41,9.76-4.92,14.19s-10.5-1.11-10-5.65C178.41,337.74,182.69,333,187,331.18Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M171.65,345.34s-3-3.08-6,2.39-4,13.57-.85,14.11,10.39-1.22,10.67-5.61S173.42,346.31,171.65,345.34Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M211.57,363.14a58.27,58.27,0,0,0-5.87-4,3.37,3.37,0,0,0-1.56-.6c-1.25,0-2.13,1.23-2.51,2.41a8.62,8.62,0,0,0,.69,7,7.39,7.39,0,0,0,6,3.63,6.5,6.5,0,0,0,6-3.45Z"
+        ></path>
+      </g>
+      <path
+        d="M217.94,361.2a7.77,7.77,0,0,0-12.05-6.56c-.21.15-.42.31-.62.48-3,2.62-3.55,7.88-.94,10.63s8.24,7.66,12.17.43A11.18,11.18,0,0,0,217.94,361.2Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M187.7,378.73a20.8,20.8,0,0,0-14.2,1,7,7,0,0,0-3.32,2.59c-1.47,2.55.28,6,2.9,7.33s5.74,1.13,8.66.78,6-.8,8.75.13a28.54,28.54,0,0,1,4.6,2.36,9,9,0,0,0,4.9,1.38,4,4,0,0,0,3.72-3Z"
+        ></path>
+      </g>
+      <path
+        d="M207.25,378.45a12.54,12.54,0,0,0-4.93-5.15c-2-1.17-5.06-3.27-6.64-6-2.46-4.2-1.9-7.38-6.86-7.65s-4.63,4.06-10.69,6.05c-9.69,3.17-11.81,5.51-12.74,9.78s.08,6.37,2.49,9.19,10.46-1.5,16.91-1.27,11.32,6.93,15.23,8.84,7.7-2,8.32-8.12A10.44,10.44,0,0,0,207.25,378.45Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M183.57,441.29c2.2-.37,4.7-1,5.71-2.93a5.1,5.1,0,0,0-.42-4.75c-1.9-3.33-6-5-9.81-4.78a10,10,0,0,0-5.45,1.86,6.56,6.56,0,0,0-2.68,5,3.9,3.9,0,0,0,1.88,3.56,7.9,7.9,0,0,0,3.57.36,12,12,0,0,1,6.11,1.61"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M170.79,409.22a7.69,7.69,0,0,1,1.26-.22c.83-.13,2-.34,3.54-.7a39.53,39.53,0,0,0,11.72-4.88l1.13-.7-.83,1-4.4,5.56a1.85,1.85,0,0,0-.35.74.43.43,0,0,0,.26.49,3.62,3.62,0,0,0,1.73-.31,19.83,19.83,0,0,0,7.24-4.2l1.26-1.15-.86,1.47a26.41,26.41,0,0,0-2.34,5.21,25.82,25.82,0,0,0-.71,2.6,9,9,0,0,0-.32,2.5,1.56,1.56,0,0,0,.39,1,1,1,0,0,0,.93.24,5.58,5.58,0,0,0,1.88-1.14c1.17-.92,2.22-1.81,3.14-2.66a52.93,52.93,0,0,0,4.12-4.26l1-1.21a2.77,2.77,0,0,1,.38-.41,2.47,2.47,0,0,1-.3.46c-.21.3-.53.74-1,1.28a46.67,46.67,0,0,1-4,4.39c-.92.87-2,1.79-3.13,2.73a5.92,5.92,0,0,1-2,1.25,1.46,1.46,0,0,1-1.33-.35,2,2,0,0,1-.54-1.27,9.86,9.86,0,0,1,.31-2.65c.19-.87.42-1.76.71-2.66a27,27,0,0,1,2.37-5.31l.39.32a20.62,20.62,0,0,1-3.72,2.7,20.13,20.13,0,0,1-3.71,1.61l-1,.28a1.86,1.86,0,0,1-1.1,0,.94.94,0,0,1-.59-1,2.23,2.23,0,0,1,.44-1l4.45-5.55.3.34a37.94,37.94,0,0,1-11.9,4.76,33.75,33.75,0,0,1-3.58.57c-.42.05-.74.06-.95.08Z"
+        style="fill: #263238"
+      ></path>
+    </g>
+    <g id="freepik--paw-1--inject-64">
+      <path
+        d="M111,312.07a23.82,23.82,0,0,1,6,6c2.87,4.05,4.26,17.43,3.57,29.56,0,0-3,26.25-3.57,34.51a133.83,133.83,0,0,0,1.41,25c.73,3.4,3.69,49.28,3.69,49.28H56.26s-.73-27.19-.72-38.84,1-14.08.72-17,1.64-18-.75-24.51-6.94-28.89-6.94-28.89-2.93-14.5,0-23.77,4.55-6.08,4.55-6.08S59,302.79,64,296.48a19.82,19.82,0,0,1,5.64-4.79,14.17,14.17,0,0,1,14-.08h0c6.81-6.38,14-2.17,19.33,3.65S111,312.07,111,312.07Z"
+        style="fill: #ff725e"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M62.19,322.25a6.61,6.61,0,0,1,4.27,6.59,9.54,9.54,0,0,1-4.17,7,17.62,17.62,0,0,1-7.88,2.83c-1.84.25-4,.22-5.18-1.22a5.2,5.2,0,0,1-.68-4.12,19.21,19.21,0,0,1,4.81-10.06"
+        ></path>
+      </g>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M102,307.66a6.7,6.7,0,0,1-.33,6.89,9.73,9.73,0,0,1-5.89,3.95,10.7,10.7,0,0,1-8.65-1.42,8.21,8.21,0,0,1-3.49-7.83,3.81,3.81,0,0,1,1.59-2.72,5.1,5.1,0,0,1,2.51-.51l10.78-.29"
+        ></path>
+      </g>
+      <path
+        d="M93.22,292.17s8.26,2.13,9.09,7.67,1.77,12-4.55,14.64-15.17-.59-13.28-10.62S89.2,292.29,93.22,292.17Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M78.63,307.43a7,7,0,0,1-.6,8.89,8.11,8.11,0,0,1-9,1.46,9.74,9.74,0,0,1-5.3-7.67,6.73,6.73,0,0,1,1.05-4.79A6.48,6.48,0,0,1,68.62,303a19.33,19.33,0,0,1,4.56-.27"
+        ></path>
+      </g>
+      <path
+        d="M76.22,291.11s3.66,1.06,4.25,2.36,1.53,12-3.07,18.41-13.1.83-13.46-4.83S70.08,292.53,76.22,291.11Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M55,312.48s-2.36-2.48-4.84,4.83S48,334.78,52,334.78s12.49-3.65,11.91-9.08S57.33,313.3,55,312.48Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M113.87,332.25a8.08,8.08,0,0,1-6.58,5.47,9.2,9.2,0,0,1-8.05-3.21,10.75,10.75,0,0,1-2.31-8.45c.23-1.54,1-3.27,2.58-3.48a4.24,4.24,0,0,1,2,.4,73.59,73.59,0,0,1,8,3.67"
+        ></path>
+      </g>
+      <path
+        d="M110.1,314.13c1.06-.12,9.44,5.55,6.14,15.22s-11.22,4.84-15,2-4.48-9.68-1.06-13.22S110.1,314.13,110.1,314.13Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M62.85,358.77a8.62,8.62,0,0,1,3.52-3.88,25.92,25.92,0,0,1,17.19-4.16l22.23,12c0,2.14-1.84,4-3.92,4.48a11.11,11.11,0,0,1-6.3-.67,36.53,36.53,0,0,0-6.12-1.94c-3.62-.56-7.24.63-10.75,1.67s-7.28,1.94-10.77.85S61.57,362.19,62.85,358.77Z"
+        ></path>
+      </g>
+      <path
+        d="M102.9,341.87c.59.71,6.61,4.21,7.08,11.21.51,7.6-3.31,13.22-8.5,11.69S88.91,356,81,357.09s-16.91,8-20.45,5.08-5.2-5.31-5-10.74,2.36-8.74,13.58-14.64c7-3.69,5.69-8.92,11.83-9.63s6.11,3.31,10,7.95S102.9,341.87,102.9,341.87Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M111.29,313.66c.74-2.31-.16-5.85-1.58-8.21a.87.87,0,0,0-1.54.09,16.69,16.69,0,0,0-1.2,8.32"
+        style="fill: #e0e0e0"
+      ></path>
+      <path
+        d="M107,313.86a7.35,7.35,0,0,1-.27-2.78,16.77,16.77,0,0,1,.39-3c.13-.56.29-1.14.49-1.74.11-.29.23-.59.36-.89a1.11,1.11,0,0,1,1-.66,1.17,1.17,0,0,1,1,.6c.16.28.31.57.45.85a12.86,12.86,0,0,1,.68,1.68,12.57,12.57,0,0,1,.61,3,4.87,4.87,0,0,1-.41,2.77,12.1,12.1,0,0,0,0-2.74,13.73,13.73,0,0,0-.69-2.87,14.7,14.7,0,0,0-.69-1.61c-.13-.27-.28-.54-.44-.81a.58.58,0,0,0-.56-.34.59.59,0,0,0-.54.35c-.13.28-.24.56-.35.85a17.33,17.33,0,0,0-.5,1.67,20,20,0,0,0-.49,2.94C106.91,312.8,107.06,313.85,107,313.86Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M108.79,305.69a8.48,8.48,0,0,1,.57,7.57c-.15,0,.26-1.73.09-3.81S108.65,305.75,108.79,305.69Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M91.94,292.66c.73-2.31-.16-5.85-1.59-8.21a.87.87,0,0,0-1.54.09,16.58,16.58,0,0,0-1.19,8.32"
+        style="fill: #e0e0e0"
+      ></path>
+      <path
+        d="M87.62,292.86a6.88,6.88,0,0,1-.27-2.78,17.39,17.39,0,0,1,.38-3,15.32,15.32,0,0,1,.5-1.74c.1-.3.22-.6.35-.9a1.13,1.13,0,0,1,2-.06c.17.29.32.57.46.85a16.43,16.43,0,0,1,.68,1.68,12.51,12.51,0,0,1,.6,3,4.93,4.93,0,0,1-.4,2.77,13.4,13.4,0,0,0,0-2.74,13.13,13.13,0,0,0-.69-2.87,14.59,14.59,0,0,0-.68-1.61c-.14-.27-.29-.54-.44-.81a.63.63,0,0,0-.57-.34.61.61,0,0,0-.54.35c-.12.28-.24.57-.34.85a16.8,16.8,0,0,0-.51,1.68,19.84,19.84,0,0,0-.49,2.93C87.56,291.8,87.7,292.85,87.62,292.86Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M89.44,284.69a8.52,8.52,0,0,1,.56,7.57c-.15,0,.26-1.72.09-3.81S89.29,284.75,89.44,284.69Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M80,291.88c.74-2.31-.16-5.84-1.58-8.21a.87.87,0,0,0-1.54.09,16.73,16.73,0,0,0-1.2,8.33"
+        style="fill: #e0e0e0"
+      ></path>
+      <path
+        d="M75.66,292.09a7.48,7.48,0,0,1-.27-2.79,16.67,16.67,0,0,1,.39-3c.13-.56.29-1.15.49-1.74.11-.3.23-.59.36-.9a1.11,1.11,0,0,1,1-.65,1.15,1.15,0,0,1,1,.6c.16.28.31.56.45.85a13.29,13.29,0,0,1,1.29,4.67,4.71,4.71,0,0,1-.41,2.77,12,12,0,0,0,0-2.73,13.66,13.66,0,0,0-.69-2.88,15.45,15.45,0,0,0-.68-1.61q-.21-.41-.45-.81a.6.6,0,0,0-.56-.34.59.59,0,0,0-.54.35c-.12.28-.24.57-.35.85a17.5,17.5,0,0,0-.5,1.68,20,20,0,0,0-.49,2.94C75.6,291,75.75,292.08,75.66,292.09Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M77.48,283.92a8.45,8.45,0,0,1,.57,7.56c-.15,0,.26-1.72.09-3.81S77.34,284,77.48,283.92Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M60,313c.74-2.31-.16-5.85-1.59-8.21a.86.86,0,0,0-1.53.09,16.69,16.69,0,0,0-1.2,8.32"
+        style="fill: #e0e0e0"
+      ></path>
+      <path
+        d="M55.63,313.23a6.88,6.88,0,0,1-.27-2.78,16.56,16.56,0,0,1,.39-3,13.88,13.88,0,0,1,.49-1.74c.11-.3.22-.6.36-.9a1.12,1.12,0,0,1,2-.05c.17.28.32.56.46.84a15.18,15.18,0,0,1,.68,1.68,12,12,0,0,1,.6,3A4.83,4.83,0,0,1,60,313a12.81,12.81,0,0,0,0-2.73,13.66,13.66,0,0,0-.69-2.88,14.7,14.7,0,0,0-.69-1.61c-.13-.27-.28-.54-.44-.81a.61.61,0,0,0-.56-.34.58.58,0,0,0-.54.35c-.13.28-.25.57-.35.85a14.44,14.44,0,0,0-.5,1.68,18.6,18.6,0,0,0-.49,2.93C55.57,312.17,55.71,313.22,55.63,313.23Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M57.45,305.07a8.54,8.54,0,0,1,.57,7.56c-.15,0,.25-1.72.09-3.81S57.3,305.13,57.45,305.07Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M91.52,428.23c2.61-.91,5.56-2.14,6.39-4.78a6.4,6.4,0,0,0-1.51-5.73c-3-3.68-8.37-4.88-13-3.81a12.36,12.36,0,0,0-6.29,3.41A8.13,8.13,0,0,0,74.85,424a4.81,4.81,0,0,0,3,4c1.43.45,3,0,4.45-.3a15,15,0,0,1,7.82.71"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M69.18,391.59a2,2,0,0,1,.38-.14l1.13-.37c1-.33,2.42-.82,4.2-1.57a49.44,49.44,0,0,0,13.37-8.41l1-.88-.65,1.16-4.24,7.73a2.22,2.22,0,0,0-.28,1,.58.58,0,0,0,.47.61,4.44,4.44,0,0,0,2.09-.75,23.93,23.93,0,0,0,4.11-2.68,24.94,24.94,0,0,0,3.92-4l1-1.34-.6,1.59a33.26,33.26,0,0,0-1.79,6.88,32.39,32.39,0,0,0-.32,3.35,11.2,11.2,0,0,0,.13,3.14,2,2,0,0,0,.71,1.17,1.3,1.3,0,0,0,1.24.11,7,7,0,0,0,2.08-1.81c1.24-1.37,2.34-2.69,3.29-3.92a63.55,63.55,0,0,0,4.15-6.08l1-1.72a3.62,3.62,0,0,1,.36-.58,3.43,3.43,0,0,1-.28.63c-.2.41-.51,1-.93,1.76a55.63,55.63,0,0,1-4,6.19c-.94,1.26-2,2.6-3.27,4a7.15,7.15,0,0,1-2.22,1.94,1.74,1.74,0,0,1-1.65-.14,2.5,2.5,0,0,1-.9-1.41,11.72,11.72,0,0,1-.17-3.29c0-1.12.15-2.25.31-3.4a34,34,0,0,1,1.8-7l.44.25a24.71,24.71,0,0,1-4,4.07,24.39,24.39,0,0,1-4.2,2.74c-.37.2-.74.37-1.11.54a2.26,2.26,0,0,1-1.31.26,1.12,1.12,0,0,1-.89-1.1,3,3,0,0,1,.33-1.25l4.3-7.72.36.28A47.63,47.63,0,0,1,75,389.76a42.15,42.15,0,0,1-4.25,1.46c-.5.14-.89.23-1.16.3S69.19,391.61,69.18,391.59Z"
+        style="fill: #263238"
+      ></path>
+    </g>
+    <g id="freepik--Dog--inject-64">
+      <path
+        d="M453.41,415.72l-28.19-73.18-6.08,17.36L368.08,248.82,341.77,194.1l-48.09-21L239,192.46s-13.81,37-15.47,45.85,4.42,38.14,4.42,38.14l15.47,37,9.83,53.26s-3.75,29.09-3.22,44,7.53,45.76,7.53,45.76H462.25Z"
+        style="fill: #ff725e"
+      ></path>
+      <g style="opacity: 0.5">
+        <path
+          d="M386.08,436.44c.3-29.16-5.93-50.9-14.09-72.64a8.48,8.48,0,0,0-5.59-4.88c-4.61-1.28-8.63,3.08-11.76,6.68s-8.49,7.08-12.26,4.15c-4.19-3.26-1.12-9.89,2.15-14.08,6.32-8.08,12.68-16.34,16.41-25.9s7.52-20.75,2.78-29.85c-10.11,13.24-24.68,24.77-49.28,32.55-20.89,6.75-44.8,5.06-62.57,0,13,7.41,25.06,18.35,36,28.55,4.24,4,8.65,9.67,6.39,15-1.69,4-6.45,5.73-10.77,6.19s-8.86.16-12.82,2c-6.95,3.16-9.72,11.73-9.67,19.37.09,17.6,6.25,40.35,19.16,53H385.38C386.63,450.06,386,440.53,386.08,436.44Z"
+          style="fill: #fff"
+        ></path>
+      </g>
+      <path
+        d="M362.63,309.3s-.13.1-.41.25l-1.21.62c-.53.26-1.18.59-1.91,1s-1.59.84-2.49,1.39c-1.83,1.06-3.94,2.43-6.21,4.07a70.57,70.57,0,0,0-13.12,12.49,73.31,73.31,0,0,0-4.37,6c-.6.87-1.07,1.71-1.51,2.42s-.8,1.34-1.09,1.86l-.68,1.18c-.16.27-.25.41-.27.4a2.13,2.13,0,0,1,.18-.44l.59-1.24c.26-.53.59-1.18,1-1.91s.87-1.58,1.45-2.47a65.28,65.28,0,0,1,4.31-6.1,71.9,71.9,0,0,1,6.17-6.75,73,73,0,0,1,7-5.83,63.84,63.84,0,0,1,6.31-4c.91-.54,1.78-.95,2.53-1.33s1.42-.69,2-.92l1.26-.53A2.27,2.27,0,0,1,362.63,309.3Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M381.33,235.86a59.3,59.3,0,0,0-29.41-33.59s-3.7-5.57-15.5-16.56S303,167.12,287.16,165.6c-.63-.06-1.27-.1-1.93-.12-15.89-.41-39.9,11.2-39.9,11.2-15.27,4.23-35.19,33.08-39,44.46s-1.41,32.69-1.41,32.69-8.28,18.88-3.09,37.29C211,323.55,267,349.56,321.77,328.65S389.49,260.15,381.33,235.86Z"
+        style="fill: #ff725e"
+      ></path>
+      <g style="opacity: 0.5">
+        <path
+          d="M321.35,330.23c21.38-8,43.34-26.49,52.63-43.54,3.3-12.49,7-26.57,7-26.57l-15.45-48.43a61.29,61.29,0,0,0-6.92-5.52c-5.34.83-10.33,4.56-13.45,9.15-4.13,6.08-5.82,13.42-7.95,20.45s-5,14.24-10.71,18.87c-6.12,5-16.3,3.82-24.16,3.16.76,7.18,3.27,16.65,4,23.83l-14.59,4.43a71,71,0,0,1-10.9-22c-3.07,3.67-6.17,7.37-10,10.19s-8.61,4.7-13.36,4.22c-6.65-.67-11.92-5.66-17.77-8.92a36.77,36.77,0,0,0-28.27-3A36.4,36.4,0,0,0,200,272.4a76.75,76.75,0,0,0,1.81,18.72c3.61,17.55,22.63,33.09,44.7,39.8C266.86,337.11,294.92,340.07,321.35,330.23Z"
+          style="fill: #fff"
+        ></path>
+      </g>
+      <path
+        d="M305.74,277.65a29.93,29.93,0,0,0-11,2.24,16.6,16.6,0,0,0-8.23,7.42,8,8,0,0,0-.9,5.31c.8,3.47,4.5,5.3,7.78,6.67s7.1,2.85,10.68,1.95c2.69-.67,4.89-2.58,6.79-4.6,2.56-2.72,4.89-6,5.06-9.72s-1.57-9.34-10.18-9.27"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M304.54,298.64a10.86,10.86,0,0,1,.6,1.6,27.81,27.81,0,0,1,1.17,4.54,12.61,12.61,0,0,1-.66,6.91,8.09,8.09,0,0,1-2.5,3.33,9.87,9.87,0,0,1-4.08,1.81,20,20,0,0,1-8.51-.25,21.44,21.44,0,0,1-6.4-2.73,19.41,19.41,0,0,1-3.64-3,11.7,11.7,0,0,1-.84-.95,1.49,1.49,0,0,1-.26-.36,28.42,28.42,0,0,0,4.94,4,21.84,21.84,0,0,0,6.31,2.57,20,20,0,0,0,8.29.21,9.61,9.61,0,0,0,3.88-1.7,7.77,7.77,0,0,0,2.37-3.12,12.53,12.53,0,0,0,.73-6.67,34.3,34.3,0,0,0-1-4.53A10.93,10.93,0,0,1,304.54,298.64Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M305.56,302.47c0-.1.57.22,1.44.83a42.52,42.52,0,0,0,3.77,2.44,14.39,14.39,0,0,0,6.3,1.77,11.43,11.43,0,0,0,7.59-2.06,14.41,14.41,0,0,0,4.69-6.43,25.38,25.38,0,0,0,1.46-6.46c.2-1.89.26-3.43.32-4.49a11.19,11.19,0,0,1,.13-1.66,9.43,9.43,0,0,1,.07,1.66c0,1.07,0,2.62-.15,4.53a24.82,24.82,0,0,1-1.38,6.6,14.61,14.61,0,0,1-4.83,6.67A11.85,11.85,0,0,1,317,308a14.35,14.35,0,0,1-6.45-1.93,33.41,33.41,0,0,1-3.72-2.6A11.08,11.08,0,0,0,305.56,302.47Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M264.47,252.45a9,9,0,0,0-6.65-3.21,6.19,6.19,0,0,0-4.28,1.69h0a8.5,8.5,0,0,0-4,7.75,8.59,8.59,0,0,0,6.44,7.49,8.72,8.72,0,0,0,9.14-3.83A8.83,8.83,0,0,0,264.47,252.45Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M324.61,237.64a8.09,8.09,0,0,0-6.39-2.86,9.19,9.19,0,0,0-4.54,1.34h0a8.47,8.47,0,0,0-4,7.75,8.57,8.57,0,0,0,6.44,7.48,8.71,8.71,0,0,0,9.13-3.82A8.83,8.83,0,0,0,324.61,237.64Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.5">
+        <path
+          d="M257.56,213.11l-2-1c-6.73-1.91-13.64,4.76-17.7,10a9.46,9.46,0,0,0-2.34,5.41c0,2.7,2,5,4.32,6.42,4.66,2.73,10.57,2.43,15.7.73,2.13-.71,4.31-1.75,5.5-3.66a9.17,9.17,0,0,0,1.11-4.92A21.29,21.29,0,0,0,257.56,213.11Z"
+          style="fill: #fff"
+        ></path>
+      </g>
+      <g style="opacity: 0.5">
+        <path
+          d="M303.28,201l2-1c6.73-1.91,13.64,4.76,17.7,10.06a9.28,9.28,0,0,1,2.34,5.4c0,2.71-2,5.06-4.32,6.42-4.65,2.74-10.57,2.44-15.69.73-2.14-.71-4.32-1.75-5.51-3.65a9.09,9.09,0,0,1-1.1-4.93A21.22,21.22,0,0,1,303.28,201Z"
+          style="fill: #fff"
+        ></path>
+      </g>
+      <path
+        d="M274.28,297.6a8.2,8.2,0,0,1-1.08-1.17,32.1,32.1,0,0,1-2.62-3.47,14.68,14.68,0,0,1-2.41-6,10.57,10.57,0,0,1,.21-3.86,23,23,0,0,1,1.37-3.88A69.26,69.26,0,0,1,277,266.83l2.5-3.53a9.48,9.48,0,0,1,1-1.27,8.64,8.64,0,0,1-.8,1.38c-.54.87-1.36,2.1-2.37,3.63a78.17,78.17,0,0,0-7,12.38,22.37,22.37,0,0,0-1.35,3.79,10.31,10.31,0,0,0-.24,3.68,15,15,0,0,0,2.25,5.87,43,43,0,0,0,2.46,3.55A9.94,9.94,0,0,1,274.28,297.6Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M332,275.93a12.05,12.05,0,0,1-.06-1.66,20.39,20.39,0,0,0-.48-4.47,8.63,8.63,0,0,0-1.21-2.8,7.24,7.24,0,0,0-2.59-2.29,18.15,18.15,0,0,0-3.65-1.44L319.93,262c-5.59-1.74-10.64-3.33-14.29-4.51l-4.32-1.43a10.11,10.11,0,0,1-1.56-.59,10.82,10.82,0,0,1,1.62.4l4.37,1.26c3.67,1.09,8.75,2.64,14.34,4.37l4.08,1.27a19.28,19.28,0,0,1,3.73,1.51,7.63,7.63,0,0,1,2.71,2.47,8.82,8.82,0,0,1,1.21,2.95,18.51,18.51,0,0,1,.32,4.56c0,.54-.05,1-.08,1.24S332,275.94,332,275.93Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M201.57,162.36c-6.31-1.64-14-1.89-18.36,2.93s-3.52,12.05-2,18.24a120.52,120.52,0,0,0,23.34,46.65l32.81-49.42C226.14,173.32,214.63,165.75,201.57,162.36Z"
+        style="fill: #ff725e"
+      ></path>
+      <g style="opacity: 0.5">
+        <path
+          d="M199.7,169.88c-3.83-1.36-8.8-1.85-11.31,1.35-2.27,2.9-1.15,7.12.29,10.52,5.1,12,12.09,25.19,22.09,33.52,4.85-10,10.5-19,17.56-26.26C220.17,181.65,210.06,173.55,199.7,169.88Z"
+          style="fill: #fff"
+        ></path>
+      </g>
+      <path
+        d="M217.56,203.18a6.08,6.08,0,0,1-.95-.94l-2.45-2.65c-2.15-2.32-5-5.36-8.14-8.73s-6-6.53-8-8.84c-1-1.16-1.8-2.1-2.33-2.77a6.24,6.24,0,0,1-.79-1.07,6,6,0,0,1,.94.93l2.45,2.66,8.14,8.73c3.19,3.41,6,6.53,8,8.84,1,1.15,1.79,2.1,2.33,2.77A7,7,0,0,1,217.56,203.18Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M331.06,138.07c-2.62-5.82-6.54-12.07-12.84-13.11S305.93,128.84,302,134c-8.15,10.75-12.51,23.82-16.73,36.63l53.44,18.07C337.25,170.27,338.25,154.05,331.06,138.07Z"
+        style="fill: #ff725e"
+      ></path>
+      <g style="opacity: 0.5">
+        <path
+          d="M308.11,138.78c2.17-3.44,5.77-6.9,9.72-5.94,3.58.87,5.31,4.88,6.28,8.43,3.41,12.56,6.07,26.74,3.38,39.47-8.47-5-18.36-8.58-29-11.48C300.29,158.43,302.25,148.08,308.11,138.78Z"
+          style="fill: #fff"
+        ></path>
+      </g>
+      <path
+        d="M314.8,174.63a5.88,5.88,0,0,1-.05-1.28c0-.82,0-2,.11-3.47.13-2.93.42-7,.8-11.44s.7-8.38.95-11.41c.11-1.38.2-2.54.27-3.46a6.71,6.71,0,0,1,.16-1.27,5.88,5.88,0,0,1,0,1.28c0,.82,0,2-.11,3.47-.13,2.94-.42,7-.8,11.44s-.7,8.38-.95,11.41c-.11,1.38-.2,2.54-.27,3.46A5.81,5.81,0,0,1,314.8,174.63Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M362.63,301.52a6.19,6.19,0,0,1-.66,1.11,22.73,22.73,0,0,1-2.4,2.84c-1.11,1.16-2.54,2.52-4.27,4-.86.75-1.8,1.54-2.81,2.36l-3.14,2.64a96.75,96.75,0,0,1-16.91,11.07,101.92,101.92,0,0,1-23.22,8.55,112.84,112.84,0,0,1-24.58,2.94,116.16,116.16,0,0,1-20.16-1.59,97.9,97.9,0,0,1-13.26-3.2c-1.52-.51-2.71-.91-3.49-1.23l-.9-.36-.3-.13a1.6,1.6,0,0,1,.32.08l.91.31c.8.29,2,.66,3.52,1.14a105.22,105.22,0,0,0,13.26,3,118.48,118.48,0,0,0,20.09,1.48,114.43,114.43,0,0,0,24.47-3,103.11,103.11,0,0,0,23.12-8.46,99.59,99.59,0,0,0,16.9-10.93l6-4.94c1.74-1.48,3.19-2.81,4.32-3.94a27.11,27.11,0,0,0,2.46-2.76C362.4,301.9,362.61,301.5,362.63,301.52Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.5">
+        <path
+          d="M305.73,280.2a16.06,16.06,0,0,0-14,7,2,2,0,0,0-.44,1.78,1.43,1.43,0,0,0,1.45.77,4.14,4.14,0,0,0,1.64-.58l10.54-5.49a3.74,3.74,0,0,0,1.74-1.43c.35-.68.08-1.72-.67-1.86"
+          style="fill: #fff"
+        ></path>
+      </g>
+      <path
+        d="M331.35,183a8.16,8.16,0,0,1-1.37-.71c-.85-.49-2.1-1.19-3.66-2a119.65,119.65,0,0,0-25.54-10.25c-1.7-.47-3.08-.83-4-1.07a7.77,7.77,0,0,1-1.48-.43,9.51,9.51,0,0,1,1.52.23c1,.18,2.38.48,4.1.91A101.58,101.58,0,0,1,326.5,180c1.54.88,2.76,1.63,3.59,2.18A8.83,8.83,0,0,1,331.35,183Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M318.58,311.15a6.47,6.47,0,0,1-1.51,1.34,32.34,32.34,0,0,1-4.09,2.63,33.45,33.45,0,0,1-4.43,2,7,7,0,0,1-1.95.53c-.05-.15,2.83-1.18,6.13-3S318.48,311,318.58,311.15Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M232.24,185.85a8.57,8.57,0,0,1-1.11,1.23c-.75.77-1.81,1.89-3.09,3.31a105.93,105.93,0,0,0-16.67,24.55c-.84,1.71-1.5,3.11-1.94,4.08a9.77,9.77,0,0,1-.73,1.49,10,10,0,0,1,.55-1.56c.38-1,1-2.43,1.79-4.17a93,93,0,0,1,16.73-24.64c1.32-1.39,2.42-2.48,3.21-3.2A11.2,11.2,0,0,1,232.24,185.85Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M440.63,436.11s-.2,0-.58-.13l-1.68-.45c-1.46-.41-3.6-1-6.29-2a130.23,130.23,0,0,1-21.56-9.68l.26-.35A97.14,97.14,0,0,1,424.91,441l.48.78-.81-.42a78.8,78.8,0,0,1-14-9.09,80.58,80.58,0,0,1-11.28-11.17l.43-.27,7.8,18.51.31.74-.65-.46A69.8,69.8,0,0,1,389.25,421a54.84,54.84,0,0,1-4.71-8.65l.09.14c.06.12.13.26.23.44l.88,1.69c.8,1.48,2,3.63,3.73,6.23a70.61,70.61,0,0,0,17.95,18.45l-.34.27c-2.39-5.63-5-11.85-7.84-18.49l-.68-1.6,1.11,1.34a79.55,79.55,0,0,0,25.14,20.14l-.33.36a98.37,98.37,0,0,0-14-17.46l-1.18-1.16,1.44.82a137.34,137.34,0,0,0,21.42,9.83c2.68.95,4.8,1.62,6.25,2.08l1.65.51Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M364,291.63c-.81,7-3,16.65-3.34,23.62l3.91-5.95c1.17,18.18,4,40.65,6.59,58.68"
+        style="fill: #ff725e"
+      ></path>
+      <path
+        d="M371.2,368a.67.67,0,0,1-.06-.23c0-.18-.08-.4-.12-.67-.11-.63-.25-1.5-.42-2.59-.35-2.25-.83-5.51-1.39-9.55-1.11-8.07-2.55-19.24-3.73-31.62-.46-4.89-.84-9.61-1.12-14l.46.12c-1.38,2.07-2.69,4.06-3.93,5.94l-.47.7.05-.84a89.74,89.74,0,0,1,1.17-9.69c.5-2.85.94-5.35,1.3-7.43s.64-3.68.81-4.79c.08-.52.15-.94.2-1.27a2.72,2.72,0,0,1,.09-.43,1.34,1.34,0,0,1,0,.44c0,.29-.06.72-.13,1.28-.12,1.12-.35,2.75-.68,4.82s-.73,4.58-1.19,7.44a91.37,91.37,0,0,0-1.09,9.65l-.42-.14,3.89-5.95.41-.62.05.74c.29,4.38.68,9.09,1.14,14,1.18,12.37,2.56,23.54,3.58,31.62.51,4,.92,7.27,1.22,9.57.13,1.1.24,2,.32,2.61l.07.68A1,1,0,0,1,371.2,368Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M385,412.91c-2.86-7.31-4-14.28-6.88-21.6.95,13.95,7.3,26.9,13.91,39.22a59.82,59.82,0,0,0,7.51,11.62c3.06,3.46,7,6.29,11.58,7.17a3.32,3.32,0,0,0,2.45-.23c1.45-.95.87-3.19,0-4.7s-2.46-7.75-2.46-7.75c7.4,5.18,18,11.37,26.95,12.31q-3.57-5.71-7.12-11.44A21.26,21.26,0,0,0,448,438.67c-11.35-4.39-24.85-9.4-36.19-13.79a85.89,85.89,0,0,1,12.87,16.29c-8.68-4-19.56-11.31-25.22-20.21,3.33,7.44,6.86,15.49,7.57,18.53-10.37-8-17.9-15.51-22.5-27.74"
+        ></path>
+      </g>
+      <path
+        d="M355.05,242.71a77.08,77.08,0,0,0,1.84,16.71c5.86,26.32,16.05,106,16.88,107,1,1.2,64.83,3.33,64.83,3.33l-10.44-13.39,9.16,3s-1.68-2.59-9.16-9.25c-10-8.9-24.15-117.66-24.15-117.66h0c1.82-14.85,3.64-29.74,3.5-44.69s-2.31-30-8.2-43.87a40.44,40.44,0,0,0-7.57-12.32c-3.37-3.53-7.47-3.38-12.21-4.89-8.5-2.7-13.93,1.18-18.3,6.1-3,3.35-3.22,7.28-5,11.37a12.3,12.3,0,0,0-4.13,5.83c-2.58,6.85-4.62,14-4.91,21.27s1.42,14.84,6,20.63l-4.35-2.4,7.93,8.7-2,3.81a12.17,12.17,0,0,0-1.41,7.31l3.28-3.48c-2,4.17-2.24,8.17-2.91,14.47-.31,2.82-.47,5.66-.51,8.49l-.14,9.87,1.91-1.6Z"
+        style="fill: #ff725e"
+      ></path>
+      <g style="opacity: 0.5">
+        <path
+          d="M379.7,251.3c6.66-.15,13.8,2.78,17.72,8,2.14,2.86,2.86,6.46,3.53,9.94q4.8,25.14,9.61,50.27c3.2,16.76,6.4,33.54,8.52,50.46,1.06,8.43,1.76,17.37-2,25.06-1.43,2.94-3.71,5.76-6.93,6.67-3.57,1-7.49-.63-10.08-3.22s-4.11-6-5.51-9.33a374.43,374.43,0,0,1-17-52.06c-7.17-28.09-6.61-42.58-9.42-71.38C368.22,265.72,367.84,251.56,379.7,251.3Z"
+          style="fill: #fff"
+        ></path>
+      </g>
+      <path
+        d="M374,133.46c-1.89-1.72-5.06-1.55-7.18-.1a10.57,10.57,0,0,0-3.92,6.32,12,12,0,0,0-.1,6,7.44,7.44,0,0,0,3.67,4.74,5.64,5.64,0,0,0,5.92-.41c1.48-1.18,2.09-3.09,2.49-4.91.78-3.56,1.88-9.29-.88-11.69"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M357.38,151.11c-.32,0-4.31.7-5.75,5.89s-2.06,11.68,2.05,12.18,7.81.29,8.32-5.09S360.67,151,357.38,151.11Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M386.67,135.33c-.24,0-4.07-.77-5.82,2.65s-4.25,9.36-2.31,13.13,6.49,8.14,10.07,2.9,4.12-10.73,3.4-13.44S386.67,135.33,386.67,135.33Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M396.83,159c-.52.08-10.08,5-11.77,9.68s-.46,5.48,3.34,7.88a7.92,7.92,0,0,0,10.89-2.4C401.86,170.57,403.3,157.9,396.83,159Z"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.5">
+        <path
+          d="M381,188.14c-.71-1.3-2.15-1.83-3.47-2.26l-8.4-2.74c-1.68-.55-3.69-1-5,.27l-2,.55a46.81,46.81,0,0,0,1.25,9.25,14.35,14.35,0,0,0,4.63,7.62,7.08,7.08,0,0,0,8,.75c2.59-1.61,3.8-5,4.82-8.08C381.32,191.76,381.87,189.73,381,188.14Z"
+          style="fill: #fff"
+        ></path>
+      </g>
+      <path
+        d="M370.71,167.85c-1.64,2.05-4.36,2.91-6.9,3.75s-5.23,1.89-6.61,4.12a7.91,7.91,0,0,0-.39,6.63,6.83,6.83,0,0,0,2.85,3.88c2.65,1.52,6.07.26,9.09.85,4.38.86,7.17,5.43,11.53,6.43,3.74.86,7.74-1.34,9.72-4.55a7,7,0,0,0,1.05-5.53c-.71-2.39-3-3.92-5.26-5.14s-4.64-2.48-5.8-4.69a21.13,21.13,0,0,1-1.19-3.92,5.08,5.08,0,0,0-2.33-3.28c-1.86-.91-4.13.15-5.6,1.58"
+        style="fill: #263238"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M382.94,238.18q-2.64-3.09-5.49-6L368.71,237a16.49,16.49,0,0,0,5.11,5.92,9.2,9.2,0,0,0,7.62,1.34c1.52-.47,3-1.69,2.95-3.23A4.74,4.74,0,0,0,382.94,238.18Z"
+        ></path>
+      </g>
+      <path
+        d="M376.75,231.94a6.48,6.48,0,0,0-5.65.38,4.82,4.82,0,0,0-2.31,4.88,6.33,6.33,0,0,0,2.84,3.78,11.66,11.66,0,0,0,8.87,1.69c1.58-.34,3.26-1.24,3.53-2.78a5.85,5.85,0,0,0-1.23-3.6,14.41,14.41,0,0,0-6.05-4.35"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M381.69,224.48s-.13-.07-.33-.24-.52-.42-.89-.77a32.55,32.55,0,0,1-3-3.15,36.5,36.5,0,0,1-6.76-12.53l.51-.07v0c0,1.39-.07,2.75-.11,4.06,0,.66,0,1.3-.06,1.93l0,.94a2.44,2.44,0,0,1-.17,1,1.19,1.19,0,0,1-.33.46.79.79,0,0,1-.61.14,1.29,1.29,0,0,1-.79-.65c-.31-.49-.61-1-.86-1.45a19.26,19.26,0,0,1-1.2-2.76,17.64,17.64,0,0,1-.88-4.26,10.85,10.85,0,0,1,0-1.18,1.2,1.2,0,0,1,0-.41,24.27,24.27,0,0,0,1.23,5.72,19.62,19.62,0,0,0,1.23,2.69c.26.46.55.92.86,1.4s.72.63.91.12a6.31,6.31,0,0,0,.15-1.75c0-.63,0-1.28,0-1.93,0-1.32.06-2.68.1-4.07v0l0-1.6.47,1.53a38.24,38.24,0,0,0,6.55,12.46c1.12,1.42,2.12,2.5,2.82,3.24A10.58,10.58,0,0,1,381.69,224.48Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M382.53,162.85a10.17,10.17,0,0,1-1.21-1.49l-3.07-4.15.37-.11c0,1.46-.07,3.09-.11,4.83v.61l-.41-.45a11.4,11.4,0,0,1-2.4-4.17l.48,0c-.32.73-.66,1.49-1,2.27l-.92,2.05-.17.38-.26-.32a5,5,0,0,1-.77-5l.37.28a29.66,29.66,0,0,1-5.34,3.32l-.46.23.21-.46a11.81,11.81,0,0,1,2.36-3.42,7.51,7.51,0,0,1,.84-.75c.2-.16.31-.23.33-.22s-.39.39-1,1.11a12.56,12.56,0,0,0-2.17,3.42l-.25-.23a32.84,32.84,0,0,0,5.2-3.38l.72-.57-.34.85a4.53,4.53,0,0,0,.71,4.47l-.43.06.91-2.05,1-2.27.28-.62.2.64a11.22,11.22,0,0,0,2.27,4l-.42.15c.07-1.75.13-3.37.19-4.83l0-.61.34.49,2.93,4.26A13.85,13.85,0,0,1,382.53,162.85Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M373.76,127.74a1.74,1.74,0,0,0-2.06,0,2.4,2.4,0,0,0-1.14,1.58.92.92,0,0,0,.26.91,1.68,1.68,0,0,0,1.27.36,2.34,2.34,0,0,0,1.8-.92A1.48,1.48,0,0,0,373.76,127.74Z"
+        style="fill: #e0e0e0"
+      ></path>
+      <path
+        d="M389.7,132.9a3.9,3.9,0,0,0-1.6-1.9.7.7,0,0,0-.57-.13c-.16.06-.52.18-.61.32a1.68,1.68,0,0,0-.23,1.39,2.34,2.34,0,0,0,2.4,1.44.9.9,0,0,0,.62-.3A.85.85,0,0,0,389.7,132.9Z"
+        style="fill: #e0e0e0"
+      ></path>
+      <g style="opacity: 0.30000000000000004">
+        <path d="M365.28,316.82A98.72,98.72,0,0,0,371.21,365c-1.15-16.59-4-32.17-5.4-49.22"></path>
+      </g>
+      <g style="opacity: 0.30000000000000004">
+        <path
+          d="M380.37,223.62A56.65,56.65,0,0,1,371,208.3a23.25,23.25,0,0,1-.33,6.33c-.06.43,0,1.31-.45,1.39s-1-.67-1.19-1a18.18,18.18,0,0,1-2.89-7.91l-.21.92a11.78,11.78,0,0,0,2.89,9.41,2.5,2.5,0,0,0,1.9,1,1.84,1.84,0,0,0,1.49-1.37,5.17,5.17,0,0,0,0-2.11A13.69,13.69,0,0,0,380.37,223.62Z"
+        ></path>
+      </g>
+      <path
+        d="M395.78,310.27a2.39,2.39,0,0,1-.44-.34c-.27-.23-.69-.57-1.18-1.05a42.57,42.57,0,0,1-4-4.3,46.31,46.31,0,0,1-8.88-17.43l.51-.09c.07.85.14,1.76.22,2.67a112.93,112.93,0,0,1,.18,11.81l0,.71-.4-.58A38.75,38.75,0,0,1,376,289.62a33.36,33.36,0,0,1-.82-3.73c-.07-.44-.1-.78-.13-1a1.82,1.82,0,0,1,0-.35,9.77,9.77,0,0,1,.31,1.33c.18.87.47,2.13.94,3.68a40.59,40.59,0,0,0,5.82,11.85l-.44.13c.11-3.61.06-7.59-.22-11.75-.08-.91-.15-1.81-.21-2.66l.5-.09a47.69,47.69,0,0,0,8.66,17.34,48.91,48.91,0,0,0,3.86,4.38c.47.5.87.86,1.12,1.12A3,3,0,0,1,395.78,310.27Z"
+        style="fill: #263238"
+      ></path>
+      <path
+        d="M437.9,390.59a6.31,6.31,0,0,1,.22,1.3c.11.85.2,2.07.27,3.58A64,64,0,0,1,435,418.82c-.49,1.43-.94,2.58-1.28,3.35a5.93,5.93,0,0,1-.58,1.19,6.87,6.87,0,0,1,.39-1.26c.28-.8.67-2,1.12-3.4a75.22,75.22,0,0,0,2.62-11.47,76.46,76.46,0,0,0,.76-11.75c0-1.5-.07-2.73-.12-3.57A7.11,7.11,0,0,1,437.9,390.59Z"
+        style="fill: #263238"
+      ></path>
+    </g>
+  </svg>
+</template>
diff --git a/components/logo/moon.vue b/components/logo/moon.vue
deleted file mode 100644
index e69de29..0000000
diff --git a/components/main/header.vue b/components/main/header.vue
index ea96dac..62a6a48 100644
--- a/components/main/header.vue
+++ b/components/main/header.vue
@@ -3,10 +3,10 @@ let isDark = ref(false)
 </script>
 
 <template>
-  <div class="py-5 px-4 border-b text-zinc-600">
-    <div class="flex container max-w-5xl justify-between mx-auto items-baseline">
+  <div class="py-5 font-spacegrotesk border-b text-zinc-600">
+    <div class="flex px-6 container max-w-5xl justify-between mx-auto items-baseline">
       <ul class="flex items-baseline space-x-5">
-        <li>
+        <li class="">
           <NuxtLink to="/" class="text-2xl text-black font-bold"> Home </NuxtLink>
         </li>
         <li>
diff --git a/components/main/hero.vue b/components/main/hero.vue
new file mode 100644
index 0000000..4cc438a
--- /dev/null
+++ b/components/main/hero.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="container mx-auto">
+    <div class="grid grid-cols-1 items-center md:grid-cols-2">
+      <div class="px-6">
+        <h1 class="text-black text-4xl font-semibold md:text-5xl mb-5 leading-tight">
+          Welcome To My Blog Site
+        </h1>
+        <p>
+          Get Web Development, Javascript, Typescript, NodeJs, Vue and Nuxt, Related Articles, Tips,
+          Learning resource and more.
+        </p>
+      </div>
+      <div class="px-6 max-w-[400px] flex justify-center">
+        <LogoDog />
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/layouts/default.vue b/layouts/default.vue
index ce87900..ada8565 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="gd-container">
+  <div class="gd-container font-spacegrotesk">
     <header class="fixed w-full backdrop-blur-3xl">
       <MainHeader />
     </header>
diff --git a/pages/index.vue b/pages/index.vue
index cf70037..8b33672 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -12,7 +12,8 @@ useHead({
 const { data } = await useAsyncData('home', () => queryContent('/blogs').find())
 </script>
 <template>
-  <main class="container mx-auto">
+  <main class="container max-w-5xl mx-auto text-zinc-600">
+    <MainHero />
     <div class="flex m-5 p-3 flex-wrap">
       <template v-for="n in data" :key="n">
         <BlogCard :title="n.title || ''" :excerpt="n.description" image="sdlfkj" :slug="n._path" />
diff --git a/tailwind.config.js b/tailwind.config.js
index 3f79ab1..d1cec2a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,7 +4,11 @@
 module.exports = {
   content: [],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        spacegrotesk: ['Space Grotesk', 'sans-serif'],
+      },
+    },
   },
   plugins: [require('@tailwindcss/typography')],
 }