diff --git a/docs/.vitepress/theme/components/DbToolsBundleDatabaseCompare.vue b/docs/.vitepress/theme/components/DbToolsBundleDatabaseCompare.vue
new file mode 100644
index 00000000..5e19c13e
--- /dev/null
+++ b/docs/.vitepress/theme/components/DbToolsBundleDatabaseCompare.vue
@@ -0,0 +1,188 @@
+<template>
+  <figure class="image-compare" @mousemove.prevent="onMouseMove" @touchstart="onMouseMove($event, true)" @touchmove="onMouseMove($event, true)" @click="onMouseMove($event, true)">
+    <div class="image-compare-wrapper" :style="{ width: posX + 'px' }">
+      <img :src="withBase('/db-plain.png')" :style="dimensions">
+    </div>
+    <img :src="withBase('/db-anonymized.png')" :style="dimensions">
+    <div class="image-compare-handle" :style="{ left: posX + 'px' }" @mousedown.prevent="onMouseDown">
+      <span class="image-compare-handle-icon left">
+        <img class="light" :src="withBase('/database.svg')"/>
+        <img class="dark" :src="withBase('/database-d.svg')"/>
+        <small>Original</small>
+      </span>
+      <span class="image-compare-handle-icon right">
+        <img class="light" :src="withBase('/anonymize.svg')"/>
+        <img class=" dark" :src="withBase('/anonymize-d.svg')"/>
+        <small>Anonymized</small>
+      </span>
+    </div>
+  </figure>
+</template>
+
+<script>
+import { withBase } from 'vitepress'
+
+export default {
+  data() {
+    return {
+      width: null,
+      height: null,
+      pageX: null,
+      posX: null,
+      isDragging: false,
+      allowNextFrame: true,
+      unwatch: null
+    }
+  },
+  computed: {
+    dimensions() {
+      return {
+        width: `${this.width}px`,
+        height: 'auto'
+      }
+    }
+  },
+  methods: {
+    onResize() {
+      this.width = this.$el.clientWidth;
+      this.height = this.$el.clientHeight;
+    },
+    onMouseDown() {
+			this.isDragging = true;
+    },
+    onMouseUp(event) {
+      event.preventDefault();
+
+      this.isDragging = false;
+    },
+    onMouseMove(event, isDragging = this.isDragging) {
+      if (isDragging && this.allowNextFrame) {
+        this.allowNextFrame = false;
+        this.pageX = event.pageX || event.targetTouches[0].pageX || event.originalEvent.targetTouches[0].pageX;
+
+        window.requestAnimationFrame(this.updatePos);
+      }
+		},
+    updatePos() {
+      let posX = this.pageX - this.$el.getBoundingClientRect().left;
+
+      this.posX = posX;
+      this.allowNextFrame = true;
+    },
+    setInitialPosX() {
+      this.posX = this.width * 3 / 7
+    },
+    withBase
+  },
+  created() {
+    window.addEventListener('mouseup', this.onMouseUp);
+    window.addEventListener('resize', this.onResize);
+  },
+  mounted() {
+    this.onResize();
+    this.setInitialPosX()
+  },
+  beforeDestroy() {
+    this.unwatch();
+    window.removeEventListener('mouseup', this.onMouseUp);
+    window.removeEventListener('resize', this.onResize);
+  }
+};
+</script>
+
+<style>
+.image-compare {
+  position: relative;
+  margin: 0;
+  margin-top: 16px;
+  border-radius: 12px;
+  overflow: hidden;
+
+  img {
+    max-width: none;
+    display: block;
+  }
+}
+
+.image-compare-wrapper,
+.image-compare-handle {
+  bottom: 0;
+  position: absolute;
+  top: 0;
+}
+
+.image-compare-wrapper {
+  left: 0;
+  overflow: hidden;
+  width: 100%;
+  z-index: 1;
+  transform: translateZ(0);
+  will-change: width;
+}
+
+.image-compare-handle {
+  color: var(--vp-c-brand);
+  background-color: currentColor;
+  cursor: ew-resize;
+  transform: translateX(-50%) translateZ(0);
+  width: 4px;
+  z-index: 2;
+  will-change: left;
+}
+
+.image-compare-handle-icon {
+  position: absolute;
+  bottom: -25px;
+  left: 50%;
+  font-size: 2rem;
+  color: currentColor;
+  line-height: normal;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  img {
+    background-color: color-mix(in srgb, var(--vp-c-bg-soft) 80%, transparent);
+    padding: 3px 3px 0 3px;
+  }
+  small {
+    background-color: color-mix(in srgb, var(--vp-c-bg-soft) 80%, transparent);
+    padding: 2px 4px;
+    font-size: 14px;
+  }
+  &.left {
+    align-items: end;
+    transform: translate(calc(-100% - 2px), -50%);
+    img {
+      border-radius: 8px 0 0 0;
+    }
+    small {
+      border-radius: 8px 0 0 0;
+    }
+  }
+
+  &.right {
+    align-items: start;
+    transform: translate(2px, -50%);
+    img {
+      border-radius: 0 8px 0 0;
+    }
+    small {
+      border-radius: 0 8px 0 0;
+    }
+  }
+
+  img {
+    height: 2rem;
+    width: 2rem;
+  }
+}
+
+html.dark .image-compare-handle .light {
+  display: none;
+}
+
+html:not(.dark) .image-compare-handle .dark {
+  display: none;
+}
+</style>
diff --git a/docs/.vitepress/theme/components/DbToolsBundleFlavorSwitcher.vue b/docs/.vitepress/theme/components/DbToolsBundleFlavorSwitcher.vue
index 26c2aeee..d781dfed 100644
--- a/docs/.vitepress/theme/components/DbToolsBundleFlavorSwitcher.vue
+++ b/docs/.vitepress/theme/components/DbToolsBundleFlavorSwitcher.vue
@@ -47,7 +47,7 @@ const id = Math.random().toString(36).substring(2, 6);
   </div>
 </template>
 
-<style scoped>
+<style>
 .flavor-switch {
   font-size: 12px;
   display: flex;
@@ -105,7 +105,7 @@ input[value="symfony"]:checked + label {
 input[value="symfony"]:checked + label > svg {
   fill: #FFFFFF;
 }
-.dark {
+html.dark {
   input[value="symfony"]:checked + label {
     color: #000000;
     background-color: #FFFFFF;
diff --git a/docs/.vitepress/theme/components/MakinaCorpusHorizontal.vue b/docs/.vitepress/theme/components/MakinaCorpusHorizontal.vue
index 0ebac722..70aaa997 100644
--- a/docs/.vitepress/theme/components/MakinaCorpusHorizontal.vue
+++ b/docs/.vitepress/theme/components/MakinaCorpusHorizontal.vue
@@ -27,7 +27,6 @@
 
 <style scoped>
 .makina-corpus-horizontal {
-  padding: 0 64px;
   margin-top: 64px;
 }
 .makina-corpus-horizontal .container {
diff --git a/docs/.vitepress/theme/components/flavor.ts b/docs/.vitepress/theme/components/flavor.ts
index 7edcb23e..0073bddb 100644
--- a/docs/.vitepress/theme/components/flavor.ts
+++ b/docs/.vitepress/theme/components/flavor.ts
@@ -27,20 +27,16 @@ export const flavorCombinationList = getCombos(flavorList)
 const flavor = ref('standalone')
 
 export function useFlavor() {
-  watch(() => flavor.value, (flavor) => {
-    const root = document.documentElement
-    flavorCombinationList.forEach(f => {
-      root.style.setProperty('--db-tools-' + f, f.includes(flavor) ? 'unset' : 'none')
-    })
-
-    localStorage.setItem("db-tools-flavor", flavor)
-  }, { immediate: true })
+  watch(() => flavor.value, () => {
+    onFlavorUpdate()
+  })
 
   onMounted(() => {
     const storedFlavor = localStorage.getItem("db-tools-flavor")
     if (storedFlavor) {
       flavor.value = storedFlavor
     }
+    onFlavorUpdate()
 
     // initialize style
     // we display standalone flavor at start
@@ -59,6 +55,15 @@ export function useFlavor() {
     document.head.appendChild(style)
   })
 
+  const onFlavorUpdate = () => {
+    const root = document.documentElement
+    flavorCombinationList.forEach(f => {
+      root.style.setProperty('--db-tools-' + f, f.includes(flavor.value) ? 'unset' : 'none')
+    })
+
+    localStorage.setItem("db-tools-flavor", flavor.value)
+  }
+
   return {
     flavor
   }
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
index 0ca238a9..189c1f31 100644
--- a/docs/.vitepress/theme/index.js
+++ b/docs/.vitepress/theme/index.js
@@ -8,13 +8,13 @@ import DbToolsBundleActions from './components/DbToolsBundleActions.vue'
 import DbToolsBundleHomeImage from './components/DbToolsBundleHomeImage.vue'
 import DbToolsBundleFlavorSwitcherWrapper from './components/DbToolsBundleFlavorSwitcherWrapper.vue'
 import DbToolsBundleFlavorSwitcher from './components/DbToolsBundleFlavorSwitcher.vue'
+import DbToolsBundleDatabaseCompare from './components/DbToolsBundleDatabaseCompare.vue'
 
 export default {
   extends: DefaultTheme,
   Layout() {
     return h(DefaultTheme.Layout, null, {
       'aside-bottom': () => h(MakinaCorpusSquare),
-      'home-features-after': () => h(MakinaCorpusHorizontal),
       'home-hero-actions-after': () => h(DbToolsBundleActions),
       'home-hero-image': () => h(DbToolsBundleHomeImage),
       'sidebar-nav-before': () => h(DbToolsBundleFlavorSwitcherWrapper)
@@ -22,5 +22,7 @@ export default {
   },
   enhanceApp({ app }) {
     app.component('FlavorSwitcher', DbToolsBundleFlavorSwitcher)
+    app.component('DatabaseCompare', DbToolsBundleDatabaseCompare)
+    app.component('MakinaCorpusHorizontal', MakinaCorpusHorizontal)
   }
 }
\ No newline at end of file
diff --git a/docs/content/anonymization/core-anonymizers/address.md b/docs/content/anonymization/core-anonymizers/address.md
index 87caf3e6..1df99618 100644
--- a/docs/content/anonymization/core-anonymizers/address.md
+++ b/docs/content/anonymization/core-anonymizers/address.md
@@ -1,4 +1,4 @@
-## AddressAnonymizer
+## Address
 
 This *Anonymizer* is multicolumn. It let you anonymize, at once, mutiple columns on one table
 that represent different parts of a postal address.
diff --git a/docs/content/anonymization/core-anonymizers/constant.md b/docs/content/anonymization/core-anonymizers/constant.md
index c32de6fb..1f34b44f 100644
--- a/docs/content/anonymization/core-anonymizers/constant.md
+++ b/docs/content/anonymization/core-anonymizers/constant.md
@@ -1,4 +1,4 @@
-## ConstantAnonymizer
+## Constant value
 
 Set all value to a constant value.
 Options are:
diff --git a/docs/content/anonymization/core-anonymizers/date.md b/docs/content/anonymization/core-anonymizers/date.md
index 44f6a565..02063854 100644
--- a/docs/content/anonymization/core-anonymizers/date.md
+++ b/docs/content/anonymization/core-anonymizers/date.md
@@ -1,4 +1,4 @@
-## DateAnonymizer
+## Date
 
 Anonymize dates by either:
 - randomly choosing an date or datetime in a given range delimited by `min` and `max` options,
diff --git a/docs/content/anonymization/core-anonymizers/email.md b/docs/content/anonymization/core-anonymizers/email.md
index a043d377..0560b3ff 100644
--- a/docs/content/anonymization/core-anonymizers/email.md
+++ b/docs/content/anonymization/core-anonymizers/email.md
@@ -1,4 +1,4 @@
-## EmailAnonymizer
+## Email address
 
 EmailAnonymizer uses a hash function on the original value to make each unique email
 anonymization reproducible accross tables.
diff --git a/docs/content/anonymization/core-anonymizers/firstname.md b/docs/content/anonymization/core-anonymizers/firstname.md
index 96d3bdab..5d0b19f3 100644
--- a/docs/content/anonymization/core-anonymizers/firstname.md
+++ b/docs/content/anonymization/core-anonymizers/firstname.md
@@ -1,4 +1,4 @@
-## FirstnameAnonymizer
+## Firstname
 
 Works like the StringAnonymizer, but with a provided sample of 1000 worldwide firstnames.
 
diff --git a/docs/content/anonymization/core-anonymizers/float.md b/docs/content/anonymization/core-anonymizers/float.md
index 6bd5cc17..0e342195 100644
--- a/docs/content/anonymization/core-anonymizers/float.md
+++ b/docs/content/anonymization/core-anonymizers/float.md
@@ -1,4 +1,4 @@
-## FloatAnonymizer
+## Float
 
 Anonymize float by:
 - randomly choosing an integer in a range delimited by `min` and `max` options
diff --git a/docs/content/anonymization/core-anonymizers/iban-bic.md b/docs/content/anonymization/core-anonymizers/iban-bic.md
index 31597f66..c15f2cc5 100644
--- a/docs/content/anonymization/core-anonymizers/iban-bic.md
+++ b/docs/content/anonymization/core-anonymizers/iban-bic.md
@@ -1,4 +1,4 @@
-## IbanBicAnonymizer
+## Iban/Bic
 
 This *Anonymizer* is multicolumn. It let you anonymize, at once, an IBAN and a BIC code.
 You can choose to anonymize either one of IBAN or BIC, or both.
diff --git a/docs/content/anonymization/core-anonymizers/integer.md b/docs/content/anonymization/core-anonymizers/integer.md
index 8633b668..dd3bfa33 100644
--- a/docs/content/anonymization/core-anonymizers/integer.md
+++ b/docs/content/anonymization/core-anonymizers/integer.md
@@ -1,4 +1,4 @@
-## IntegerAnonymizer
+## Integer
 
 Anonymize integers by:
 - randomly choosing an integer in a range delimited by 'min' and 'max' options
diff --git a/docs/content/anonymization/core-anonymizers/lastname.md b/docs/content/anonymization/core-anonymizers/lastname.md
index 17aa973d..9325dfd3 100644
--- a/docs/content/anonymization/core-anonymizers/lastname.md
+++ b/docs/content/anonymization/core-anonymizers/lastname.md
@@ -1,4 +1,4 @@
-## LastnameAnonymizer
+## Lastname
 
 Works like the StringAnonymizer, but with a provided sample of 1000 worldwide lastnames.
 
diff --git a/docs/content/anonymization/core-anonymizers/lorem-ipsum.md b/docs/content/anonymization/core-anonymizers/lorem-ipsum.md
index b0fc17ab..f695b6ef 100644
--- a/docs/content/anonymization/core-anonymizers/lorem-ipsum.md
+++ b/docs/content/anonymization/core-anonymizers/lorem-ipsum.md
@@ -1,4 +1,4 @@
-## LoremIpsumAnonymizer
+## Lorem Ipsum
 
 Replace a text with some *lorem ipsum*.
 Default behavior is to generate a single paragraph.
diff --git a/docs/content/anonymization/core-anonymizers/md5.md b/docs/content/anonymization/core-anonymizers/md5.md
index a938a40a..e1510d5b 100644
--- a/docs/content/anonymization/core-anonymizers/md5.md
+++ b/docs/content/anonymization/core-anonymizers/md5.md
@@ -1,4 +1,4 @@
-## Md5Anonymizer
+## Md5 hash
 
 This *Anonymizer* will fill configured column with a md5 hash of the pre-anonymization value.
 
diff --git a/docs/content/anonymization/core-anonymizers/null.md b/docs/content/anonymization/core-anonymizers/null.md
index f7362fd0..a2db4b9a 100644
--- a/docs/content/anonymization/core-anonymizers/null.md
+++ b/docs/content/anonymization/core-anonymizers/null.md
@@ -1,4 +1,4 @@
-## NullAnonymizer
+## Null
 
 Set all values to `NULL`.
 
diff --git a/docs/content/anonymization/core-anonymizers/password.md b/docs/content/anonymization/core-anonymizers/password.md
index 93d104dd..0554e45f 100644
--- a/docs/content/anonymization/core-anonymizers/password.md
+++ b/docs/content/anonymization/core-anonymizers/password.md
@@ -1,4 +1,4 @@
-## PasswordAnonymizer
+## Password
 
 This *Anonymizer* give you a way to set the same password for each one of your users. It is based on
 the [Symfony PasswordHasher Component](https://symfony.com/doc/current/security/passwords.html).
diff --git a/docs/content/anonymization/core-anonymizers/string.md b/docs/content/anonymization/core-anonymizers/string.md
index 66fa10b4..62cdc11f 100644
--- a/docs/content/anonymization/core-anonymizers/string.md
+++ b/docs/content/anonymization/core-anonymizers/string.md
@@ -1,4 +1,4 @@
-## StringAnonymizer
+## String
 
 This *Anonymizer* will fill configured column with a random value from a given sample.
 
diff --git a/docs/content/configuration/reference.md b/docs/content/configuration/reference.md
index 151cbf0f..8c4837d1 100644
--- a/docs/content/configuration/reference.md
+++ b/docs/content/configuration/reference.md
@@ -36,14 +36,20 @@ within.
 
 </div>
 
-<style module>
+<style>
 .toc-inline .table-of-contents ul {
   list-style: none;
   display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
 }
 .toc-inline .table-of-contents li {
-  flex: 1;
+  margin: 2px 4px;
+  padding: 1px 4px;
+  border-radius: 4px;
   display: inline-block;
+  background: var(--vp-code-bg);
+
 }
 </style>
 
diff --git a/docs/content/index.md b/docs/content/index.md
index db316b8b..1fedb586 100644
--- a/docs/content/index.md
+++ b/docs/content/index.md
@@ -45,3 +45,225 @@ features:
     link: /getting-started/database-vendors
 
 ---
+
+---
+
+<div class="home-grid">
+  <div class="home-grid-60">
+
+  <DatabaseCompare/>
+
+  </div>
+  <div class="home-grid-40 img">
+
+## Anonymize your database from a simple YAML configuration
+
+Map each column of each table you want to anonymize with
+a specific anonymizer.
+
+```yaml [YAML]
+account:
+  fisrt_name: firstname
+  last_name: lastname
+  email_address:
+    anonymizer: email
+    options: {domain: 'db-tools-bundle.org'}
+  hashed_password: password
+```
+
+[Learn more about anonymization](./anonymization/essentials)
+
+  </div>
+</div>
+
+
+<div class="home-grid">
+  <div class="home-grid-40 img">
+
+## Enjoy full integration with Symfony & Laravel
+
+*DbToolsBundle* provides a bundle for Symfony and an
+experimental package for Laravel. These integrations include
+autoconfiguration of database connection.
+
+![](/symfony-laravel.svg)
+
+
+[Learn more about Symfony integration](./getting-started/flavors#symfony)
+[Learn more about Laravel integration](./getting-started/flavors#laravel)
+
+  </div>
+  <div class="home-grid-60">
+
+::: code-group
+```php [Symfony (Doctrine entity)]
+namespace App\Entity;
+
+use Doctrine\ORM\Mapping as ORM;
+use MakinaCorpus\DbToolsBundle\Attribute\Anonymize;
+
+#[ORM\Entity()]
+#[ORM\Table(name: 'customer')]
+class Customer
+{
+    #[ORM\Column(length: 255)]
+    #[Anonymize(type: 'firstname')]
+    private ?string $firstName = null;
+
+    #[ORM\Column(length: 255)]
+    #[Anonymize(type: 'lastname')]
+    private ?string $lastName = null;
+
+    #[ORM\Column(length: 255)]
+    #[Anonymize(type: 'email')]
+    private ?string $emailAddress = null;
+
+    #[ORM\Column(length: 255)]
+    #[Anonymize(type: 'password')]
+    private ?string $hashedPassword = null;
+}
+```
+```php [Laravel]
+<?php
+// config/db-tools.php
+
+declare(strict_types=1);
+
+return [
+  // ...
+  'anonymization' => [
+    'first_name' => [
+      'anonymizer' => 'firstname'
+    ]
+    'last_name' => [
+      'anonymizer' => 'lastname'
+    ]
+    'email_address' => [
+      'anonymizer' => 'email'
+    ]
+    'hashed_password' => [
+      'anonymizer' => 'password'
+    ]
+  ],
+];
+```
+:::
+
+  </div>
+</div>
+
+<div class="home-grid">
+  <div class="home-grid-60">
+
+```yaml
+services:
+  postgres:
+    environment:
+      POSTGRES_PASSWORD: password
+      POSTGRES_DB: db
+      POSTGRES_USER: db
+    ports:
+      - 5439:5432
+    networks:
+      - site
+
+  dbtools: // [!code ++]
+    image: makinacorpus/dbtoolsbundle:stable // [!code ++]
+    networks: // [!code ++]
+      - site // [!code ++]
+    volumes: // [!code ++]
+      - ./db_tools.config.yaml:/var/www/db_tools.config.yaml // [!code ++]
+
+networks:
+  site:
+```
+
+  </div>
+  <div class="home-grid-40 img">
+
+## Deploy an anonymization workflow on any CI/CD with our Docker image
+
+The Docker image unlocks the *DbToolsBundle* features for every DevOps teams.
+Simply add our image to your `docker-compose.yaml`!
+
+![](/docker.svg)
+
+[Learn more about Docker image](./getting-started/flavors#docker)
+
+  </div>
+</div>
+
+<MakinaCorpusHorizontal/>
+
+<style>
+  hr + .home-grid {
+    margin-top: 80px;
+  }
+  .home-grid {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 48px;
+
+    h2 {
+      padding-top: 0;
+      margin-top: 0;
+      border: 0;
+    }
+  }
+  .home-grid > div {
+    &.img {
+      margin-top: auto;
+      margin-bottom: auto;
+
+      img {
+        border-radius: 12px;
+        background: var(--vp-c-bg-soft);
+        overflow: hidden;
+        height: 200px;
+        margin-left: auto;
+        margin-right: auto;
+      }
+
+      a {
+        display: block;
+        margin: 10px 0;
+        text-decoration: none;
+        text-align: center;
+        border-color: var(--vp-button-alt-border);
+        color: var(--vp-button-alt-text);
+        background-color: var(--vp-button-alt-bg);
+        border-radius: 20px;
+        padding: 0 20px;
+        line-height: 38px;
+        font-size: 14px;transition: color 0.25s, border-color 0.25s, background-color 0.25s;
+
+        &:hover {
+          border-color: var(--vp-button-alt-hover-border);
+          color: var(--vp-button-alt-hover-text);
+          background-color: var(--vp-button-alt-hover-bg);
+        }
+      }
+    }
+  }
+  .home-grid > div.home-grid-60 {
+    order: 1;
+  }
+  @media (min-width: 960px) {
+    .home-grid > div.home-grid-40 {
+      width: 40%;
+    }
+    .home-grid > div.home-grid-60 {
+      width: 60%;
+      order: unset;
+    }
+    .home-grid > div:first-child {
+      padding-right: 20px;
+    }
+    .home-grid > div:last-child {
+      padding-left: 20px;
+    }
+    .home-grid > div.img img {
+      height: auto;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/docs/content/public/db-anonymized.png b/docs/content/public/db-anonymized.png
new file mode 100644
index 00000000..154cbf64
Binary files /dev/null and b/docs/content/public/db-anonymized.png differ
diff --git a/docs/content/public/db-plain.png b/docs/content/public/db-plain.png
new file mode 100644
index 00000000..9af9ed5e
Binary files /dev/null and b/docs/content/public/db-plain.png differ
diff --git a/docs/content/public/docker.svg b/docs/content/public/docker.svg
new file mode 100644
index 00000000..fcf044db
--- /dev/null
+++ b/docs/content/public/docker.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="659"
+   height="440"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="docker.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="1.7909091"
+     inkscape:cx="330"
+     inkscape:cy="220"
+     inkscape:window-width="1854"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 428.81538,205.58567 c -5.04685,-3.3827 -18.30568,-4.82634 -27.94365,-2.24043 -0.51747,-9.55712 -5.47318,-17.61179 -14.52899,-24.64033 l -3.35182,-2.23896 -2.23455,3.36064 c -4.39119,6.63456 -6.24351,15.47868 -5.58785,23.51865 0.51748,4.95423 2.24631,10.52003 5.58785,14.55986 -12.54436,7.24465 -24.1111,5.59961 -75.32788,5.59961 h -79.07517 c -0.22933,11.51382 1.62887,33.65645 15.77417,51.6828 a 63.699396,63.699396 0 0 0 5.13652,5.77308 c 11.50206,11.46531 28.8801,19.8728 54.86557,19.89486 39.64417,0.0367 73.60787,-21.29586 94.27011,-72.86841 6.79774,0.10879 24.74618,1.21283 33.53002,-15.68155 0.21464,-0.28373 2.23455,-4.47792 2.23455,-4.47792 l -3.34888,-2.23896 z m -150.8557,-10.52738 h -22.23672 v 22.13381 h 22.23672 z m 28.7228,0 h -22.23525 v 22.13381 h 22.23525 z m 28.72721,0 h -22.23525 v 22.13381 h 22.23525 z m 28.72868,0 h -22.23672 v 22.13381 h 22.23672 z m -114.90736,0 h -22.23525 v 22.13381 h 22.23525 z m 28.72867,-27.9554 h -22.23672 v 22.13381 h 22.23672 z m 28.7228,0 h -22.23525 v 22.13381 h 22.23525 z m 28.72721,0 h -22.23525 v 22.13381 h 22.23525 z m 0,-27.95835 h -22.23525 v 22.13381 h 22.23525 z"
+     fill="#1d63ed"
+     id="path2"
+     style="stroke-width:1.4701" />
+</svg>
diff --git a/docs/content/public/symfony-laravel.svg b/docs/content/public/symfony-laravel.svg
new file mode 100644
index 00000000..139bd15d
--- /dev/null
+++ b/docs/content/public/symfony-laravel.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="659"
+   height="440"
+   fill="none"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="symfony-laravel.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.89545455"
+     inkscape:cx="351.77665"
+     inkscape:cy="144.06091"
+     inkscape:window-width="1854"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="m 439.41358,196.24879 52.21623,-29.80156 -23.72215,-13.65784 -52.18015,30.04585 z m 54.61746,-60.95641 -23.74853,-13.65784 v 27.04085 l 23.75269,13.66338 z m 2.37069,-31.42968 -23.74159,13.65784 23.74159,13.65783 23.73465,-13.662 z m -73.12216,69.13862 13.77721,-7.93237 v -59.57258 l -23.75131,13.66755 v 59.57258 z m -12.35034,-85.272626 -23.74159,13.663386 23.74159,13.66338 23.72771,-13.66338 z m -26.122,17.771836 v 92.10988 l 52.23567,30.06111 v -27.31011 l -27.31567,-15.45529 c -0.0902,-0.0638 -0.15962,-0.13463 -0.25539,-0.19432 -0.0694,-0.0652 -0.14991,-0.1152 -0.2193,-0.16933 l -0.004,-0.0139 a 1.3047117,1.3047117 0 0 1 -0.19432,-0.24568 l -0.004,-0.004 a 0.97159385,0.97159385 0 0 1 -0.17489,-0.22347 l -0.004,-0.004 h -0.0139 a 2.9286615,2.9286615 0 0 1 -0.12076,-0.27482 l -0.004,-0.0194 c -0.0347,-0.075 -0.075,-0.15962 -0.10965,-0.25401 l -0.004,-0.0139 a 3.3575508,3.3575508 0 0 1 -0.05,-0.34977 v -0.01 a 3.3644907,3.3644907 0 0 1 -0.0403,-0.25539 v -63.69491 l -13.76193,-7.93792 z m 109.22797,92.10571 v -27.06583 l -52.23566,29.821 v 27.30595 z m 28.47325,-48.93085 v -27.04085 l -23.74159,13.662 v 27.04223 z m 4.67198,-31.7739 c 0.0555,0.19016 0.0902,0.4053 0.0902,0.62876 v 32.51231 c 0,0.8786 -0.4733,1.64338 -1.18257,2.05284 l -0.01,0.004 -27.29624,15.719 v 31.15485 c 0,0.87305 -0.4733,1.63783 -1.17701,2.05145 l -0.01,0.004 -56.98814,32.79684 c -0.11937,0.0639 -0.25956,0.12492 -0.40391,0.16379 l -0.0139,0.004 -0.1499,0.0652 c -0.18044,0.0555 -0.38864,0.0847 -0.60517,0.0847 a 2.1652663,2.1652663 0 0 1 -0.62459,-0.0902 l 0.0153,0.004 a 0.72175543,0.72175543 0 0 1 -0.19432,-0.0791 l 0.004,0.004 a 4.0904101,4.0904101 0 0 1 -0.40946,-0.16517 l 0.0181,0.01 -56.97149,-32.79684 a 2.376241,2.376241 0 0 1 -1.19367,-2.05562 v -97.58411 c 0,-0.2193 0.0347,-0.43444 0.0958,-0.63292 l -0.004,0.0139 c 0.018,-0.0749 0.0638,-0.12492 0.0888,-0.19987 a 2.7482226,2.7482226 0 0 1 0.1499,-0.37893 l -0.004,0.0139 a 0.91885019,0.91885019 0 0 1 0.14573,-0.209582 l 0.2082,-0.284538 0.23596,-0.169335 c 0.0888,-0.07495 0.16934,-0.149903 0.25956,-0.215139 h 0.004 L 409.75082,82.92902 a 2.3415412,2.3415412 0 0 1 2.37624,0.0056 l -0.01,-0.0042 28.50379,16.399116 c 0.0958,0.06385 0.17488,0.134636 0.25539,0.208199 l 0.23873,0.170723 c 0.0805,0.09022 0.12492,0.188767 0.20959,0.284538 a 1.0548733,1.0548733 0 0 1 0.15545,0.204034 l 0.004,0.004 c 0.05,0.0999 0.0999,0.21931 0.14435,0.34422 l 0.004,0.0194 0.0805,0.19987 c 0.0555,0.17488 0.0902,0.37892 0.0902,0.58851 v 60.97167 l 23.7402,-13.66338 v -31.15346 -0.01 c 0,-0.21514 0.0305,-0.42473 0.0861,-0.6246 l -0.004,0.0139 c 0.018,-0.0638 0.0638,-0.12492 0.0791,-0.19987 0.05,-0.1499 0.0999,-0.26927 0.15962,-0.38863 l -0.01,0.018 c 0.0444,-0.075 0.1152,-0.12492 0.15962,-0.2082 0.075,-0.0958 0.13463,-0.19015 0.20958,-0.27066 0.0694,-0.0639 0.14435,-0.12492 0.22486,-0.17488 l 0.004,-0.004 c 0.0902,-0.0639 0.16517,-0.14435 0.25956,-0.19848 h 0.004 l 28.49407,-16.404668 a 2.3415412,2.3415412 0 0 1 2.37624,0.0056 l -0.01,-0.0042 28.49407,16.403278 c 0.0999,0.0652 0.16933,0.13463 0.26372,0.19432 0.075,0.0652 0.15962,0.1152 0.2304,0.17488 0.0791,0.0902 0.1388,0.19016 0.21375,0.28038 0.0555,0.0597 0.10549,0.12908 0.14991,0.19848 l 0.004,0.004 c 0.0597,0.11104 0.11104,0.23596 0.1499,0.36505 l 0.004,0.0139 c 0.0402,0.0597 0.0694,0.12492 0.0958,0.19432 v 0.006 z"
+     fill="#f5382e"
+     id="path2"
+     style="stroke-width:1.38799" />
+  <path
+     d="m 197.88502,177.5378 c -48.02225,0 -86.95242,38.92738 -86.95242,86.94964 0,48.02782 38.93017,86.96076 86.95242,86.96076 48.02782,0 86.95938,-38.93294 86.95938,-86.95937 0,-48.02365 -38.93156,-86.95103 -86.95938,-86.95103 z m 46.89635,50.32551 c -4.02549,0.14178 -6.80413,-2.26295 -6.9334,-5.91869 -0.0417,-1.34136 0.30164,-2.50758 1.22322,-3.87953 0.89656,-1.75698 1.08977,-1.95992 1.06753,-2.72721 -0.0834,-2.30048 -3.56122,-2.38666 -4.51199,-2.34218 -13.05225,0.4323 -16.49393,18.04658 -19.2823,32.37208 l -1.3636,7.55334 c 7.51581,1.09811 12.85069,-0.25576 15.8281,-2.18232 4.18951,-2.71887 -1.17456,-5.51559 -0.5004,-8.60976 0.68945,-3.15256 3.55566,-4.67601 5.83389,-4.73578 3.19148,-0.0834 5.46971,3.229 5.39743,6.58728 -0.1112,5.5545 -7.48106,13.1843 -22.22079,12.87154 a 50.442274,50.442274 0 0 1 -4.98459,-0.35584 l -2.78281,15.34994 c -2.48813,11.61775 -5.79359,27.4959 -17.62818,41.34879 -10.16518,12.09175 -20.48049,13.9641 -25.09812,14.12117 -8.64451,0.29747 -14.37276,-4.31322 -14.58126,-10.46403 -0.19739,-5.959 5.06938,-9.21303 8.52635,-9.32145 4.61207,-0.1529 7.80355,3.19009 7.92726,7.04182 0.11815,3.25542 -1.58462,4.2743 -2.71331,4.88868 -0.75061,0.60744 -1.88069,1.22739 -1.8376,2.56736 0.0264,0.5713 0.63941,1.8932 2.55902,1.83204 3.65574,-0.1251 6.0841,-1.93212 7.77714,-3.14143 8.42071,-7.01263 11.65945,-19.2406 15.90177,-41.49614 l 0.88961,-5.39048 c 1.44979,-7.2392 3.05109,-15.30685 5.50029,-23.34809 -5.93397,-4.46751 -9.4938,-10.00533 -17.47249,-12.17236 -5.47249,-1.48732 -8.80992,-0.22519 -11.15349,2.74111 -2.77864,3.51257 -1.85706,8.08433 0.82567,10.76428 l 4.43415,4.90258 c 5.43218,6.28148 8.4096,11.16739 7.28647,17.7366 -1.77366,10.4974 -14.27685,18.5442 -29.05689,14.00163 -12.61717,-3.88649 -14.97603,-12.81873 -13.45813,-17.74494 1.33441,-4.32851 4.77609,-5.14584 8.14132,-4.11862 3.60431,1.11897 5.01796,5.49891 3.98657,8.85718 -0.11816,0.36002 -0.30164,0.96884 -0.67694,1.76949 -0.41979,0.92853 -1.19264,1.74169 -1.52902,2.82173 -0.81038,2.64381 2.80922,4.52033 5.3321,5.29596 5.64485,1.73752 11.15487,-1.21487 12.55184,-5.78246 1.29688,-4.19924 -1.35804,-7.128 -2.46033,-8.25113 l -5.34461,-5.7227 c -2.44503,-2.72582 -7.82161,-10.31669 -5.20144,-18.84305 1.01194,-3.286 3.14422,-6.77354 6.23422,-9.08236 6.52752,-4.86366 13.62494,-5.66431 20.38458,-3.71829 8.7432,2.51315 12.94522,8.29839 18.39408,12.76034 3.04691,-8.93919 7.27534,-17.6949 13.6291,-25.08283 5.74077,-6.73184 13.45118,-11.60385 22.28473,-11.90687 8.8266,-0.29191 15.49867,3.70995 15.7183,10.04147 0.089,2.69524 -1.45952,7.93282 -6.84305,8.11213 z"
+     fill="#000000"
+     id="path4"
+     style="stroke-width:1.39002" />
+</svg>