From 76d84e31cbcba97e19cb6bc440f66b44ad108831 Mon Sep 17 00:00:00 2001
From: Simon Mellerin <simon.mellerin@makina-corpus.com>
Date: Tue, 12 Nov 2024 14:28:03 +0100
Subject: [PATCH] docs - update hero image on home

---
 .../theme/DbToolsBundleHomeImage.vue          | 167 ++++++++++++++++++
 docs/.vitepress/theme/index.js                |   4 +-
 docs/content/index.md                         |   4 -
 3 files changed, 170 insertions(+), 5 deletions(-)
 create mode 100644 docs/.vitepress/theme/DbToolsBundleHomeImage.vue

diff --git a/docs/.vitepress/theme/DbToolsBundleHomeImage.vue b/docs/.vitepress/theme/DbToolsBundleHomeImage.vue
new file mode 100644
index 0000000..3ab9b7b
--- /dev/null
+++ b/docs/.vitepress/theme/DbToolsBundleHomeImage.vue
@@ -0,0 +1,167 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg version="1.1" viewBox="-25 -25 427.3 330.95" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" >
+    <defs>
+      <clipPath id="d">
+        <path
+          d="m11.52 162c0-80.323 123.79-145.44 276.48-145.44s276.48 65.116 276.48 145.44c0 80.322-123.79 145.44-276.48 145.44s-276.48-65.117-276.48-145.44" />
+      </clipPath>
+      <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(363.06 0 0 -363.06 177.52 256.31)"
+        gradientUnits="userSpaceOnUse">
+        <stop stop-color="#aeb2d5" offset="0" />
+        <stop stop-color="#aeb2d5" offset=".3" />
+        <stop stop-color="#484c89" offset=".75" />
+        <stop stop-color="#484c89" offset="1" />
+      </radialGradient>
+      <clipPath id="c">
+        <path d="m0 324h576v-324h-576z" />
+      </clipPath>
+      <clipPath id="b">
+        <path d="m0 324h576v-324h-576z" />
+      </clipPath>
+    </defs>
+    <g transform="matrix(3.7795 0 0 3.7795 -208.15 -412.19)">
+      <ellipse transform="matrix(.95478 -.29731 .36403 .93139 0 0)" cx="44.274" cy="172.28" rx="50.705" ry="30.309"
+        fill="none" opacity=".99" stop-color="#000000" stroke="#3C3C43" stroke-dasharray="0.4873, 2.9238"
+        stroke-width=".4873" />
+      <g id="DbToolsBundleLogoLight" transform="matrix(1.1556 0 0 1.1556 -16.036 34.872)">
+        <path
+          d="m104.74 77.464c-9.3289 0-16.637 4.2633-16.637 9.705v16.637c0 5.4417 7.3082 9.705 16.637 9.705 9.3289 0 16.637-4.2633 16.637-9.705v-16.637c0-5.4417-7.3082-9.705-16.637-9.705z"
+          fill="#fff" stroke="#fff" stroke-width=".68789" />
+        <path
+          d="m119.99 87.169c0 4.5943-6.8282 8.3186-15.251 8.3186-8.4226 0-15.251-3.7243-15.251-8.3186s6.8282-8.3186 15.251-8.3186c8.4226 0 15.251 3.7243 15.251 8.3186z"
+          fill="#561fa8" opacity=".2" stroke-width=".08444" />
+        <path
+          d="m104.74 77.464c-9.3289 0-16.637 4.2633-16.637 9.705v16.637c0 5.4417 7.3082 9.705 16.637 9.705 9.3289 0 16.637-4.2633 16.637-9.705v-16.637c0-5.4417-7.3082-9.705-16.637-9.705zm13.864 18.024c0 1.6672-1.3656 3.3673-3.7451 4.6653-2.6793 1.461-6.2736 2.2668-10.119 2.2668s-7.4399-0.80587-10.119-2.2668c-2.3795-1.298-3.7451-2.9982-3.7451-4.6653v-2.8838c2.9566 2.5996 8.0118 4.2702 13.864 4.2702 5.8525 0 10.908-1.6776 13.864-4.2702zm-23.984-12.984c2.6793-1.461 6.2736-2.2668 10.119-2.2668s7.4399 0.80586 10.119 2.2668c2.3795 1.298 3.7451 2.9982 3.7451 4.6653 0 1.6672-1.3656 3.3673-3.7451 4.6653-2.6793 1.461-6.2736 2.2668-10.119 2.2668s-7.4399-0.80586-10.119-2.2668c-2.3795-1.298-3.7451-2.9982-3.7451-4.6653 0-1.6672 1.3656-3.3673 3.7451-4.6653zm20.238 25.968c-2.6793 1.461-6.2736 2.2668-10.119 2.2668s-7.4399-0.80586-10.119-2.2668c-2.3795-1.298-3.7451-2.9982-3.7451-4.6653v-2.8838c2.9566 2.5996 8.0118 4.2702 13.864 4.2702 5.8525 0 10.908-1.6776 13.864-4.2702v2.8838c0 1.6672-1.3656 3.3673-3.7451 4.6653z"
+          fill="#561fa8" stroke-width=".68789" />
+        <path
+          d="m130.09 105.43c-0.17697-0.4374-0.73662-0.56293-1.0835-0.24302l-3.4006 3.1382-1.4539-0.31221-0.31221-1.4539 3.1381-3.4006c0.31991-0.34683 0.19438-0.90648-0.24302-1.0835-3.9944-1.6158-8.3546 1.3245-8.3538 5.6333-1e-3 0.84017 0.17127 1.6715 0.50629 2.442l-5.0806 4.3929c-0.0127 0.0101-0.0245 0.0219-0.0363 0.0329-1.0546 1.0546-1.0546 2.7645 0 3.8191 1.0546 1.0546 2.7645 1.0546 3.8191 0 0.011-0.011 0.0228-0.0236 0.0329-0.0354l4.392-5.0823c4.0172 1.7634 8.5219-1.182 8.5175-5.5692 1e-3 -0.78088-0.14885-1.5546-0.44216-2.2783z"
+          fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width=".68792" />
+        <path
+          d="m129.85 107.71a5.4004 5.4004 0 0 1-8.0112 4.7254l-4.7304 5.4848a2.0287 2.0287 0 0 1-2.869-2.869l5.4848-4.7304a5.4004 5.4004 0 0 1 6.7505-7.6188l-3.3753 3.6579 0.4776 2.2226 2.2226 0.4776 3.6579-3.3753a5.3835 5.3835 0 0 1 0.39238 2.0252z"
+          fill="#561fa8" opacity=".2" stroke-width=".084381" />
+        <path
+          d="m130.09 105.43a0.67505 0.67505 0 0 0-1.0835-0.24302l-3.4006 3.1382-1.4539-0.31221-0.31221-1.4539 3.1381-3.4006a0.67505 0.67505 0 0 0-0.24302-1.0835 6.0755 6.0755 0 0 0-8.3538 5.6333 6.1042 6.1042 0 0 0 0.50629 2.442l-5.0806 4.3929c-0.0127 0.0101-0.0245 0.0219-0.0363 0.0329a2.7005 2.7005 0 0 0 3.8191 3.8191c0.011-0.011 0.0228-0.0236 0.0329-0.0354l4.392-5.0823a6.0755 6.0755 0 0 0 8.5175-5.5692 6.0383 6.0383 0 0 0-0.44216-2.2783zm-5.6333 7.0037a4.7372 4.7372 0 0 1-2.2842-0.59068 0.67505 0.67505 0 0 0-0.83706 0.14936l-4.7169 5.4629a1.3501 1.3501 0 0 1-1.9087-1.9087l5.4586-4.7161a0.67505 0.67505 0 0 0 0.14936-0.83791 4.7254 4.7254 0 0 1 4.9245-6.9454l-2.6327 2.8529a0.67505 0.67505 0 0 0-0.1637 0.59911l0.4776 2.2218a0.67505 0.67505 0 0 0 0.5181 0.5181l2.2235 0.4776a0.67505 0.67505 0 0 0 0.5991-0.1637l2.8529-2.6327a4.7304 4.7304 0 0 1-4.6604 5.5135z"
+          fill="#561fa8" stroke-width=".08444" />
+      </g>
+      <g id="DbToolsBundleLogoDark" transform="matrix(1.1556 0 0 1.1556 -16.036 34.872)">
+        <path
+          d="m104.74 77.464c-9.3289 0-16.637 4.2633-16.637 9.705v16.637c0 5.4417 7.3082 9.705 16.637 9.705 9.3289 0 16.637-4.2633 16.637-9.705v-16.637c0-5.4417-7.3082-9.705-16.637-9.705z"
+          fill="#1E1E20" stroke="#1E1E20" stroke-width=".68789" />
+        <path
+          d="m119.99 87.169c0 4.5943-6.8282 8.3186-15.251 8.3186-8.4226 0-15.251-3.7243-15.251-8.3186s6.8282-8.3186 15.251-8.3186c8.4226 0 15.251 3.7243 15.251 8.3186z"
+          fill="#D0DD2A" opacity=".2" stroke-width=".08444" />
+        <path
+          d="m104.74 77.464c-9.3289 0-16.637 4.2633-16.637 9.705v16.637c0 5.4417 7.3082 9.705 16.637 9.705 9.3289 0 16.637-4.2633 16.637-9.705v-16.637c0-5.4417-7.3082-9.705-16.637-9.705zm13.864 18.024c0 1.6672-1.3656 3.3673-3.7451 4.6653-2.6793 1.461-6.2736 2.2668-10.119 2.2668s-7.4399-0.80587-10.119-2.2668c-2.3795-1.298-3.7451-2.9982-3.7451-4.6653v-2.8838c2.9566 2.5996 8.0118 4.2702 13.864 4.2702 5.8525 0 10.908-1.6776 13.864-4.2702zm-23.984-12.984c2.6793-1.461 6.2736-2.2668 10.119-2.2668s7.4399 0.80586 10.119 2.2668c2.3795 1.298 3.7451 2.9982 3.7451 4.6653 0 1.6672-1.3656 3.3673-3.7451 4.6653-2.6793 1.461-6.2736 2.2668-10.119 2.2668s-7.4399-0.80586-10.119-2.2668c-2.3795-1.298-3.7451-2.9982-3.7451-4.6653 0-1.6672 1.3656-3.3673 3.7451-4.6653zm20.238 25.968c-2.6793 1.461-6.2736 2.2668-10.119 2.2668s-7.4399-0.80586-10.119-2.2668c-2.3795-1.298-3.7451-2.9982-3.7451-4.6653v-2.8838c2.9566 2.5996 8.0118 4.2702 13.864 4.2702 5.8525 0 10.908-1.6776 13.864-4.2702v2.8838c0 1.6672-1.3656 3.3673-3.7451 4.6653z"
+          fill="#D0DD2A" stroke-width=".68789" />
+        <path
+          d="m130.09 105.43c-0.17697-0.4374-0.73662-0.56293-1.0835-0.24302l-3.4006 3.1382-1.4539-0.31221-0.31221-1.4539 3.1381-3.4006c0.31991-0.34683 0.19438-0.90648-0.24302-1.0835-3.9944-1.6158-8.3546 1.3245-8.3538 5.6333-1e-3 0.84017 0.17127 1.6715 0.50629 2.442l-5.0806 4.3929c-0.0127 0.0101-0.0245 0.0219-0.0363 0.0329-1.0546 1.0546-1.0546 2.7645 0 3.8191 1.0546 1.0546 2.7645 1.0546 3.8191 0 0.011-0.011 0.0228-0.0236 0.0329-0.0354l4.392-5.0823c4.0172 1.7634 8.5219-1.182 8.5175-5.5692 1e-3 -0.78088-0.14885-1.5546-0.44216-2.2783z"
+          fill="#1E1E20" stroke="#1E1E20" stroke-linecap="round" stroke-linejoin="round" stroke-width=".68792" />
+        <path
+          d="m129.85 107.71a5.4004 5.4004 0 0 1-8.0112 4.7254l-4.7304 5.4848a2.0287 2.0287 0 0 1-2.869-2.869l5.4848-4.7304a5.4004 5.4004 0 0 1 6.7505-7.6188l-3.3753 3.6579 0.4776 2.2226 2.2226 0.4776 3.6579-3.3753a5.3835 5.3835 0 0 1 0.39238 2.0252z"
+          fill="#D0DD2A" opacity=".2" stroke-width=".084381" />
+        <path
+          d="m130.09 105.43a0.67505 0.67505 0 0 0-1.0835-0.24302l-3.4006 3.1382-1.4539-0.31221-0.31221-1.4539 3.1381-3.4006a0.67505 0.67505 0 0 0-0.24302-1.0835 6.0755 6.0755 0 0 0-8.3538 5.6333 6.1042 6.1042 0 0 0 0.50629 2.442l-5.0806 4.3929c-0.0127 0.0101-0.0245 0.0219-0.0363 0.0329a2.7005 2.7005 0 0 0 3.8191 3.8191c0.011-0.011 0.0228-0.0236 0.0329-0.0354l4.392-5.0823a6.0755 6.0755 0 0 0 8.5175-5.5692 6.0383 6.0383 0 0 0-0.44216-2.2783zm-5.6333 7.0037a4.7372 4.7372 0 0 1-2.2842-0.59068 0.67505 0.67505 0 0 0-0.83706 0.14936l-4.7169 5.4629a1.3501 1.3501 0 0 1-1.9087-1.9087l5.4586-4.7161a0.67505 0.67505 0 0 0 0.14936-0.83791 4.7254 4.7254 0 0 1 4.9245-6.9454l-2.6327 2.8529a0.67505 0.67505 0 0 0-0.1637 0.59911l0.4776 2.2218a0.67505 0.67505 0 0 0 0.5181 0.5181l2.2235 0.4776a0.67505 0.67505 0 0 0 0.5991-0.1637l2.8529-2.6327a4.7304 4.7304 0 0 1-4.6604 5.5135z"
+          fill="#D0DD2A" stroke-width=".08444" />
+      </g>
+      <g class="floating">
+      <g id="SymfonyLogo" transform="matrix(.13595 0 0 .13595 116.56 105.2)">
+          <path
+            d="m155.95 84.448c0 30.976-25.109 56.087-56.084 56.087-30.973 0-56.081-25.111-56.081-56.087 0-30.971 25.107-56.079 56.081-56.079 30.975 0 56.084 25.108 56.084 56.079z" />
+          <path
+            d="m124.39 49.119c-5.697 0.195-10.67 3.34-14.373 7.68-4.1 4.765-6.824 10.411-8.791 16.18-3.514-2.882-6.223-6.611-11.864-8.233-4.359-1.253-8.936-0.737-13.146 2.399-1.992 1.489-3.367 3.738-4.02 5.859-1.692 5.498 1.778 10.396 3.354 12.151l3.447 3.691c0.709 0.725 2.422 2.613 1.584 5.319-0.9 2.947-4.451 4.85-8.092 3.731-1.627-0.499-3.963-1.71-3.439-3.413 0.215-0.699 0.715-1.225 0.984-1.821 0.244-0.521 0.363-0.907 0.438-1.14 0.665-2.169-0.245-4.994-2.57-5.713-2.171-0.666-4.391-0.138-5.252 2.655-0.977 3.174 0.543 8.935 8.681 11.441 9.535 2.935 17.597-2.259 18.742-9.026 0.721-4.239-1.195-7.392-4.701-11.441l-2.859-3.163c-1.73-1.729-2.324-4.677-0.533-6.942 1.512-1.912 3.664-2.726 7.191-1.768 5.15 1.396 7.443 4.969 11.271 7.851-1.578 5.187-2.613 10.392-3.547 15.059l-0.574 3.481c-2.736 14.352-4.826 22.235-10.256 26.76-1.094 0.779-2.658 1.943-5.014 2.027-1.238 0.037-1.637-0.814-1.654-1.186-0.027-0.865 0.703-1.264 1.188-1.652 0.727-0.396 1.824-1.053 1.748-3.156-0.078-2.484-2.137-4.639-5.111-4.541-2.229 0.075-5.625 2.171-5.497 6.011 0.131 3.967 3.827 6.938 9.401 6.75 2.979-0.102 9.633-1.312 16.188-9.105 7.631-8.935 9.766-19.175 11.372-26.671l1.793-9.897c0.992 0.119 2.059 0.2 3.217 0.228 9.504 0.201 14.256-4.72 14.328-8.302 0.049-2.167-1.42-4.302-3.479-4.251-1.471 0.041-3.32 1.022-3.762 3.057-0.436 1.995 3.023 3.798 0.32 5.553-1.92 1.242-5.361 2.116-10.209 1.407l0.881-4.872c1.799-9.238 4.018-20.6 12.436-20.878 0.615-0.029 2.857 0.026 2.91 1.512 0.014 0.493-0.109 0.623-0.689 1.757-0.592 0.884-0.814 1.64-0.785 2.504 0.08 2.356 1.873 3.908 4.471 3.818 3.473-0.116 4.469-3.496 4.412-5.233-0.146-4.085-4.449-6.665-10.14-6.477z"
+            fill="#fff" />
+        </g>
+      </g>
+      <g class="floating delayed">
+      <g id="PhpLogo" transform="matrix(.038292 0 0 -.038292 67.742 184.03)">
+          <g clip-path="url(#d)">
+            <path
+              d="m11.52 162c0-80.323 123.79-145.44 276.48-145.44s276.48 65.116 276.48 145.44c0 80.322-123.79 145.44-276.48 145.44s-276.48-65.117-276.48-145.44"
+              fill="url(#a)" />
+          </g>
+          <g clip-path="url(#c)">
+            <g transform="translate(288 27.359)">
+              <path
+                d="m0 0c146.73 0 265.68 60.281 265.68 134.64 0 74.359-118.95 134.64-265.68 134.64s-265.68-60.282-265.68-134.64c0-74.36 118.95-134.64 265.68-134.64"
+                fill="#777bb3" />
+            </g>
+          </g>
+          <g clip-path="url(#b)">
+            <g transform="translate(161.73 145.31)">
+              <path
+                d="m0 0c12.065 0 21.072 2.225 26.771 6.611 5.638 4.341 9.532 11.862 11.573 22.353 1.903 9.806 1.178 16.653-2.154 20.348-3.407 3.774-10.773 5.688-21.893 5.688h-19.281l-10.689-55zm-63.063-67.75c-0.895 0-1.745 0.4-2.314 1.092-0.57 0.691-0.801 1.601-0.63 2.48l28.328 145.75c0.274 1.409 1.509 2.427 2.945 2.427h61.054c19.188 0 33.47-5.21 42.447-15.487 9.025-10.331 11.812-24.772 8.283-42.921-1.436-7.394-3.906-14.261-7.341-20.409-3.439-6.155-7.984-11.85-13.511-16.93-6.616-6.192-14.104-10.682-22.236-13.324-8.003-2.607-18.281-3.929-30.548-3.929h-24.722l-7.06-36.322c-0.274-1.41-1.508-2.428-2.944-2.428z" />
+            </g>
+            <g transform="translate(159.22 197.31)">
+              <path
+                d="m0 0h16.808c13.421 0 18.083-2.945 19.667-4.7 2.628-2.914 3.124-9.058 1.435-17.767-1.898-9.75-5.416-16.663-10.458-20.545-5.162-3.974-13.554-5.988-24.941-5.988h-12.034zm28.831 35h-61.055c-2.872 0-5.341-2.036-5.889-4.855l-28.328-145.75c-0.342-1.759 0.12-3.578 1.259-4.961 1.14-1.383 2.838-2.183 4.63-2.183h31.75c2.873 0 5.342 2.036 5.89 4.855l6.588 33.895h22.249c12.582 0 23.174 1.372 31.479 4.077 8.541 2.775 16.399 7.48 23.354 13.984 5.752 5.292 10.49 11.232 14.08 17.657 3.591 6.427 6.171 13.594 7.668 21.302 3.715 19.104 0.697 34.402-8.969 45.466-9.572 10.958-24.614 16.514-44.706 16.514m-45.633-90h19.313c12.801 0 22.336 2.411 28.601 7.234 6.266 4.824 10.492 12.875 12.688 24.157 2.101 10.832 1.144 18.476-2.871 22.929-4.02 4.453-12.059 6.68-24.121 6.68h-21.754l-11.856-61m45.633 84c18.367 0 31.766-4.82 40.188-14.461 8.421-9.641 10.957-23.098 7.597-40.375-1.383-7.117-3.722-13.624-7.015-19.519-3.297-5.899-7.602-11.293-12.922-16.184-6.34-5.933-13.383-10.161-21.133-12.679-7.75-2.525-17.621-3.782-29.621-3.782h-27.196l-7.531-38.75h-31.75l28.328 145.75h61.055"
+                fill="#fff" />
+            </g>
+            <g transform="translate(311.58 116.31)">
+              <path
+                d="m0 0c-0.896 0-1.745 0.4-2.314 1.092-0.571 0.691-0.802 1.6-0.631 2.48l12.531 64.489c1.192 6.133 0.898 10.535-0.827 12.395-1.056 1.137-4.228 3.044-13.607 3.044h-22.702l-15.755-81.072c-0.274-1.41-1.509-2.428-2.945-2.428h-31.5c-0.896 0-1.745 0.4-2.315 1.092-0.57 0.691-0.801 1.601-0.63 2.48l28.328 145.75c0.274 1.409 1.509 2.427 2.945 2.427h31.5c0.896 0 1.745-0.4 2.315-1.091 0.57-0.692 0.801-1.601 0.63-2.481l-6.836-35.178h24.422c18.605 0 31.221-3.28 38.569-10.028 7.49-6.884 9.827-17.891 6.947-32.719l-13.18-67.825c-0.274-1.41-1.508-2.428-2.945-2.428z" />
+            </g>
+            <g transform="translate(293.66 271.06)">
+              <path
+                d="m0 0h-31.5c-2.873 0-5.342-2.036-5.89-4.855l-28.328-145.75c-0.342-1.759 0.12-3.578 1.26-4.961s2.838-2.183 4.63-2.183h31.5c2.872 0 5.342 2.036 5.89 4.855l15.283 78.645h20.229c9.363 0 11.328-2 11.407-2.086 0.568-0.611 1.315-3.441 0.082-9.781l-12.531-64.489c-0.342-1.759 0.12-3.578 1.26-4.961s2.838-2.183 4.63-2.183h32c2.872 0 5.342 2.036 5.89 4.855l13.179 67.825c3.093 15.921 0.447 27.864-7.861 35.5-7.928 7.281-21.208 10.82-40.599 10.82h-20.784l6.143 31.605c0.341 1.759-0.12 3.579-1.26 4.961-1.14 1.383-2.838 2.184-4.63 2.184m0-6-7.531-38.75h28.062c17.657 0 29.836-3.082 36.539-9.238 6.703-6.16 8.711-16.141 6.032-29.938l-13.18-67.824h-32l12.531 64.488c1.426 7.336 0.902 12.34-1.574 15.008-2.477 2.668-7.746 4.004-15.805 4.004h-25.176l-16.226-83.5h-31.5l28.328 145.75h31.5"
+                fill="#fff" />
+            </g>
+            <g transform="translate(409.55 145.31)">
+              <path
+                d="m0 0c12.065 0 21.072 2.225 26.771 6.611 5.638 4.34 9.532 11.861 11.574 22.353 1.903 9.806 1.178 16.653-2.155 20.348-3.407 3.774-10.773 5.688-21.893 5.688h-19.281l-10.689-55zm-63.062-67.75c-0.895 0-1.745 0.4-2.314 1.092-0.57 0.691-0.802 1.601-0.631 2.48l28.328 145.75c0.275 1.409 1.509 2.427 2.946 2.427h61.053c19.189 0 33.47-5.21 42.448-15.487 9.025-10.33 11.811-24.771 8.283-42.921-1.438-7.394-3.907-14.261-7.342-20.409-3.439-6.155-7.984-11.85-13.511-16.93-6.616-6.192-14.104-10.682-22.236-13.324-8.003-2.607-18.281-3.929-30.548-3.929h-24.723l-7.057-36.322c-0.275-1.41-1.509-2.428-2.946-2.428z" />
+            </g>
+            <g transform="translate(407.04 197.31)">
+              <path
+                d="m0 0h16.808c13.421 0 18.083-2.945 19.667-4.7 2.629-2.914 3.125-9.058 1.435-17.766-1.898-9.751-5.417-16.664-10.458-20.546-5.162-3.974-13.554-5.988-24.941-5.988h-12.033zm28.831 35h-61.054c-2.872 0-5.341-2.036-5.889-4.855l-28.328-145.75c-0.342-1.759 0.12-3.578 1.259-4.961 1.14-1.383 2.838-2.183 4.63-2.183h31.75c2.872 0 5.342 2.036 5.89 4.855l6.587 33.895h22.249c12.582 0 23.174 1.372 31.479 4.077 8.541 2.775 16.401 7.481 23.356 13.986 5.752 5.291 10.488 11.23 14.078 17.655 3.591 6.427 6.171 13.594 7.668 21.302 3.715 19.105 0.697 34.403-8.969 45.467-9.572 10.957-24.613 16.513-44.706 16.513m-45.632-90h19.312c12.801 0 22.336 2.411 28.601 7.234 6.267 4.824 10.492 12.875 12.688 24.157 2.102 10.832 1.145 18.476-2.871 22.929-4.02 4.453-12.059 6.68-24.121 6.68h-21.754l-11.855-61m45.632 84c18.367 0 31.766-4.82 40.188-14.461s10.957-23.098 7.597-40.375c-1.383-7.117-3.722-13.624-7.015-19.519-3.297-5.899-7.602-11.293-12.922-16.184-6.34-5.933-13.383-10.161-21.133-12.679-7.75-2.525-17.621-3.782-29.621-3.782h-27.196l-7.53-38.75h-31.75l28.328 145.75h61.054"
+                fill="#fff" />
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+svg {
+  margin-top: -2rem;
+  margin-bottom: -4rem;
+}
+
+#DbToolsBundleLogoDark {
+  display: none;
+}
+.dark #DbToolsBundleLogoLight {
+  display: none;
+}
+.dark #DbToolsBundleLogoDark {
+  display: block;
+}
+.dark ellipse {
+  stroke: #DEDED6;
+}
+
+.floating {
+  animation: floating 4s ease-in-out infinite;
+}
+.delayed {
+  animation-delay: -2s;
+  animation-duration: 5s;
+}
+
+@keyframes floating {
+  0% {
+    transform: translatey(-0.03rem);
+  }
+  50% {
+    transform: translatey(0.03rem);
+  }
+  100% {
+    transform: translatey(-0.03rem);
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
index c67df6a..8e7c0f6 100644
--- a/docs/.vitepress/theme/index.js
+++ b/docs/.vitepress/theme/index.js
@@ -5,6 +5,7 @@ import MakinaCorpusHorizontal from './MakinaCorpusHorizontal.vue'
 import MakinaCorpusSquare from './MakinaCorpusSquare.vue'
 import { h } from 'vue'
 import DbToolsBundleActions from './DbToolsBundleActions.vue'
+import DbToolsBundleHomeImage from './DbToolsBundleHomeImage.vue'
 
 export default {
   extends: DefaultTheme,
@@ -12,7 +13,8 @@ export default {
     return h(DefaultTheme.Layout, null, {
       'aside-bottom': () => h(MakinaCorpusSquare),
       'home-features-after': () => h(MakinaCorpusHorizontal),
-      'home-hero-actions-after': () => h(DbToolsBundleActions)
+      'home-hero-actions-after': () => h(DbToolsBundleActions),
+      'home-hero-image': () => h(DbToolsBundleHomeImage)
     })
   },
   VPHomeHero: DbToolsBundleActions,
diff --git a/docs/content/index.md b/docs/content/index.md
index a16f461..f51f65d 100644
--- a/docs/content/index.md
+++ b/docs/content/index.md
@@ -4,10 +4,6 @@ layout: home
 hero:
   name: DbToolsBundle
   text: Backup, restore and anonymize your data
-  image:
-    light: ./logo.svg
-    dark: ./logo-d.svg
-    alt: DbToolsBundle by Makina Corpus
 
 features:
   - icon: