From 5682cf2c221ebc04bf1c7158f4acb93866a9e212 Mon Sep 17 00:00:00 2001
From: Romain Lenzotti <rom.lenzotti@gmail.com>
Date: Tue, 6 Aug 2024 13:57:26 +0200
Subject: [PATCH] fix(home): improve responsive layout

---
 .github/workflows/build.yml                   |   4 +-
 .github/workflows/website.yml                 |   2 +-
 .../theme/atoms/svg/MessageCircleHeart.vue    |  17 ++
 .../theme/composables/randomize/useRandom.ts  |  54 +++++++
 docs/.vitepress/theme/index.ts                |  10 +-
 .../theme/molecules/frameworks/Frameworks.vue |  91 +++++++++++
 .../theme/molecules/partners/Partners.vue     |  57 +++++++
 .../theme/organisms/frameworks/Frameworks.vue | 146 ------------------
 .../theme/organisms/home/ButtonBanner.vue     |   4 +-
 .../theme/organisms/home/HomeBanner.vue       |  12 +-
 .../theme/organisms/home/HomeBody.vue         |  33 ++++
 .../theme/organisms/home/HomeContainer.vue    |  60 +++++++
 .../theme/organisms/home/HomeFrameworks.vue   |  22 +++
 .../theme/organisms/home/HomePartners.vue     |  38 +++++
 docs/.vitepress/theme/style.css               |  92 +++++++++++
 docs/index.md                                 |  30 +++-
 docs/public/partners/clubmed.svg              |   4 +
 docs/public/partners/egain.webp               | Bin 0 -> 4844 bytes
 docs/public/partners/schnell.svg              |  19 +++
 docs/public/partners/zenika.svg               |  26 ++++
 vitest.config.ts                              |   8 +-
 21 files changed, 557 insertions(+), 172 deletions(-)
 create mode 100644 docs/.vitepress/theme/atoms/svg/MessageCircleHeart.vue
 create mode 100644 docs/.vitepress/theme/composables/randomize/useRandom.ts
 create mode 100644 docs/.vitepress/theme/molecules/frameworks/Frameworks.vue
 create mode 100644 docs/.vitepress/theme/molecules/partners/Partners.vue
 delete mode 100644 docs/.vitepress/theme/organisms/frameworks/Frameworks.vue
 create mode 100644 docs/.vitepress/theme/organisms/home/HomeBody.vue
 create mode 100644 docs/.vitepress/theme/organisms/home/HomeContainer.vue
 create mode 100644 docs/.vitepress/theme/organisms/home/HomeFrameworks.vue
 create mode 100644 docs/.vitepress/theme/organisms/home/HomePartners.vue
 create mode 100644 docs/public/partners/clubmed.svg
 create mode 100644 docs/public/partners/egain.webp
 create mode 100644 docs/public/partners/schnell.svg
 create mode 100644 docs/public/partners/zenika.svg

diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index ae0752a..3e945e6 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -59,10 +59,10 @@ jobs:
         with:
           node-version: 20
           cache: yarn
-      - name: Install Playwright 🚀
-        run: npx playwright install --with-deps
       - name: Install dependencies 🚀
         run: yarn install --immutable
+      - name: Install Playwright 🚀
+        run: yarn playwright install
       - name: Build Storybook
         run: yarn storybook:build --quiet
       - name: Serve Storybook and run tests 🔍
diff --git a/.github/workflows/website.yml b/.github/workflows/website.yml
index ef835e6..cb3130f 100644
--- a/.github/workflows/website.yml
+++ b/.github/workflows/website.yml
@@ -45,7 +45,7 @@ jobs:
         run: |
           yarn docs:build
           touch docs/.vitepress/dist/.nojekyll
-          echo "beta.tsed.io" > docs/.vitepress/dist/CNAME
+          echo "beta.tsed.dev" > docs/.vitepress/dist/CNAME
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
diff --git a/docs/.vitepress/theme/atoms/svg/MessageCircleHeart.vue b/docs/.vitepress/theme/atoms/svg/MessageCircleHeart.vue
new file mode 100644
index 0000000..a03dc10
--- /dev/null
+++ b/docs/.vitepress/theme/atoms/svg/MessageCircleHeart.vue
@@ -0,0 +1,17 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="lucide lucide-message-circle-heart"
+  >
+    <path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z" />
+    <path
+      d="M15.8 9.2a2.5 2.5 0 0 0-3.5 0l-.3.4-.35-.3a2.42 2.42 0 1 0-3.2 3.6l3.6 3.5 3.6-3.5c1.2-1.2 1.1-2.7.2-3.7"
+    />
+  </svg>
+</template>
diff --git a/docs/.vitepress/theme/composables/randomize/useRandom.ts b/docs/.vitepress/theme/composables/randomize/useRandom.ts
new file mode 100644
index 0000000..8304066
--- /dev/null
+++ b/docs/.vitepress/theme/composables/randomize/useRandom.ts
@@ -0,0 +1,54 @@
+import {ref} from "vue";
+
+export interface UseRandomProps<Data = any> {
+  initItems: Data[];
+  maxItems: number;
+  numberToChange: number;
+}
+
+const getRandomIndex = (arrayLength: number) => {
+  if (arrayLength === 0) {
+    return 0;
+  }
+  return Math.floor(Math.random() * arrayLength);
+};
+
+export function useRandomItems<Data = unknown>({initItems, maxItems, numberToChange}: UseRandomProps<Data>) {
+  const randomItems = ref<Data[]>([]);
+  const shuffledItems = ref<Data[]>([]);
+  const lastChangedIndex = ref<number>(-1);
+
+  function update() {
+    if (initItems.length > 0) {
+      // Si randomItems est vide, remplir initialement avec 10 éléments aléatoires
+      if (randomItems.value.length === 0) {
+        shuffledItems.value = initItems.sort(() => 0.5 - Math.random()) as never;
+
+        randomItems.value = shuffledItems.value.slice(0, maxItems);
+      } else {
+        const currentList = [...randomItems.value];
+
+        // Remplacer partiellement les éléments existants
+        for (let i = 0; i < numberToChange; i++) {
+          let randomItemIndex = getRandomIndex(currentList.length);
+
+          while (lastChangedIndex.value === randomItemIndex) {
+            randomItemIndex = getRandomIndex(currentList.length);
+          }
+
+          lastChangedIndex.value = randomItemIndex;
+
+          const item = shuffledItems.value.pop()!;
+
+          shuffledItems.value.unshift(currentList[randomItemIndex]);
+
+          currentList[randomItemIndex] = item;
+        }
+
+        randomItems.value = currentList;
+      }
+    }
+  }
+
+  return {update, lastChangedIndex, items: randomItems};
+}
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index b9aa7d8..2019b5b 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -13,13 +13,17 @@ import CodeSandbox from "./molecules/codesandbox/CodeSandbox.vue";
 import Projects from "./organisms/projects/Projects.vue";
 import Banner from "./molecules/banner/Banner.vue";
 import HomeBanner from "./organisms/home/HomeBanner.vue";
-import Frameworks from "./organisms/frameworks/Frameworks.vue";
+import HomePartners from "./organisms/home/HomePartners.vue";
+import HomeFrameworks from "./organisms/home/HomeFrameworks.vue";
+import HomeBody from "./organisms/home/HomeBody.vue";
 
 export default {
   extends: DefaultTheme,
   Layout: () => {
     return h(DefaultTheme.Layout, null, {
-      "home-hero-image": () => h(HomeBanner)
+      "home-hero-image": () => h(HomeBanner),
+      "home-features-before": () => h(HomePartners),
+      "home-features-after": () => h(HomeBody)
       // https://vitepress.dev/guide/extending-default-theme#layout-slots
     });
   },
@@ -29,7 +33,7 @@ export default {
     app.component("GithubContributors", GithubContributors);
     app.component("CodeSandbox", CodeSandbox);
     app.component("Projects", Projects);
-    app.component("Frameworks", Frameworks);
+    app.component("HomeFrameworks", HomeFrameworks);
     // eslint-disable-next-line vue/no-reserved-component-names
     app.component("Button", Button);
     app.component("Banner", Banner);
diff --git a/docs/.vitepress/theme/molecules/frameworks/Frameworks.vue b/docs/.vitepress/theme/molecules/frameworks/Frameworks.vue
new file mode 100644
index 0000000..98702e1
--- /dev/null
+++ b/docs/.vitepress/theme/molecules/frameworks/Frameworks.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import ButtonBadge, {type ButtonBadgeProps} from "../../molecules/button-badge/ButtonBadge.vue";
+import {useInterval} from "@vueuse/core";
+import {watch} from "vue";
+import {useRandomItems} from "../../composables/randomize/useRandom";
+
+export interface Framework {
+  id: number;
+  title: string;
+  href: string;
+  src: string;
+}
+
+export interface FrameworksProps extends ButtonBadgeProps {
+  innerPadding?: number;
+  maxItems?: number;
+  numberToChange?: number;
+  delay?: number;
+  items?: Framework[];
+}
+
+const props = withDefaults(defineProps<FrameworksProps>(), {
+  width: 80,
+  bgColor: "purple-50 dark:bg-api-default",
+  textSize: "sm",
+  blur: 0,
+  shadow: "none",
+  innerPadding: 4,
+  maxItems: 15,
+  numberToChange: 1,
+  delay: 1500,
+  items: () => []
+});
+
+const counter = useInterval(props.delay, {});
+const {items, update} = useRandomItems({
+  maxItems: props.maxItems,
+  numberToChange: props.numberToChange,
+  initItems: props.items
+});
+
+watch(counter, () => {
+  update();
+});
+
+update();
+
+function beforeLeave(el: any) {
+  const {marginLeft, marginTop, width, height} = window.getComputedStyle(el);
+  el.style.left = `${el.offsetLeft - parseFloat(marginLeft)}px`;
+  el.style.top = `${el.offsetTop - parseFloat(marginTop)}px`;
+  el.style.width = width;
+  el.style.height = height;
+}
+</script>
+<template>
+  <ul name="list" tag="ul" class="mb-5 reset-list flex flex-wrap items-center gap-5" @before-leave="beforeLeave">
+    <li v-for="item in items" :key="item.id" class="w-1/5 sm:w-auto relative">
+      <ButtonBadge
+        v-bind="props"
+        :title="item.title"
+        :href="item.href"
+        :src="item.src"
+        :padding="innerPadding"
+        show-title
+      />
+    </li>
+  </ul>
+</template>
+<style scoped>
+.list-item {
+  transition: all 1.5s ease;
+}
+
+.list-enter-active,
+.list-leave-active {
+  transition:
+    opacity 1.5s,
+    transform 1.5s;
+}
+
+.list-leave-active {
+  position: absolute;
+}
+
+.list-enter-from,
+.list-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}
+</style>
diff --git a/docs/.vitepress/theme/molecules/partners/Partners.vue b/docs/.vitepress/theme/molecules/partners/Partners.vue
new file mode 100644
index 0000000..dc1a898
--- /dev/null
+++ b/docs/.vitepress/theme/molecules/partners/Partners.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+export interface Partner {
+  href: string;
+  title: string;
+  src: string;
+  style: string;
+  class: string;
+}
+
+interface PartnerProps {
+  items: Partner[];
+}
+
+const props = withDefaults(defineProps<PartnerProps>(), {
+  items: () => []
+});
+</script>
+<template>
+  <div class="flex flex-wrap gap-12 justify-center items-stretch w-full">
+    <div v-for="partner in props.items" :key="partner.href" :class="partner.class">
+      <a
+        :href="partner.href"
+        :title="partner.title"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="link external partner-logo flex items-center h-full justify-center"
+      >
+        <img :src="partner.src" :style="partner.style" />
+      </a>
+    </div>
+  </div>
+</template>
+<style>
+.partner-logo {
+  max-width: 150px;
+}
+.partner-logo img {
+  transition: all ease-in-out 0.3s;
+  filter: grayscale(1);
+  opacity: 0.5;
+  max-width: 100%;
+
+  &:is(.dark *) {
+    filter: contrast(0%);
+
+    &:hover {
+      filter: contrast(100%);
+      opacity: 1;
+    }
+  }
+
+  &:hover {
+    filter: grayscale(0);
+    opacity: 1;
+  }
+}
+</style>
diff --git a/docs/.vitepress/theme/organisms/frameworks/Frameworks.vue b/docs/.vitepress/theme/organisms/frameworks/Frameworks.vue
deleted file mode 100644
index 7466e21..0000000
--- a/docs/.vitepress/theme/organisms/frameworks/Frameworks.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<script setup lang="ts">
-import ButtonBadge, {type ButtonBadgeProps} from "../../molecules/button-badge/ButtonBadge.vue";
-import {useInterval} from "@vueuse/core";
-import {useFrontMatter} from "../../composables/config/useFrontMatter";
-import {ref, watch} from "vue";
-
-interface Framework {
-  id: number;
-  title: string;
-  href: string;
-  src: string;
-}
-
-export interface FrameworksProps extends ButtonBadgeProps {
-  innerPadding?: number;
-  maxItems?: number;
-  numberToChange?: number;
-  delay?: number;
-}
-
-const props = withDefaults(defineProps<FrameworksProps>(), {
-  width: 80,
-  bgColor: "purple-50 dark:bg-api-default",
-  textSize: "sm",
-  blur: 0,
-  shadow: "none",
-  innerPadding: 4,
-  maxItems: 15,
-  numberToChange: 1,
-  delay: 1500
-});
-
-const frontmatter = useFrontMatter();
-
-function getFrameworks() {
-  return (frontmatter.value.frameworks as Framework[]).map(({title, src, href}, index) => {
-    return {
-      id: index,
-      title,
-      src,
-      href
-    };
-  });
-}
-
-const counter = useInterval(props.delay, {});
-const randomItems = ref<Framework[]>([]);
-const shuffledItems = ref<Framework[]>([]);
-const lastChangedIndex = ref<number>(-1);
-const getRandomIndex = (arrayLength: number) => {
-  return Math.floor(Math.random() * arrayLength);
-};
-
-const updateRandomItems = () => {
-  const items = getFrameworks();
-
-  if (items.length > 0) {
-    // Si randomItems est vide, remplir initialement avec 10 éléments aléatoires
-    if (randomItems.value.length === 0) {
-      shuffledItems.value = items.sort(() => 0.5 - Math.random());
-
-      randomItems.value = shuffledItems.value.slice(0, props.maxItems);
-    } else {
-      const currentList = [...randomItems.value];
-
-      // Remplacer partiellement les éléments existants
-      for (let i = 0; i < props.numberToChange; i++) {
-        let randomItemIndex = getRandomIndex(currentList.length);
-
-        while (lastChangedIndex.value === randomItemIndex) {
-          randomItemIndex = getRandomIndex(currentList.length);
-        }
-
-        lastChangedIndex.value = randomItemIndex;
-
-        const item = shuffledItems.value.pop()!;
-
-        shuffledItems.value.unshift(currentList[randomItemIndex]);
-
-        currentList[randomItemIndex] = item;
-      }
-
-      randomItems.value = currentList;
-    }
-  }
-};
-
-watch(counter, () => {
-  updateRandomItems();
-});
-
-updateRandomItems();
-
-function beforeLeave(el: any) {
-  const {marginLeft, marginTop, width, height} = window.getComputedStyle(el);
-  el.style.left = `${el.offsetLeft - parseFloat(marginLeft)}px`;
-  el.style.top = `${el.offsetTop - parseFloat(marginTop)}px`;
-  el.style.width = width;
-  el.style.height = height;
-}
-</script>
-<template>
-  <div class="flex pt-20 gap-10">
-    <div class="text-5xl flex items-center line-">
-      <slot />
-    </div>
-    <transition-group
-      name="list"
-      tag="ul"
-      class="mb-5 reset-list flex flex-wrap items-center gap-5"
-      @before-leave="beforeLeave"
-    >
-      <li v-for="item in randomItems" :key="item.id" class="w-1/5 sm:w-auto relative">
-        <ButtonBadge
-          v-bind="props"
-          :title="item.title"
-          :href="item.href"
-          :src="item.src"
-          :padding="innerPadding"
-          show-title
-        />
-      </li>
-    </transition-group>
-  </div>
-</template>
-<style scoped>
-.list-item {
-  transition: all 1.5s ease;
-}
-
-.list-enter-active,
-.list-leave-active {
-  transition:
-    opacity 1.5s,
-    transform 1.5s;
-}
-.list-leave-active {
-  position: absolute;
-}
-
-.list-enter-from,
-.list-leave-to {
-  opacity: 0;
-  transform: scale(0.9);
-}
-</style>
diff --git a/docs/.vitepress/theme/organisms/home/ButtonBanner.vue b/docs/.vitepress/theme/organisms/home/ButtonBanner.vue
index b18def1..55fadbe 100644
--- a/docs/.vitepress/theme/organisms/home/ButtonBanner.vue
+++ b/docs/.vitepress/theme/organisms/home/ButtonBanner.vue
@@ -16,10 +16,10 @@ const props = withDefaults(defineProps<ButtonBannerProps>(), {});
   >
     <div class="absolute flex z-0 p-[6px] h-full w-full">
       <div class="flex-1 bg-white/60 dark:bg-black/40 flex items-center w-full h-full rounded-md">
-        <span class="font-medium text-[13px] px-2 opacity-80 w-full text-center">{{ props.title }}</span>
+        <span class="font-medium text-[11px] sm:text-[13px] px-2 opacity-80 w-full text-center">{{ props.title }}</span>
       </div>
       <div class="flex items-center h-full px-2">
-        <span class="font-medium text-[15px] text-center w-full text-black dark:text-white">
+        <span class="font-medium text-[13px] sm:text-[15px] text-center w-full text-black dark:text-white">
           <slot name="default" />
         </span>
       </div>
diff --git a/docs/.vitepress/theme/organisms/home/HomeBanner.vue b/docs/.vitepress/theme/organisms/home/HomeBanner.vue
index 42560ed..03dd50a 100644
--- a/docs/.vitepress/theme/organisms/home/HomeBanner.vue
+++ b/docs/.vitepress/theme/organisms/home/HomeBanner.vue
@@ -13,9 +13,9 @@ const {formattedStargazers, fetchStargazers} = useStargazers(githubProxyUrl, 280
 fetchStargazers();
 </script>
 <template>
-  <div class="vp-doc w-[75%]">
+  <div class="vp-doc m-auto w-[90%] sm:w-full lg:w-[75%] mt-10">
     <Tabs name="oCQs_" class="w-full">
-      <Tab class="language-sh h-[150px]" title="npm" active>
+      <Tab class="language-sh h-[120px] sm:h-[150px]" title="npm" active>
         <button title="Copy Code" class="copy"></button>
         <span class="lang">sh</span>
         <pre
@@ -28,7 +28,7 @@ fetchStargazers();
             style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> init</span><span
             style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> .</span></span></code></pre>
       </Tab>
-      <Tab class="language-sh h-[150px]" title="yarn">
+      <Tab class="language-sh h-[120px] sm:h-[150px]" title="yarn">
         <button title="Copy Code" class="copy"></button>
         <span class="lang">sh</span>
         <pre
@@ -46,7 +46,7 @@ fetchStargazers();
     style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> init</span><span
     style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> .</span></span></code></pre>
       </Tab>
-      <Tab class="language-sh h-[150px]" title="pnpm">
+      <Tab class="language-sh h-[120px] sm:h-[150px]" title="pnpm">
         <button title="Copy Code" class="copy"></button>
         <span class="lang">sh</span>
         <pre
@@ -59,7 +59,7 @@ fetchStargazers();
             style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> init</span><span
             style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> .</span></span></code></pre>
       </Tab>
-      <Tab class="language-sh h-[150px]" title="bun">
+      <Tab class="language-sh h-[120px] sm:h-[150px]" title="bun">
         <button title="Copy Code" class="copy"></button>
         <span class="lang">sh</span>
         <pre
@@ -74,7 +74,7 @@ fetchStargazers();
       </Tab>
     </Tabs>
 
-    <div class="flex justify-between space-x-2">
+    <div class="flex justify-between space-x-2 -mx-[24px] md:mx-0">
       <ButtonBanner href="https://github.com/tsedio/tsed/stargazers" title="stars">{{
         formattedStargazers
       }}</ButtonBanner>
diff --git a/docs/.vitepress/theme/organisms/home/HomeBody.vue b/docs/.vitepress/theme/organisms/home/HomeBody.vue
new file mode 100644
index 0000000..5ebf056
--- /dev/null
+++ b/docs/.vitepress/theme/organisms/home/HomeBody.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import HomeFrameworks from "./HomeFrameworks.vue";
+import HomeContainer from "./HomeContainer.vue";
+import MessageCircleHeart from "../../atoms/svg/MessageCircleHeart.vue";
+</script>
+<template>
+  <HomeContainer :animate="true">
+    <HomeFrameworks>
+      Here are some of the libraries and technologies that we use or support with this
+      <strong>framework</strong>
+    </HomeFrameworks>
+  </HomeContainer>
+
+  <HomeContainer animate>
+    <div class="flex flex-col sm:flex-row pt-10 sm:pt-20 gap-10">
+      <GithubContributors />
+
+      <div class="flex items-center order-first sm:order-last">
+        <div class="flex sm:block">
+          <div class="text-2xl sm:text-5xl flex items-center pb-5">
+            <div>Our awesome <strong>contributors</strong></div>
+          </div>
+          <div class="max-w-[100px] relative">
+            <div
+              class="animate-[ping_3s_infinite] absolute inline-flex h-full rounded-full bg-red-400 opacity-75 w-[100px]"
+            />
+            <MessageCircleHeart class="w-[100px] z-2 relative" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </HomeContainer>
+</template>
diff --git a/docs/.vitepress/theme/organisms/home/HomeContainer.vue b/docs/.vitepress/theme/organisms/home/HomeContainer.vue
new file mode 100644
index 0000000..e1cec79
--- /dev/null
+++ b/docs/.vitepress/theme/organisms/home/HomeContainer.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import {defineProps, ref, watch, withDefaults} from "vue";
+import {useElementVisibility} from "@vueuse/core";
+
+interface HomeContainerProps {
+  animate?: boolean;
+}
+
+const props = withDefaults(defineProps<HomeContainerProps>(), {
+  animate: false
+});
+const target = ref(null);
+const targetIsVisible = useElementVisibility(target, {
+  threshold: 0.3
+});
+const show = ref(!props.animate);
+
+watch(targetIsVisible, () => {
+  show.value = show.value || targetIsVisible.value;
+});
+</script>
+<template>
+  <div
+    ref="target"
+    class="VPContainer"
+    :class="{
+      'opacity-0 scale-105 translate-y-6': !show,
+      'opacity-1 scale-100 translate-y-0': show,
+      'transition-all ease-in-out delay-200 duration-1000': props.animate
+    }"
+  >
+    <div class="container">
+      <slot />
+    </div>
+  </div>
+</template>
+<style scoped>
+.VPContainer {
+  position: relative;
+  padding: 0 24px;
+}
+
+@media (min-width: 640px) {
+  .VPContainer {
+    padding: 0 48px;
+  }
+}
+
+@media (min-width: 960px) {
+  .VPContainer {
+    padding: 0 64px;
+  }
+}
+
+.container {
+  @apply mx-auto;
+  margin: 0 auto;
+  max-width: 1152px;
+}
+</style>
diff --git a/docs/.vitepress/theme/organisms/home/HomeFrameworks.vue b/docs/.vitepress/theme/organisms/home/HomeFrameworks.vue
new file mode 100644
index 0000000..5c515bb
--- /dev/null
+++ b/docs/.vitepress/theme/organisms/home/HomeFrameworks.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import {useFrontMatter} from "../../composables/config/useFrontMatter";
+import Frameworks, {type Framework} from "../../molecules/frameworks/Frameworks.vue";
+
+const frontmatter = useFrontMatter();
+const frameworks = (frontmatter.value.frameworks as Framework[]).map((item, index) => {
+  return {
+    ...item,
+    id: index
+  };
+});
+</script>
+<template>
+  <div class="flex flex-col sm:flex-row pt-10 sm:pt-20 gap-10">
+    <div class="text-center sm:text-left text-2xl sm:text-5xl flex items-center">
+      <div>
+        <slot />
+      </div>
+    </div>
+    <Frameworks :items="frameworks" />
+  </div>
+</template>
diff --git a/docs/.vitepress/theme/organisms/home/HomePartners.vue b/docs/.vitepress/theme/organisms/home/HomePartners.vue
new file mode 100644
index 0000000..ad30d24
--- /dev/null
+++ b/docs/.vitepress/theme/organisms/home/HomePartners.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import Partners, {type Partner} from "../../molecules/partners/Partners.vue";
+import {useFrontMatter} from "../../composables/config/useFrontMatter";
+import HomeContainer from "./HomeContainer.vue";
+
+const frontmatter = useFrontMatter();
+
+const partners = frontmatter.value.partners as Partner[];
+</script>
+<template>
+  <HomeContainer class="mb-16">
+    <Partners :items="partners" />
+  </HomeContainer>
+</template>
+<style scoped>
+.VPPartners {
+  position: relative;
+  padding: 0 24px;
+}
+
+@media (min-width: 640px) {
+  .VPPartners {
+    padding: 0 48px;
+  }
+}
+
+@media (min-width: 960px) {
+  .VPPartners {
+    padding: 0 64px;
+  }
+}
+
+.container {
+  @apply mx-auto;
+  margin: 0 auto;
+  max-width: 1152px;
+}
+</style>
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index fac2948..b670c8b 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -137,4 +137,96 @@
 
 .DocSearch {
   --docsearch-primary-color: var(--vp-c-brand-1) !important;
+  --docsearch-search-background: white
+}
+
+@media (min-width: 768px) {
+  .VPNavBarSearch > div {
+    width: 100%;
+    padding-right: 32px;
+  }
+
+  .VPNavBar.top .DocSearch-Button {
+    @apply transition-all ease-in-out duration-200 rounded-full;
+    background: white;
+  }
+
+  .dark {
+    .VPNavBar .DocSearch-Button {
+      @apply transition-all ease-in-out duration-200 rounded-full;
+      background: rgba(120, 131, 155, .2);
+    }
+  }
+
+  .VPNavBar .DocSearch-Button {
+    @apply transition-all ease-in-out duration-200 rounded-full;
+  }
+
+  .DocSearch-Button .DocSearch-Search-Icon {
+    width: 16px;
+    height: 16px;
+    margin-right: 12px;
+    margin-left: 4px;
+  }
+
+  .DocSearch-Button .DocSearch-Button-Container {
+    margin-top: -1px;
+  }
+}
+
+.DocSearch-Form {
+
+}
+
+.DocSearch-Button-Container {
+  flex: 1;
+}
+
+.DocSearch-Button .DocSearch-Button-Placeholder {
+ font-size: 15px;
+}
+
+.DocSearch-Button .DocSearch-Button-Key + .DocSearch-Button-Key,
+.DocSearch-Button .DocSearch-Button-Key {
+  font-size: 9px;
+  border: 0;
+  background: rgb(255 255 255/1);
+  color: rgb(153 161 179/1);
+  border-radius: .375rem;
+  padding-right: 6px;
+  padding-left: 6px;
+  width: 21px;
+  height: 21px;
+}
+
+.dark {
+  .DocSearch-Button .DocSearch-Button-Key + .DocSearch-Button-Key,
+  .DocSearch-Button .DocSearch-Button-Key {
+    background: rgb(35 39 47 / 1);
+  }
+}
+
+
+.DocSearch-Button .DocSearch-Button-Key + .DocSearch-Button-Key,
+.DocSearch-Button .DocSearch-Button-Key {
+  margin-left: 4px;
+}
+
+.DocSearch-Button .DocSearch-Button-Key:first-child::after {
+  font-size: 9px;
+  color: rgb(153 161 179/1);
+}
+
+.DocSearch-Dropdown ul {
+  margin-left: -12px;
+  margin-right: 20px;
+
+  a {
+    border-radius: 0px 10px 10px 0px;
+  }
+}
+
+.DocSearch-Hit-icon {
+  margin-left: 10px;
+  margin-right: 5px;
 }
diff --git a/docs/index.md b/docs/index.md
index b495700..6ab49ef 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -166,14 +166,28 @@ frameworks:
   - title: Pulse
     href: /tutorials/pulse.html
     src: /pulse.png
+partners:
+  - title: eGain
+    href: https://www.egain.com/
+    src: /partners/egain.webp
+  - title: PXR-tech
+    href: https://pxr.homerun.co/
+    src: https://cdn.homerun.co/52878/logo-donker1665669278logo.png
+    class: "max-w-[100px]"
+  - title: Weseek
+    href: https://weseek.co.jp/
+    src: https://avatars.githubusercontent.com/u/6468105?v=4
+    class: "max-w-[100px]"
+  - title: Zenika
+    href: https://www.zenika.com
+    src: /partners/zenika.svg
+  - title: Club Med
+    href: https://clubmed.com/
+    src: /partners/clubmed.svg
+  - title: schnell.digital
+    href: https://schnell.digital/
+    src: /partners/schnell.svg
+    class: "max-w-[120px]"
 ---
 
-[//]: # (## Why Ts.ED?)
 
-[//]: # ()
-[//]: # (Ts.ED is a Node.js Framework on top of Express/Koa.js. Written in Typescript, it helps you build your server-side application easily and quickly. If you want to start a complete out-of-the-box project or fully customize it yourself, Ts.ED will guide you there !)
-
-
-<Frameworks>
-Here are some of the libraries and technologies that we use or support with this framework
-</Frameworks>
diff --git a/docs/public/partners/clubmed.svg b/docs/public/partners/clubmed.svg
new file mode 100644
index 0000000..27edc74
--- /dev/null
+++ b/docs/public/partners/clubmed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="24" viewBox="0 0 120 24">
+    <path fill="currentColor"
+          d="m117.96 15.88-2.05 2.05 2.04 2.05 2.05-2.05-2.04-2.05ZM3.24 12.75v-1.56c0-3.44 1.5-5.04 4.2-5.04 1.94 0 3.32.85 3.9 2.74h3.3c-.59-2.8-3.08-4.87-7.2-4.87C2.68 4.02 0 6.8 0 11.14v2.13c0 4.17 2.6 6.75 7.43 6.75 4.13 0 6.62-2.07 7.21-4.86h-3.3c-.58 1.89-1.96 2.73-3.9 2.73-3.08 0-4.2-2.03-4.2-5.15m17.29 7.12h1.95v-2.27h-1.25c-1.37 0-1.9-.38-1.9-1.78V4.01h-3.1v11.9c0 2.54 1.24 3.95 4.3 3.95m14.41-4.9V7.87h-3.1v7.07c0 2.12-1.32 2.92-2.76 2.92-1.45 0-2.75-.78-2.75-2.92V7.88h-3.11v7.07c0 3.7 1.96 5.07 5.86 5.07 3.9 0 5.87-1.37 5.87-5.07m11.05 0c0 2.13-1.7 2.92-3.14 2.92-1.45 0-3.14-.78-3.14-2.92V12.8c0-2.12 1.7-2.92 3.14-2.92 1.45 0 3.14.78 3.14 2.92v2.15Zm2.93-.18v-1.9c0-2.94-1.68-5.15-5.7-5.15a8.3 8.3 0 0 0-3.5.77V4.02h-3.1v10.93c-.01 3.7 2.23 5.07 6.14 5.07 3.9 0 6.16-1.56 6.16-5.26m19.17 5.1h3.11V4.18h-4.4l-4.6 11.99-4.59-12h-4.49v15.7h3.11V10.5c0-.6-.02-1.62-.1-2.29h.1l4.5 11.65h2.87L68.1 8.22h.09c-.05.66-.08 1.68-.08 2.28v9.36Zm7.65-7.02c0-2.18 1.69-3.04 3.14-3.04 1.44 0 3.14.86 3.14 3.04h-6.28Zm0 1.85h9.3v-.97c0-3.7-2.25-6-6.15-6-3.9 0-6.15 2.3-6.15 6v.48c0 3.58 2.15 5.81 6.31 5.81 2.1 0 3.92-.44 5.7-1.86l-1.88-1.49a6.07 6.07 0 0 1-3.78 1.18c-1.84 0-3.33-1-3.33-2.91l-.02-.24Zm19.91.26c0 2.14-1.68 2.92-3.13 2.92-1.44 0-3.14-.78-3.14-2.92V12.8c0-2.13 1.7-2.93 3.14-2.93 1.45 0 3.13.79 3.13 2.93v2.15Zm3.1 0V4.02h-3.1v4.46a8.4 8.4 0 0 0-3.5-.76c-4.02 0-5.7 2.2-5.7 5.14v1.9c0 3.7 2.26 5.26 6.17 5.26s6.15-1.37 6.15-5.07M119.38.73c-.16-.59-1.48.23-4.32 2.79 1.13 1.25 1.7.53 2.6.2.73 1.38 1.02 7.6-3.71 9.46.13-6.26.19-12.96.19-12.96 0-.03 0-.07-.02-.1a.22.22 0 0 0-.26-.11c-1.31.17-3.63 2.47-5.41 4.4.98 1.61 2.22.17 3.21-.24 0 .27-.24 4.89-.13 9.59-4.88.36-4.1-9.57-3.81-10.85.12-1.01-3.14 1.24-4.76 2.74.51.92 1.23.73 2.12.39-.32 4.46 2.82 8.5 6.48 8.42.12 4.59.6 9.05 1.94 9.36.17.05.32-4.65.42-9.87 8.8-2.72 5.44-13.22 5.44-13.22"/>
+</svg>
diff --git a/docs/public/partners/egain.webp b/docs/public/partners/egain.webp
new file mode 100644
index 0000000000000000000000000000000000000000..84a1115d93edb4a38225790d7ff7451c93476904
GIT binary patch
literal 4844
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
SHEt3YSF2J0{n!8hI0*o0m^--u

literal 0
HcmV?d00001

diff --git a/docs/public/partners/schnell.svg b/docs/public/partners/schnell.svg
new file mode 100644
index 0000000..8ed80f4
--- /dev/null
+++ b/docs/public/partners/schnell.svg
@@ -0,0 +1,19 @@
+<svg width="784" height="227" viewBox="0 0 784 227" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M317.88 104.86C311.533 104.86 305.84 103.74 300.8 101.5C295.76 99.1667 291.747 96.04 288.76 92.12C285.867 88.2 284.28 83.86 284 79.1H303.74C304.113 82.0867 305.56 84.56 308.08 86.52C310.693 88.48 313.913 89.46 317.74 89.46C321.473 89.46 324.367 88.7133 326.42 87.22C328.567 85.7267 329.64 83.8133 329.64 81.48C329.64 78.96 328.333 77.0933 325.72 75.88C323.2 74.5733 319.14 73.1733 313.54 71.68C307.753 70.28 302.993 68.8333 299.26 67.34C295.62 65.8467 292.447 63.56 289.74 60.48C287.127 57.4 285.82 53.2467 285.82 48.02C285.82 43.7267 287.033 39.8067 289.46 36.26C291.98 32.7133 295.527 29.9133 300.1 27.86C304.767 25.8067 310.227 24.78 316.48 24.78C325.72 24.78 333.093 27.1133 338.6 31.78C344.107 36.3533 347.14 42.56 347.7 50.4H328.94C328.66 47.32 327.353 44.8933 325.02 43.12C322.78 41.2533 319.747 40.32 315.92 40.32C312.373 40.32 309.62 40.9733 307.66 42.28C305.793 43.5867 304.86 45.4067 304.86 47.74C304.86 50.3533 306.167 52.36 308.78 53.76C311.393 55.0667 315.453 56.42 320.96 57.82C326.56 59.22 331.18 60.6667 334.82 62.16C338.46 63.6533 341.587 65.9867 344.2 69.16C346.907 72.24 348.307 76.3467 348.4 81.48C348.4 85.96 347.14 89.9733 344.62 93.52C342.193 97.0667 338.647 99.8667 333.98 101.92C329.407 103.88 324.04 104.86 317.88 104.86Z" fill="black"/>
+<path d="M353.149 64.82C353.149 56.7933 354.782 49.7933 358.049 43.82C361.316 37.7533 365.842 33.0867 371.629 29.82C377.416 26.46 384.042 24.78 391.509 24.78C401.122 24.78 409.056 27.2067 415.309 32.06C421.656 36.82 425.902 43.54 428.049 52.22H406.909C405.789 48.86 403.876 46.2467 401.169 44.38C398.556 42.42 395.289 41.44 391.369 41.44C385.769 41.44 381.336 43.4933 378.069 47.6C374.802 51.6133 373.169 57.3533 373.169 64.82C373.169 72.1933 374.802 77.9333 378.069 82.04C381.336 86.0533 385.769 88.06 391.369 88.06C399.302 88.06 404.482 84.5133 406.909 77.42H428.049C425.902 85.82 421.656 92.4933 415.309 97.44C408.962 102.387 401.029 104.86 391.509 104.86C384.042 104.86 377.416 103.227 371.629 99.96C365.842 96.6 361.316 91.9333 358.049 85.96C354.782 79.8933 353.149 72.8467 353.149 64.82Z" fill="black"/>
+<path d="M479.788 24.92C485.668 24.92 490.895 26.2267 495.468 28.84C500.041 31.36 503.588 35.14 506.108 40.18C508.721 45.1267 510.028 51.1 510.028 58.1V103.6H490.428V60.76C490.428 54.6 488.888 49.8867 485.808 46.62C482.728 43.26 478.528 41.58 473.208 41.58C467.795 41.58 463.501 43.26 460.328 46.62C457.248 49.8867 455.708 54.6 455.708 60.76V103.6H436.108V0H455.708V35.7C458.228 32.34 461.588 29.7267 465.788 27.86C469.988 25.9 474.655 24.92 479.788 24.92Z" fill="black"/>
+<path d="M565.346 24.92C574.586 24.92 582.053 27.86 587.746 33.74C593.44 39.5267 596.286 47.6467 596.286 58.1V103.6H576.686V60.76C576.686 54.6 575.146 49.8867 572.066 46.62C568.986 43.26 564.786 41.58 559.466 41.58C554.053 41.58 549.76 43.26 546.586 46.62C543.506 49.8867 541.966 54.6 541.966 60.76V103.6H522.366V26.04H541.966V35.7C544.58 32.34 547.893 29.7267 551.906 27.86C556.013 25.9 560.493 24.92 565.346 24.92Z" fill="black"/>
+<path d="M680.725 63.14C680.725 65.94 680.538 68.46 680.165 70.7H623.465C623.932 76.3 625.892 80.6867 629.345 83.86C632.798 87.0333 637.045 88.62 642.085 88.62C649.365 88.62 654.545 85.4933 657.625 79.24H678.765C676.525 86.7067 672.232 92.8667 665.885 97.72C659.538 102.48 651.745 104.86 642.505 104.86C635.038 104.86 628.318 103.227 622.345 99.96C616.465 96.6 611.845 91.8867 608.485 85.82C605.218 79.7533 603.585 72.7533 603.585 64.82C603.585 56.7933 605.218 49.7467 608.485 43.68C611.752 37.6133 616.325 32.9467 622.205 29.68C628.085 26.4133 634.852 24.78 642.505 24.78C649.878 24.78 656.458 26.3667 662.245 29.54C668.125 32.7133 672.652 37.24 675.825 43.12C679.092 48.9067 680.725 55.58 680.725 63.14ZM660.425 57.54C660.332 52.5 658.512 48.4867 654.965 45.5C651.418 42.42 647.078 40.88 641.945 40.88C637.092 40.88 632.985 42.3733 629.625 45.36C626.358 48.2533 624.352 52.3133 623.605 57.54H660.425Z" fill="black"/>
+<path d="M708.331 0V103.6H688.731V0H708.331Z" fill="black"/>
+<path d="M740.996 0V103.6H721.396V0H740.996Z" fill="black"/>
+<path d="M284 167.059C284 160.978 285.19 155.585 287.571 150.88C290.023 146.174 293.341 142.554 297.525 140.021C301.709 137.487 306.361 136.22 311.483 136.22C315.378 136.22 319.093 137.089 322.628 138.826C326.162 140.491 328.975 142.735 331.067 145.559V117H346.432V197.355H331.067V188.451C329.192 191.419 326.559 193.808 323.169 195.618C319.778 197.428 315.847 198.333 311.375 198.333C306.325 198.333 301.709 197.03 297.525 194.423C293.341 191.817 290.023 188.162 287.571 183.456C285.19 178.678 284 173.213 284 167.059ZM331.175 167.276C331.175 163.584 330.454 160.435 329.011 157.829C327.569 155.151 325.621 153.124 323.169 151.748C320.716 150.3 318.083 149.577 315.27 149.577C312.457 149.577 309.86 150.264 307.48 151.64C305.099 153.015 303.152 155.042 301.637 157.721C300.194 160.327 299.473 163.44 299.473 167.059C299.473 170.679 300.194 173.864 301.637 176.615C303.152 179.294 305.099 181.357 307.48 182.805C309.932 184.252 312.529 184.976 315.27 184.976C318.083 184.976 320.716 184.289 323.169 182.913C325.621 181.465 327.569 179.438 329.011 176.832C330.454 174.154 331.175 170.968 331.175 167.276Z" fill="black"/>
+<path d="M371.505 137.197V197.355H356.357V137.197H371.505Z" fill="black"/>
+<path d="M405.082 136.22C409.554 136.22 413.486 137.125 416.876 138.935C420.266 140.672 422.935 142.953 424.883 145.776V137.197H440.139V197.79C440.139 203.364 439.021 208.323 436.785 212.666C434.549 217.082 431.195 220.557 426.722 223.091C422.25 225.697 416.84 227 410.492 227C401.98 227 394.984 225.009 389.501 221.028C384.091 217.046 381.026 211.617 380.304 204.739H395.344C396.138 207.49 397.833 209.662 400.43 211.255C403.099 212.92 406.308 213.752 410.059 213.752C414.46 213.752 418.03 212.413 420.771 209.734C423.512 207.128 424.883 203.147 424.883 197.79V188.451C422.935 191.274 420.23 193.627 416.768 195.509C413.378 197.392 409.482 198.333 405.082 198.333C400.033 198.333 395.416 197.03 391.233 194.423C387.049 191.817 383.731 188.162 381.278 183.456C378.898 178.678 377.708 173.213 377.708 167.059C377.708 160.978 378.898 155.585 381.278 150.88C383.731 146.174 387.013 142.554 391.124 140.021C395.308 137.487 399.961 136.22 405.082 136.22ZM424.883 167.276C424.883 163.584 424.162 160.435 422.719 157.829C421.276 155.151 419.329 153.124 416.876 151.748C414.423 150.3 411.791 149.577 408.977 149.577C406.164 149.577 403.567 150.264 401.187 151.64C398.807 153.015 396.859 155.042 395.344 157.721C393.901 160.327 393.18 163.44 393.18 167.059C393.18 170.679 393.901 173.864 395.344 176.615C396.859 179.294 398.807 181.357 401.187 182.805C403.64 184.252 406.236 184.976 408.977 184.976C411.791 184.976 414.423 184.289 416.876 182.913C419.329 181.465 421.276 179.438 422.719 176.832C424.162 174.154 424.883 170.968 424.883 167.276Z" fill="black"/>
+<path d="M465.213 137.197V197.355H450.065V137.197H465.213Z" fill="black"/>
+<path d="M492.947 149.685V178.787C492.947 180.814 493.416 182.298 494.353 183.239C495.363 184.108 497.022 184.542 499.331 184.542H506.364V197.355H496.842C484.074 197.355 477.691 191.13 477.691 178.678V149.685H470.549V137.197H477.691V122.321H492.947V137.197H506.364V149.685H492.947Z" fill="black"/>
+<path d="M508.495 167.059C508.495 160.978 509.685 155.585 512.065 150.88C514.518 146.174 517.8 142.554 521.912 140.021C526.095 137.487 530.748 136.22 535.869 136.22C540.342 136.22 544.237 137.125 547.555 138.935C550.945 140.745 553.65 143.025 555.67 145.776V137.197H570.926V197.355H555.67V188.56C553.722 191.383 551.017 193.736 547.555 195.618C544.165 197.428 540.233 198.333 535.761 198.333C530.712 198.333 526.095 197.03 521.912 194.423C517.8 191.817 514.518 188.162 512.065 183.456C509.685 178.678 508.495 173.213 508.495 167.059ZM555.67 167.276C555.67 163.584 554.949 160.435 553.506 157.829C552.063 155.151 550.116 153.124 547.663 151.748C545.211 150.3 542.578 149.577 539.765 149.577C536.951 149.577 534.355 150.264 531.974 151.64C529.594 153.015 527.646 155.042 526.131 157.721C524.689 160.327 523.967 163.44 523.967 167.059C523.967 170.679 524.689 173.864 526.131 176.615C527.646 179.294 529.594 181.357 531.974 182.805C534.427 184.252 537.024 184.976 539.765 184.976C542.578 184.976 545.211 184.289 547.663 182.913C550.116 181.465 552.063 179.438 553.506 176.832C554.949 174.154 555.67 170.968 555.67 167.276Z" fill="black"/>
+<path d="M596 117V197.355H580.852V117H596Z" fill="black"/>
+<circle cx="771.5" cy="59.5" r="12.5" fill="black"/>
+<path d="M18.6897 212.528H47.2888C55.1895 212.528 62.769 209.412 68.3816 203.855L92.9386 179.543C104.543 168.055 104.816 149.388 93.5545 137.549L52.6833 94.5802C47.0156 88.6216 39.1526 85.2482 30.9319 85.2482H6.53761e-07L63.7005 151.928C67.4037 155.804 67.3949 161.908 63.6805 165.769L18.6897 212.528Z" fill="#5CC7D3"/>
+<path d="M186.177 133.28H157.577C149.677 133.28 142.097 130.164 136.485 124.607L111.928 100.295C100.324 88.8071 100.05 70.1401 111.312 58.3004L152.183 15.332C157.851 9.37341 165.714 5.99998 173.934 5.99998H204.866L141.166 72.6794C137.463 76.5558 137.471 82.6601 141.186 86.5205L186.177 133.28Z" fill="#5CC7D3"/>
+</svg>
\ No newline at end of file
diff --git a/docs/public/partners/zenika.svg b/docs/public/partners/zenika.svg
new file mode 100644
index 0000000..ff3a1a8
--- /dev/null
+++ b/docs/public/partners/zenika.svg
@@ -0,0 +1,26 @@
+<svg width="134" height="41" viewBox="0 0 134 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M39.6623 27.3989C39.6623 27.4078 39.6534 27.4167 39.6534 27.4256C39.6534 27.4345 39.6445 27.4434 39.6445 27.4434C36.814 35.3531 29.272 41.0002 20.4256 41.0002C9.13918 41.0002 0 31.8258 0 20.5047C0 20.0059 0.017746 19.516 0.053238 19.0261C0.053238 19.0172 0.053238 19.0172 0.053238 19.0083L0.062111 18.9548C0.062111 18.9637 0.062111 18.9727 0.062111 18.9816L23.1585 14.7773L10.692 27.292C10.5944 27.4345 10.5056 27.5859 10.4346 27.7463C10.1685 28.3163 10.0797 28.9577 10.1951 29.6168C10.4346 30.9262 11.455 31.906 12.6973 32.1375C12.8925 32.1732 13.0877 32.191 13.2829 32.191C13.3272 32.191 13.3805 32.191 13.4248 32.191L14.2678 32.0396L39.6623 27.3989Z" fill="url(#paint0_linear)"/>
+<path d="M40.8427 20.5045C40.8427 21.0567 40.8249 21.6089 40.7805 22.1523C40.7805 22.1612 40.7805 22.1701 40.7805 22.1701C40.7805 22.179 40.7805 22.1879 40.7805 22.1879L18.6335 26.2496L30.6565 14.2961L30.7718 14.1803C31.0291 13.9131 31.2332 13.6103 31.384 13.2807C31.6414 12.7195 31.7301 12.0693 31.6147 11.4191C31.3752 10.083 30.3193 9.09429 29.0504 8.8627C28.873 8.82707 28.6866 8.81816 28.4914 8.81816H28.456L27.4001 9.01412L1.11825 13.8151C1.11825 13.824 1.10938 13.8329 1.10938 13.8418L1.11825 13.7973C1.11825 13.7884 1.12712 13.7795 1.12712 13.7795C3.90437 5.75407 11.4908 0 20.4259 0C31.7035 0 40.8427 9.17445 40.8427 20.5045Z" fill="url(#paint1_linear)"/>
+<path d="M60.9574 28.1645H54.3293L61.685 18.3844C61.8447 18.1795 61.9246 17.9123 61.9246 17.5471C61.9246 16.7276 61.5164 16.3179 60.7001 16.3179H51.8182C51.0019 16.3179 50.5938 16.7276 50.5938 17.5471C50.5938 18.3665 51.0019 18.7763 51.8182 18.7763H58.4641L51.0906 28.5564C50.9309 28.7613 50.8511 29.0285 50.8511 29.3937C50.8511 30.2132 51.2592 30.6229 52.0755 30.6229H60.9574C61.7737 30.6229 62.1819 30.2132 62.1819 29.3937C62.1819 28.5742 61.7737 28.1645 60.9574 28.1645Z" fill="black"/>
+<path d="M74.8436 17.1194C73.8676 16.5226 72.7052 16.2197 71.3565 16.2197C69.9812 16.2197 68.7656 16.5315 67.7097 17.1461C66.6538 17.7607 65.8198 18.6158 65.2253 19.7114C64.6219 20.798 64.3291 22.0629 64.3291 23.488C64.3291 24.9043 64.6485 26.1513 65.2785 27.238C65.9085 28.3247 66.7869 29.1798 67.9138 29.8033C69.0318 30.4179 70.3184 30.7296 71.7558 30.7296C72.5544 30.7296 73.3884 30.5782 74.2669 30.2842C75.1453 29.9903 75.8817 29.6073 76.4674 29.1352C76.7602 28.9125 76.9021 28.6364 76.8844 28.3247C76.8666 28.0129 76.7069 27.719 76.4141 27.4607C76.1923 27.2647 75.9261 27.1756 75.6156 27.1845C75.3139 27.1934 75.0299 27.2914 74.7726 27.4874C74.4266 27.7457 73.9652 27.9773 73.4062 28.1821C72.8383 28.387 72.2882 28.485 71.7558 28.485C70.762 28.485 69.8925 28.2712 69.1205 27.8348C68.3574 27.3983 67.7541 26.8104 67.3193 26.0533C67.0265 25.5545 66.849 25.0023 66.7514 24.4055H76.6448C76.9909 24.4055 77.2748 24.2986 77.5055 24.0759C77.7273 23.8621 77.8427 23.586 77.8427 23.2564C77.8427 21.8758 77.5854 20.6644 77.0707 19.6045C76.5561 18.5534 75.8108 17.725 74.8436 17.1194ZM68.81 19.1235C69.5109 18.687 70.3627 18.4733 71.3476 18.4733C72.2172 18.4733 72.9537 18.6781 73.5659 19.0789C74.1693 19.4798 74.6395 20.0231 74.9767 20.709C75.2074 21.1989 75.3582 21.7333 75.4381 22.3212H66.778C66.8668 21.8224 67.0087 21.3503 67.2128 20.9227C67.5766 20.1567 68.109 19.5599 68.81 19.1235Z" fill="black"/>
+<path d="M91.5253 16.959C90.5759 16.4424 89.5022 16.1841 88.3044 16.1841C87.1598 16.1841 86.1216 16.4335 85.2077 16.9412C84.7019 17.2173 84.2672 17.5558 83.8768 17.9388V17.6538C83.8768 17.253 83.7525 16.9323 83.513 16.6829C83.2734 16.4424 82.9451 16.3177 82.5458 16.3177C82.1643 16.3177 81.8448 16.4424 81.5964 16.6829C81.3479 16.9234 81.2148 17.253 81.2148 17.6538V29.3134C81.2148 29.6964 81.3391 30.017 81.5964 30.2664C81.8448 30.5158 82.1643 30.6494 82.5458 30.6494C82.9451 30.6494 83.2645 30.5247 83.513 30.2664C83.7525 30.017 83.8768 29.6964 83.8768 29.3134V21.9382C83.8768 21.2968 84.0542 20.7268 84.4003 20.228C84.7463 19.7292 85.2166 19.3372 85.8111 19.0344C86.4056 18.7405 87.0622 18.589 87.7898 18.589C88.5883 18.589 89.2982 18.7405 89.9104 19.0433C90.5226 19.3462 91.0195 19.8182 91.3833 20.4417C91.7471 21.0652 91.9335 21.8758 91.9335 22.8734V29.3044C91.9335 29.6875 92.0577 30.0081 92.315 30.2575C92.5634 30.5069 92.8829 30.6405 93.2644 30.6405C93.6459 30.6405 93.9654 30.5158 94.2138 30.2575C94.4623 30.0081 94.5954 29.6875 94.5954 29.3044V22.8734C94.5954 21.4304 94.3203 20.2102 93.779 19.2125C93.22 18.2327 92.4747 17.4756 91.5253 16.959Z" fill="black"/>
+<path d="M100.575 16.3271C100.194 16.3271 99.8741 16.4518 99.6257 16.6923C99.3772 16.9328 99.2441 17.2624 99.2441 17.6632V29.2961C99.2441 29.6791 99.3684 29.9997 99.6257 30.2491C99.8741 30.4986 100.194 30.6322 100.575 30.6322C100.974 30.6322 101.294 30.5075 101.542 30.2491C101.782 29.9997 101.906 29.6791 101.906 29.2961V17.6543C101.906 17.2535 101.782 16.9328 101.542 16.6834C101.294 16.4429 100.974 16.3271 100.575 16.3271Z" fill="black"/>
+<path d="M100.575 10.5464C100.105 10.5464 99.7053 10.7156 99.3593 11.0541C99.0221 11.3926 98.8535 11.8023 98.8535 12.2655C98.8535 12.7287 99.0221 13.1384 99.3593 13.4769C99.6965 13.8153 100.105 13.9846 100.575 13.9846C101.045 13.9846 101.444 13.8153 101.79 13.4769C102.128 13.1384 102.296 12.7287 102.296 12.2655C102.296 11.8023 102.128 11.3926 101.79 11.0541C101.453 10.7156 101.045 10.5464 100.575 10.5464Z" fill="black"/>
+<path d="M112.572 22.5174L117.354 18.2331C117.611 17.9926 117.753 17.7075 117.771 17.3958C117.789 17.084 117.674 16.7901 117.434 16.5318C117.212 16.2735 116.937 16.1309 116.618 16.1131C116.298 16.0953 116.005 16.2111 115.748 16.4516L109.422 22.1255V11.4814C109.422 11.0984 109.306 10.7866 109.067 10.555C108.836 10.3234 108.525 10.1987 108.144 10.1987C107.762 10.1987 107.452 10.3145 107.221 10.555C106.99 10.7866 106.866 11.0984 106.866 11.4814V29.3404C106.866 29.7234 106.982 30.0351 107.221 30.2667C107.452 30.4983 107.762 30.623 108.144 30.623C108.525 30.623 108.836 30.5072 109.067 30.2667C109.297 30.0351 109.422 29.7234 109.422 29.3404V25.341L110.717 24.1831L115.668 30.338C115.89 30.6141 116.174 30.7655 116.511 30.7923C116.848 30.819 117.159 30.721 117.434 30.4894C117.727 30.2489 117.886 29.9639 117.913 29.6432C117.94 29.3226 117.842 29.0197 117.611 28.7436L112.572 22.5174Z" fill="black"/>
+<path d="M133.051 19.7737C132.421 18.6781 131.56 17.8052 130.486 17.1728C129.413 16.5404 128.197 16.2197 126.839 16.2197C125.482 16.2197 124.266 16.5404 123.184 17.1728C122.101 17.8052 121.241 18.6781 120.602 19.7737C119.972 20.8693 119.652 22.1074 119.652 23.488C119.652 24.8687 119.945 26.0978 120.522 27.1845C121.108 28.2712 121.897 29.1352 122.909 29.7765C123.911 30.4089 125.056 30.7296 126.325 30.7296C127.594 30.7296 128.729 30.4089 129.741 29.7765C130.362 29.3846 130.894 28.9036 131.356 28.3425V29.3134C131.356 29.6964 131.48 30.017 131.737 30.2664C131.986 30.5158 132.305 30.6494 132.687 30.6494C133.068 30.6494 133.388 30.5247 133.636 30.2664C133.885 30.017 134.018 29.6964 134.018 29.3134V23.4791C134 22.1074 133.681 20.8693 133.051 19.7737ZM129.209 27.7368C128.516 28.1643 127.727 28.3781 126.839 28.3781C125.97 28.3781 125.189 28.1643 124.479 27.7368C123.778 27.3092 123.219 26.7303 122.811 25.9821C122.403 25.2428 122.199 24.4055 122.199 23.488C122.199 22.5439 122.403 21.7066 122.811 20.9673C123.219 20.228 123.778 19.6401 124.479 19.2126C125.18 18.785 125.97 18.5712 126.839 18.5712C127.727 18.5712 128.516 18.785 129.209 19.2126C129.901 19.6401 130.451 20.228 130.85 20.9673C131.249 21.7066 131.453 22.5528 131.453 23.488C131.453 24.4144 131.249 25.2428 130.85 25.9821C130.442 26.7214 129.901 27.3092 129.209 27.7368Z" fill="black"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="-12.7883" y1="64.0339" x2="48.6756" y2="-11.122" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EE2238"/>
+<stop offset="1" stop-color="#BF1D67"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="-11.7018" y1="49.3067" x2="49.8153" y2="-25.9722" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EE2238"/>
+<stop offset="1" stop-color="#BF1D67"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="134" height="41" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/vitest.config.ts b/vitest.config.ts
index a17ede1..8893020 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -19,10 +19,10 @@ export default defineConfig({
       enabled: true,
       thresholds: {
         autoUpdate: true,
-        statements: 69.89,
-        branches: 75,
-        functions: 69.89,
-        lines: 69.89
+        statements: 59.48,
+        branches: 77.87,
+        functions: 61.76,
+        lines: 59.48
       },
       include: ["**/*.{ts,vue}"],
       exclude: [