diff --git a/app/app.vue b/app/app.vue
old mode 100755
new mode 100644
index 56302ca..d7e2b06
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,18 @@
 <template>
-  <PpHeader />
-  <NuxtPage />
-  <PpFooter />
+  <PpNavigation />
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
 </template>
+
+<style>
+.page-enter-active,
+.page-leave-active {
+  transition: all 200ms;
+}
+.page-enter-from,
+.page-leave-to {
+  opacity: 0;
+  filter: blur(.5rem);
+}
+</style>
\ No newline at end of file
diff --git a/app/assets/styles/button.css b/app/assets/styles/button.css
index 3a78022..e334808 100755
--- a/app/assets/styles/button.css
+++ b/app/assets/styles/button.css
@@ -1,6 +1,6 @@
 .Button {
-    --padding: .2rem;
-    --background: var(--color-gradient-main-dark);
+    --padding: var(--padding-xs);
+    --background: var(--color-main-dark);
     --color: var(--color-lightest);
     --background-hover: var(--color-main-dark);
 
@@ -8,7 +8,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    gap: 1rem;
+    gap: var(--padding-default);
     cursor: pointer;
     transition: var(--transition-default);
     outline: none;
@@ -19,17 +19,17 @@
     &.transparent {
         --background: transparent;
         box-shadow: none;
-        padding: .5em 1.5em;
+        padding: var(--padding-s) var(--padding-l);
         border-radius: var(--radius-default);
     }
 
     &.raised {
         box-shadow: var(--box-shadow-z2);
-        padding: .5em 1.5em;
+        padding: var(--padding-s) var(--padding-l);
         border-radius: var(--radius-default);
 
         &.danger {
-            --background: var(--color-gradient-error);
+            --background: var(--color-error);
             --color: var(--color-lightest);
         }
     }
@@ -37,7 +37,7 @@
     &.text {
         --background: transparent;
         --color: var(--color-darkest);
-        padding: .5em 1.5em;
+        padding: var(--padding-s) var(--padding-l);
         border-radius: var(--radius-default);
 
         &:hover {
@@ -62,13 +62,13 @@
         justify-content: center;
         align-items: center;
         border-radius: 100%;
-        padding: .5rem;
+        padding: var(--padding-s);
     }
 
     &.cta {
         background: var(--background);
         color: var(--color);
-        padding: .5rem 1.5rem;
+        padding: var(--padding-s) var(--padding-l);
         border-radius: var(--radius-default);
         box-shadow: var(--box-shadow-z2);
 
@@ -93,18 +93,30 @@
         }
     }
 
+    &.search-button {
+        --background: var(--color-lightest);
+        --color: var(--color-main-darkest);
+        border-radius: 100%;
+        padding: var(--padding);
+        font-size: var(--font-size-l);
+
+        &:hover {
+            scale: 1.2;
+        }
+    }
+
     &.mini-button {
-        padding: .5rem 1.5rem;
+        padding: var(--padding-s) var(--padding-l);
         display: flex;
         flex-direction: column;
-        gap: .5rem;
+        gap: var(--padding-xs);
 
         & > .icon {
-            font-size: 1.5rem;
+            font-size: var(--font-size-xl);
         }
 
         & > span {
-            font-size: .8rem;
+            font-size: var(--font-size-s);
         }
     }
 }
\ No newline at end of file
diff --git a/app/assets/styles/buttonGroup.css b/app/assets/styles/buttonGroup.css
index 91eb4bc..bb8ffd8 100644
--- a/app/assets/styles/buttonGroup.css
+++ b/app/assets/styles/buttonGroup.css
@@ -1,9 +1,6 @@
 .ButtonGroup {
     display: flex;
     background: var(--color-main);
-    border-radius: var(--radius-default);
-    overflow: hidden;
-    box-shadow: var(--box-shadow-z2);
 
     & button {
         --color: var(--color-light);
@@ -12,8 +9,8 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        gap: .5rem;
-        padding: .5rem;
+        gap: var(--padding-xs);
+        padding: var(--padding-s);
         flex-grow: 1;
         background: var(--background);
         color: var(--color);
@@ -24,13 +21,5 @@
             --color: var(--color-lightest);
             --background: var(--color-main-dark);
         }
-
-        &:first-child {
-            border-radius: var(--radius-default) 0 0 var(--radius-default);
-        }
-
-        &:last-child {
-            border-radius: 0 var(--radius-default) var(--radius-default) 0;
-        }
     }
 }
\ No newline at end of file
diff --git a/app/assets/styles/dialog.css b/app/assets/styles/dialog.css
new file mode 100644
index 0000000..7338d36
--- /dev/null
+++ b/app/assets/styles/dialog.css
@@ -0,0 +1,71 @@
+
+dialog {
+    top: 50%;
+    left: 50%;
+    width: clamp(400px, 100vw, calc(var(--page-max-width) - var(--padding-xxl) * 2));
+    translate: -50% -50%;
+    border: none;
+    border-radius: var(--radius-default);
+    background: var(--color-lightest);
+    font-size: var(--font-size-default);
+    color: var(--color-darkest);
+    position: relative;
+
+    opacity: 0;
+    scale: 0;
+    transition:
+        opacity var(--transition-default) ease-out,
+        scale var(--transition-default) ease-out,
+        overlay var(--transition-default) ease-out allow-discrete,
+        display var(--transition-default) ease-out allow-discrete;
+
+    &[open] {
+        opacity: 1;
+        scale: 1;
+
+        &::backdrop {
+            background-color: rgb(0 0 0 / 25%);
+        }
+    }
+
+    &::backdrop {
+        z-index: 2000;
+        background-color: rgb(0 0 0 / 0%);
+        transition:
+            display var(--transition-default) allow-discrete,
+            overlay var(--transition-default) allow-discrete,
+            background-color var(--transition-default);
+    }
+
+    & > .wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: var(--padding-default);
+    }
+
+    & header {
+        justify-content: space-between;
+        align-items: center;
+        padding: var(--padding-default) var(--padding-default) 0;
+    }
+
+    main {
+        padding: 0 var(--padding-default);
+    }
+
+    & footer {
+        justify-content: space-between;
+        padding: 0 var(--padding-default) var(--padding-default);
+    }
+}
+
+@starting-style {
+    dialog[open] {
+        opacity: 0;
+        scale: 0;
+
+        &::backdrop {
+            background-color: rgb(0 0 0 / 0%);
+        }
+    }
+}
diff --git a/app/assets/styles/footer.css b/app/assets/styles/footer.css
index b23b844..b6420c8 100644
--- a/app/assets/styles/footer.css
+++ b/app/assets/styles/footer.css
@@ -1,38 +1,49 @@
 .Footer {
     position: relative;
     background: var(--color-darkest);
-    padding: 1rem;
+    padding: var(--padding-default);
     z-index: 100;
 
     & h4 {
         color: var(--color-lightest);
         text-align: center;
-        margin-bottom: 1rem;
+        margin-bottom: var(--padding-default);
     }
 
     & .bottom {
         display: flex;
-        gap: 1rem;
-        justify-content: space-between;
+        justify-content: center;
         color: var(--color-light);
     }
 
+    & .copy {
+        font-size: var(--font-size-xs);
+        color: var(--color-light);
+        margin-top: var(--padding-default);
+        text-align: center;
+
+        & a {
+            color: var(--color-main);
+            text-decoration: none;
+        }
+    }
+
     & .socials {
-        font-size: 1.5rem;
+        font-size: var(--font-size-xl);
         justify-content: center;
-        margin-bottom: 2rem;
+        margin-bottom: var(--padding-xl);
     }
 
     & .data-links {
         justify-content: flex-end;
-        font-size: .8rem;
+        font-size: var(--font-size-s);
     }
 
     & ul {
         list-style: none;
         display: flex;
         align-items: center;
-        gap: 1rem;
+        gap: var(--padding-default);
 
         & a {
             color: var(--color-lightest);
diff --git a/app/assets/styles/form/search.css b/app/assets/styles/form/search.css
new file mode 100644
index 0000000..e03c6a4
--- /dev/null
+++ b/app/assets/styles/form/search.css
@@ -0,0 +1,15 @@
+.Search {
+    border-radius: 9999px;
+    background: var(--color-lightest);
+    padding: 0 var(--padding-default);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--padding-default);
+
+    & > input {
+        all: unset;
+        flex-grow: 1;
+        padding: var(--padding-s) 0;
+    }
+}
\ No newline at end of file
diff --git a/app/assets/styles/form/textfield.css b/app/assets/styles/form/textfield.css
new file mode 100755
index 0000000..d2cfaf8
--- /dev/null
+++ b/app/assets/styles/form/textfield.css
@@ -0,0 +1,72 @@
+.TextField {
+  --border-color: var(--color-light);
+  --label-color: var(--color-middle);
+  --label-position-top: var(--font-size-default);
+  --label-position-left: 2.5rem;
+  --label-font-size: var(--font-size-default);
+  --message-color: var(--color-middle);
+
+  position: relative;
+  flex: 25% 1 0;
+
+  &:focus-within {
+    --border-color: var(--color-main-dark);
+  }
+
+  &:focus-within,
+  &:has(input:not(:placeholder-shown)) {
+    --label-color: var(--color-main-dark);
+  }
+
+  &.error {
+    --label-color: var(--color-error) !important;
+    --border-color: var(--color-error);
+    --message-color: var(--color-error);
+  }
+
+  & .wrapper {
+    display: flex;
+    align-items: center;
+    padding: var(--padding-xxs) var(--padding-xs);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-default);
+  }
+
+  & label {
+    position: absolute;
+    display: flex;
+    align-items: center;
+    color: var(--label-color);
+    gap: 2px;
+    top: -6px;
+    left: calc(var(--padding-xs) - 2px);
+    font-size: var(--font-size-s);
+    transition: var(--transition-default);
+
+    & > * {
+      background: var(--color-lightest);
+      padding: 0 2px;
+    }
+  }
+
+  & .icon {
+    position: relative;
+    color: var(--label-color);
+    font-size: var(--font-size-default);
+    top: -1px;
+  }
+
+  & input {
+    all: unset;
+    padding: var(--padding-xxs) var(--padding-s) var(--padding-xxs) 0;
+    font-size: var(--font-size-s);
+    width: 100%;
+    flex: 25% 1 0;
+    color: var(--color-darkest);
+  }
+
+  & > span {
+    color: var(--message-color);
+    font-size: var(--font-size-xs);
+  }
+}
diff --git a/app/assets/styles/formInput.css b/app/assets/styles/formInput.css
deleted file mode 100755
index 3d9c8a0..0000000
--- a/app/assets/styles/formInput.css
+++ /dev/null
@@ -1,52 +0,0 @@
-.Input {
-    &.error {
-        & .input-wrapper {
-            border-color: var(--color-error);
-            outline-width: 2px;
-        }
-
-        & span {
-            color: var(--color-error);
-        }
-    }
-
-    & span {
-        font-size: .65em;
-    }
-
-    & .input-wrapper {
-        position: relative;
-        flex: 25% 1 0;
-        border: 2px solid var(--color-main-dark);
-        border-radius: var(--radius-default);
-        overflow: hidden;
-        transition: var(--transition-default);
-        outline: 0 solid var(--color-lightest);
-
-        & label {
-            position: absolute;
-            font-size: .8em;
-            top: .3rem;
-            left: .5rem;
-            transition: var(--transition-default);
-        }
-
-        & input {
-            all: unset;
-            width: calc(100% - 1rem);
-            padding: 1.3rem .5rem .5rem .5rem;
-            background: var(--color-lightest);
-
-            &[type="number"] {
-                text-align: right;
-            }
-        }
-
-        & input:focus,
-        & input:not(:placeholder-shown) {
-            & + label {
-                color: var(--color-main-dark);
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/app/assets/styles/general.css b/app/assets/styles/general.css
index 50e8dc6..1028fda 100755
--- a/app/assets/styles/general.css
+++ b/app/assets/styles/general.css
@@ -1,194 +1,191 @@
 :root {
-    --padding-default: 1rem;
-    --padding-small: .5rem;
-    --radius-default: 3px;
-    --transition-default: 150ms;
+  --color-success: #328104;
+  --color-error: #a20606;
+  --color-blue-light: #d7e1f1;
+  --color-blue: #05b0ff;
+  --color-blue-dark: #0266f2;
+  --color-blue-darkest: #013174;
 
-    --color-success: #328104;
-    --color-error: #A20606;
-    --color-blue-light: #0DDCE7;
-    --color-blue: #05B0FF;
-    --color-blue-dark: #0266F2;
-    --color-blue-darkest: #013174;
+  --color-darkest: #292929;
+  --color-dark: #404040;
+  --color-middle: #707070;
+  --color-light: #e0e0e6;
+  --color-lightest: #fafaff;
 
-    --color-darkest: #292929;
-    --color-dark: #404040;
-    --color-middle: #707070;
-    --color-light: #E0E0E6;
-    --color-lightest: #FAFAFF;
+  --color-green-light: #05ffc5;
+  --color-green: #02f276;
+  --color-green-dark: #09dc33;
+  --color-green-darkest: #07b029;
+  --color-green-darkest-most: #157c2a;
 
-    --color-green-light: #05FFC5;
-    --color-green: #02F276;
-    --color-green-dark: #09DC33;
-    --color-green-darkest: #07B029;
-    --color-green-darkest-most: #157C2A;
+  --color-main: var(--color-blue);
+  --color-main-lightest: var(--color-blue-light);
+  --color-main-light: var(--color-blue-light);
+  --color-main-dark: var(--color-blue-dark);
+  --color-main-darkest: var(--color-blue-darkest);
 
+  --color-accent: var(--color-green);
+  --color-accent-light: var(--color-green-light);
+  --color-accent-dark: var(--color-green-dark);
+  --color-accent-darkest: var(--color-green-darkest);
 
-    --color-main: var(--color-blue);
-    --color-main-light: var(--color-blue-light);
-    --color-main-dark: var(--color-blue-dark);
-    --color-main-darkest: var(--color-blue-darkest);
+  --color-text: var(--color-darkest);
+  --color-text-invert: var(--color-lightest);
 
-    --color-accent: var(--color-green);
-    --color-accent-light: var(--color-green-light);
-    --color-accent-dark: var(--color-green-dark);
-    --color-accent-darkest: var(--color-green-darkest);
+  --color-gradient-main: linear-gradient(to bottom right, var(--color-main), var(--color-main-light));
+  --color-gradient-main-dark: linear-gradient(to bottom right, var(--color-main-darkest), var(--color-main-dark));
+  --color-gradient-accent: linear-gradient(to bottom right, var(--color-accent), var(--color-accent-light));
+  --color-gradient-accent-dark: linear-gradient(to bottom right, var(--color-accent-darkest), var(--color-accent-dark));
+  --color-gradient-error: linear-gradient(to bottom right, #b00707, #dc0909);
+  --color-gradient-error-reverse: linear-gradient(to top left, #b00707, #dc0909);
 
-    --color-gradient-main: linear-gradient(to bottom right, var(--color-main), var(--color-main-light));
-    --color-gradient-main-dark: linear-gradient(to bottom right, var(--color-main-darkest), var(--color-main-dark));
-    --color-gradient-accent: linear-gradient(to bottom right, var(--color-accent), var(--color-accent-light));
-    --color-gradient-accent-dark: linear-gradient(to bottom right, var(--color-accent-darkest), var(--color-accent-dark));
-    --color-gradient-error: linear-gradient(to bottom right, #B00707, #DC0909);
-    --color-gradient-error-reverse: linear-gradient(to top left, #B00707, #DC0909);
+  --box-shadow-upper: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 -3px 6px rgba(0, 0, 0, 0.23);
+  --box-shadow-z2: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+  --box-shadow-inset: inset 0 3px 6px rgba(0, 0, 0, 0.16), inset 0 3px 6px rgba(0, 0, 0, 0.23);
 
-    --box-shadow-upper: 0 -3px 6px rgba(0,0,0,0.16), 0 -3px 6px rgba(0,0,0,0.23);
-    --box-shadow-z2: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
-    --box-shadow-inset: inset 0 3px 6px rgba(0,0,0,0.16), inset 0 3px 6px rgba(0,0,0,0.23);
+  /* Font Sizes & Scaling Factor*/
+  --scaling-factor: 1.25;
+  --font-size-xs: calc(var(--font-size-s) / var(--scaling-factor));
+  --font-size-s: calc(var(--font-size-default) / var(--scaling-factor));
+  --font-size-default: 1rem;
+  --font-size-l: calc(var(--font-size-default) * var(--scaling-factor));
+  --font-size-xl: calc(var(--font-size-l) * var(--scaling-factor));
+  --font-size-xxl: calc(var(--font-size-xl) * var(--scaling-factor));
 
+  /* Paddings depend on Font-Size */
+  --padding-xxs: calc(var(--padding-xs) / var(--scaling-factor));
+  --padding-xs: calc(var(--padding-s) / var(--scaling-factor));
+  --padding-default: var(--font-size-default);
+  --padding-s: calc(var(--padding-default) / var(--scaling-factor));
+  --padding-l: calc(var(--padding-default) * var(--scaling-factor));
+  --padding-xl: calc(var(--padding-l) * var(--scaling-factor));
+  --padding-xxl: calc(var(--padding-xl) * var(--scaling-factor));
+
+  --radius-default: calc(var(--font-size-default) / 3);
+  --radius-border: var(--font-size-default);
+
+  --transition-default: 150ms;
+
+  --page-max-width: 820px;
 }
 
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }
 
 html,
 body {
-    height: 100%;
-    overflow-x: hidden;
-    font-family: sans-serif;
+  height: 100%;
+  overflow-x: hidden;
+  font-family: sans-serif;
+  color: var(--color-text);
+  font-size: var(--font-size-default);
+  max-width: var(--page-max-width);
+  margin: 0 auto;
+  background-image: url("/img/desktop-background.svg");
+  background-position: center;
+  box-shadow: var(--box-shadow-z2);
+
 }
 
-.dot {
-    --size: 10px;
-    width: var(--size);
-    height: var(--size);
-    top: 5px;
-    right: 25%;
-    border-radius: 50%;
-    background-color: var(--color-accent);
-    display: inline-block;
-    margin-right: 0.5rem;
-    position: absolute;
-    box-shadow: var(--box-shadow-z2);
-    scale: 0;
-    transition: var(--transition-default);
-
-    &.visible {
-        scale: 1;
-        animation: pulse 1s infinite;
-    }
+h1, h2, h3 {
+  margin: var(--padding-xl) 0 var(--padding-default);
+  text-wrap: balance;
+  hyphens: auto;
+  font-size: var(--font-size-xl);
 }
 
-@keyframes pulse {
-    0% {
-        transform: scale(0.95);
-        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
-    }
-    70% {
-        transform: scale(1);
-        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
-    }
+h2 {
+  margin: var(--padding-l) 0 var(--padding-default);
+  font-size: var(--font-size-l);
+}
 
-    100% {
-        transform: scale(0.95);
-        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-    }
+h3 {
+  margin: var(--padding-default) 0 var(--padding-default);
+  font-size: var(--font-size-default);
+}
+
+a:has(button) {
+  text-decoration: none;
 }
 
 .card {
-    overflow: hidden;
-    border-radius: var(--radius-default);
-    box-shadow: var(--box-shadow-z2);
-}
-
-.content {
-    padding: 1rem;
-    min-height: 100dvh;
-}
-
-.filter-bar {
-    margin-bottom: 1rem;
-}
-
-.pc-wrapper {
-    gap: 1rem;
-    margin-bottom: 1rem;
+  overflow: hidden;
+  border-radius: var(--radius-default);
+  box-shadow: var(--box-shadow-z2);
 }
 
 .flex-col {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .flex-row {
-    display: flex;
-    flex-direction: row;
+  display: flex;
+  flex-direction: row;
 }
 
 .text-white {
-    color: var(--color-lightest);
+  color: var(--color-text-invert);
 }
 
 .bg-main {
-    background-color: var(--color-main);
+  background-color: var(--color-main);
 }
 
 .bg-main-hover:hover {
-    background-color: var(--color-main);
+  background-color: var(--color-main);
 }
 
 .bg-main-dark {
-    background-color: var(--color-main-dark);
+  background-color: var(--color-main-dark);
+}
+
+.bg-main-darkest {
+  background-color: var(--color-main-darkest);
 }
 
 .bg-main-dark-hover:hover {
-    background-color: var(--color-main-dark);
+  background-color: var(--color-main-dark);
 }
 
 .gap-default {
-    gap: 1rem;
+  gap: var(--padding-default);
 }
 
 .bg-blue {
-    background: var(--color-blue);
+  background: var(--color-blue);
 }
 
 .bg-white {
-    background: var(--color-lightest);
+  background: var(--color-lightest);
 }
 
 .padding {
-    gap: 1rem;
-    padding: var(--padding-default);
+  gap: var(--padding-default);
+  padding: var(--padding-default);
 }
 
 .padding-small {
-    gap: 1rem;
-    padding: var(--padding-small);
+  gap: var(--padding-default);
+  padding: var(--padding-s);
 }
 
-dialog {
-    top: 50%;
-    left: 50%;
-    width: 100vw;
-    transform: translate(-50%, -50%);
-    border: none;
-    border-radius: var(--radius-default);
+.roboto-condensed {
+  font-family: "Roboto Condensed", sans-serif;
+}
 
-    font-size: 1rem;
+.roboto {
+  font-family: "Roboto", sans-serif;
+}
 
-    & header {
-        justify-content: space-between;
-        align-items: center;
-    }
+.open-sans {
+  font-family: "Open Sans", sans-serif;
+}
 
-    & footer {
-        justify-content: space-between;
-    }
-
-    &::backdrop {
-        background: rgba(0, 0, 0, 0.5);
-    }
+.grow {
+  flex-grow: 1;
+  height: var(--padding-s);
 }
\ No newline at end of file
diff --git a/app/assets/styles/header.css b/app/assets/styles/header.css
index a59130e..101693a 100755
--- a/app/assets/styles/header.css
+++ b/app/assets/styles/header.css
@@ -1,57 +1,88 @@
 .Header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: var(--padding-default);
-    background-color: rgba(255 255 255 / .8);
-    backdrop-filter: blur(10px);
-    box-shadow: var(--box-shadow-z2);
-    color: var(--color-darkest);
     position: sticky;
     top: 0;
     z-index: 100;
+    display: flex;
+    align-items: center;
+    gap: var(--padding-default);
+    padding: var(--padding-default);
 
-    & strong {
-        font-size: 2em;
+    &:not(.lp) {
+        background: var(--color-main-darkest);
+    }
 
-        & span {
-            color: var(--color-main-dark);
+    &.lp {
+        position: absolute;
+        background: rgba(0,0,0,.5);
+        backdrop-filter: blur(10px);
+        mask: linear-gradient(to top, transparent, black 30%);
+        width: 100%;
+        max-width: var(--page-max-width);
+        top: 0;
+        padding-bottom: var(--padding-xxl);
+    }
+
+    & .logo {
+        height: 40px;
+    }
+
+    & .burger-button {
+        all: unset;
+        color: var(--color-lightest);
+    }
+
+    & header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 100%;
+        font-weight: bold;
+
+        & a {
+            text-decoration: none;
+            color: var(--color-lightest);
+        }
+
+        & .header-text {
+            display: flex;
+            align-items: center;
+            gap: var(--padding-default);
+
+            & > div {
+                display: flex;
+                flex-direction: column;
+            }
+
+            & .big {
+                font-size: var(--font-size-xl);
+            }
+
+            & .small {
+                font-size: var(--font-size-s);
+                font-weight: 100;
+            }
         }
     }
 
-    & input[type="checkbox"] {
-        display: none;
-    }
+    &:not(.lp) {
+        &:after, &:before {
+            content: '';
+            display: block;
+            position: absolute;
+            bottom: calc(-1 * var(--radius-border));
+            background: var(--color-blue-darkest);
+            width: var(--radius-border);
+            height: var(--radius-border);
+        }
 
-    & input[type="checkbox"]:checked + nav {
-        translate: 0;
-    }
+        &:after {
+            right: 0;
+            mask: radial-gradient(var(--radius-border) at 0 100%,#0000 98%,#000);
+        }
 
-    & nav,
-    & ul {
-        gap: 1em;
-    }
-
-    & nav {
-        position: fixed;
-        padding: var(--padding-default);
-        translate: 100% 0;
-        width: 100vw;
-        right: 0;
-        top: 0;
-        height: 100dvh;
-        transition: 150ms ease-in-out;
-        background: var(--color-lightest);
-        font-size: 2em;
-        align-items: end;
-        z-index: 100;
-    }
-
-    & ul {
-        width: 100%;
-        align-items: center;
-        & li {
-            list-style: none;
+        &:before {
+            left: 0;
+            mask: radial-gradient(var(--radius-border) at 100% 100%,#0000 98%,#000);
         }
     }
 }
\ No newline at end of file
diff --git a/app/assets/styles/landingpage.css b/app/assets/styles/landingpage.css
new file mode 100644
index 0000000..9a6f3c6
--- /dev/null
+++ b/app/assets/styles/landingpage.css
@@ -0,0 +1,40 @@
+.home-hero {
+    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), url("/img/hero-image.webp"); /* single color gradient for dark layer over image */
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    color: var(--color-text-invert);
+    text-align: center;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    button {
+        margin: var(--padding-xxl) auto;
+    }
+
+    .text {
+        padding: var(--padding-default);
+    }
+
+    h1 {
+        font-size: var(--font-size-xxl);
+    }
+}
+
+.home-text {
+    padding: var(--padding-xxl) var(--padding-default);
+    text-align: center;
+
+    & h3:has(+ .padding) {
+        margin-bottom: 0;
+    }
+}
+
+.timeline {
+    display: flex;
+    flex-direction: column;
+    gap: var(--padding-default);
+}
+
diff --git a/app/assets/styles/navigation.css b/app/assets/styles/navigation.css
new file mode 100644
index 0000000..2b12356
--- /dev/null
+++ b/app/assets/styles/navigation.css
@@ -0,0 +1,69 @@
+.Navigation {
+    position: fixed;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    z-index: 5000;
+    width: 100vw;
+    height: 100dvh;
+    right: 0;
+    top: 0;
+    transition: 150ms ease-in-out;
+    pointer-events: none;
+
+    &.open {
+        pointer-events: all;
+        background: rgba(0, 0, 0, .5);
+
+        & nav {
+            translate: -1rem 0;
+        }
+    }
+
+    nav {
+        background: var(--color-lightest);
+        align-items: end;
+        box-shadow: var(--box-shadow-z2);
+        padding: var(--padding-default);
+        height: calc(100% - var(--padding-xxl));
+        width: 70%;
+        translate: 100% 0;
+        transition: 150ms ease-in-out;
+        border-radius: var(--radius-default);
+    }
+
+    & button {
+        justify-self: flex-end;
+        font-size: var(--font-size-xl);
+    }
+
+    & ul {
+        width: 100%;
+        align-items: flex-start;
+        font-size: var(--font-size-l);
+        gap: var(--padding-default);
+
+        & li {
+            list-style: none;
+            width: 100%;
+
+            & a {
+                text-decoration: none;
+                display: flex;
+                align-items: center;
+                gap: var(--padding-default);
+                color: var(--color-middle);
+                border-radius: var(--radius-default);
+                padding: var(--padding-xs) var(--padding-s);
+                transition: var(--transition-default);
+                background: transparent;
+                cursor: pointer;
+
+                &.active {
+                    background: var(--color-main-light);
+                    color: var(--color-main-dark);
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/assets/styles/page.css b/app/assets/styles/page.css
new file mode 100644
index 0000000..7dd7b75
--- /dev/null
+++ b/app/assets/styles/page.css
@@ -0,0 +1,80 @@
+.page-wrapper {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+
+    & .page {
+        flex-grow: 1;
+
+        & .nuxt-page-wrapper {
+            height: 100%;
+            justify-content: space-between;
+        }
+    }
+}
+
+.filter-bar {
+    background: var(--color-lightest);
+    display: flex;
+    justify-content: space-between;
+    padding: var(--padding-default);
+
+    & > button {
+        all: unset;
+        cursor: pointer;
+        color: var(--color-main-darkest);
+        font-weight: bolder;
+        font-family: 'Roboto', sans-serif;
+
+        &.active {
+            color: var(--color-main-darkest);
+        }
+
+        &:not(.active) {
+            opacity: .5;
+        }
+    }
+}
+
+.search-bar {
+    z-index: 100;
+
+    & p {
+        font-weight: 100;
+        color: var(--color-lightest);
+    }
+}
+
+.content {
+    overflow: hidden;
+    background: var(--color-lightest);
+    height: 100%;
+
+    h1:first-of-type,
+    h2:first-of-type,
+    h3:first-of-type,
+    p:first-of-type,
+    figure:first-of-type {
+        margin-top: 0;
+    }
+}
+
+.content-text {
+    padding: var(--padding-xl) var(--padding-default) 0;
+    color: var(--color-darkest);
+    text-align: center;
+}
+
+.info-text {
+    padding: 0 var(--padding-default);
+    text-align: center;
+    width: 100%;
+    top: 40%;
+    transform: translateY(-50%);
+    position: absolute;
+}
+
+.Legal {
+    padding: var(--padding-l) var(--padding-default);
+    color: var(--color-darkest);
+}
\ No newline at end of file
diff --git a/app/assets/styles/priceCard.css b/app/assets/styles/priceCard.css
index b8702ea..8052435 100755
--- a/app/assets/styles/priceCard.css
+++ b/app/assets/styles/priceCard.css
@@ -1,11 +1,8 @@
 .PriceCard {
     position: relative;
-    overflow: hidden;
     width: 100%;
-    transition: 150ms;
-    opacity: 1;
     color: var(--color-darkest);
-    background: black;
+    border-bottom: 1px dashed var(--color-light);
 
     .bottom {
         position: absolute;
@@ -18,7 +15,7 @@
         & > * {
             flex-grow: 1;
             color: var(--color-lightest);
-            font-size: 2rem;
+            font-size: var(--font-size-xl);
             display: flex;
             align-items: center;
 
@@ -28,14 +25,14 @@
         }
 
         & .bg-edit {
-            background: var(--color-gradient-main-dark);
-            padding: 2rem;
+            background: var(--color-main-dark);
+            padding: var(--padding-xl);
             text-align: left;
         }
 
         & .bg-delete {
-            background: var(--color-gradient-error-reverse);
-            padding: 2rem;
+            background: var(--color-error);
+            padding: var(--padding-xl);
             text-align: right;
             justify-content: flex-end;
         }
@@ -45,9 +42,8 @@
         position: relative;
         background: var(--color-lightest);
         z-index: 2;
-        gap: 1rem;
-        padding: 1rem;
-        border-radius: var(--radius-default);
+        gap: var(--padding-default);
+        padding: var(--padding-default);
 
         &.animated {
             transition: var(--transition-default);
@@ -60,14 +56,14 @@
             color: var(--color-darkest);
 
             & .icon {
-                font-size: 1rem;
+                font-size: var(--font-size-default);
                 cursor: pointer;
             }
         }
 
         & .name-price {
             display: flex;
-            gap: .5rem;
+            gap: var(--padding-xs);
 
             & > span:nth-child(1) {
                 font-weight: bold;
@@ -79,7 +75,7 @@
 
             & > span:nth-child(2)::before {
                 content: '•';
-                margin-right: .5rem;
+                margin-right: var(--padding-xs);
                 color: var(--color-middle);
             }
         }
@@ -88,19 +84,19 @@
             display: flex;
             flex-direction: row;
             width: 100%;
-            gap: 1rem;
+            gap: var(--padding-default);
             justify-content: space-between;
 
             & > .info {
                 flex-grow: 0;
                 align-items: center;
-                gap: .25rem;
+                gap: var(--padding-xxs);
                 font-weight: bold;
 
                 & > .price {
                     display: flex;
                     align-items: center;
-                    gap: .5rem;
+                    gap: var(--padding-xs);
 
                     & > .icon {
                         color: var(--color-main-dark);
@@ -108,7 +104,7 @@
                 }
 
                 & > .pro {
-                    font-size: .6rem;
+                    font-size: var(--font-size-xs);
                     color: var(--color-middle);
                     font-weight: lighter;
                 }
diff --git a/app/assets/styles/timelineCard.css b/app/assets/styles/timelineCard.css
new file mode 100644
index 0000000..700261a
--- /dev/null
+++ b/app/assets/styles/timelineCard.css
@@ -0,0 +1,28 @@
+.TimelineCard {
+    display: flex;
+    align-items: center;
+    gap: var(--padding-default);
+    border: 1px solid var(--color-light);
+    border-radius: var(--radius-default);
+    padding: var(--padding-xs);
+
+    & > .icon {
+        flex: 0 0 25%;
+        font-size: var(--font-size-xxl);
+        color: var(--color-main-dark);
+    }
+
+    & .text {
+        text-align: left;
+        flex-grow: 1;
+    }
+
+    & .state {
+        --color: var(--color-darkest);
+        display: flex;
+        align-items: center;
+        gap: var(--padding-xxs);
+        margin-top: var(--padding-s);
+        color: var(--color);
+    }
+}
\ No newline at end of file
diff --git a/app/assets/styles/toolbar.css b/app/assets/styles/toolbar.css
index a634889..d78e9f7 100755
--- a/app/assets/styles/toolbar.css
+++ b/app/assets/styles/toolbar.css
@@ -4,11 +4,10 @@
     background: var(--color-main-darkest);
     position: sticky;
     bottom: 0;
-    z-index: 100;
+    z-index: 1000;
     box-shadow: var(--box-shadow-upper);
 
     & > .Button {
-        --padding: 1rem;
-        font-size: 1rem;
+        font-size: var(--font-size-default);
     }
 }
\ No newline at end of file
diff --git a/app/components/Pp/DeleteDialog.vue b/app/components/Pp/DeleteDialog.vue
index dd24927..b7d5388 100644
--- a/app/components/Pp/DeleteDialog.vue
+++ b/app/components/Pp/DeleteDialog.vue
@@ -1,24 +1,24 @@
 <template>
   <dialog
     ref="dialog"
-    closedby="any"
+    closedby="none"
   >
-    <form method="dialog">
-      <header class="flex-row padding">
+    <form method="dialog" class="wrapper" ref="wrapper">
+      <header class="flex-row">
         Wirklich löschen?
         <PpButton class="round text">
           <Icon name="uil:times" mode="svg" />
         </PpButton>
       </header>
       <main>
-        <div class="padding flex-col">
+        <div class="flex-col">
           <p>Bist du dir sicher, dass du diesen Eintrag löschen möchtest?</p>
         </div>
       </main>
-      <footer class="flex-row padding">
-          <PpButton class="text">
-            <span>Abbrechen</span>
-          </PpButton>
+      <footer class="flex-row">
+        <PpButton class="text">
+          <span>Abbrechen</span>
+        </PpButton>
         <PpButton class="danger raised" @click="$emit('delete')">
           <span>Löschen</span>
         </PpButton>
@@ -35,5 +35,11 @@ type Props = {
 defineProps<Props>()
 defineEmits(['delete'])
 
+const dialog = useTemplateRef<HTMLDialogElement>('dialog')
+const wrapper = useTemplateRef<HTMLElement>('wrapper')
+
+onMounted(() => {
+  onClickOutside(wrapper, () => dialog.value?.close())
+})
 
 </script>
\ No newline at end of file
diff --git a/app/components/Pp/Footer.vue b/app/components/Pp/Footer.vue
index 4d57be6..183fbaf 100755
--- a/app/components/Pp/Footer.vue
+++ b/app/components/Pp/Footer.vue
@@ -9,7 +9,6 @@
       </li>
     </ul>
     <div class="bottom">
-      <small>&copy; 2025 by webfussel</small>
       <ul class="data-links">
         <li v-for="dataLink in dataLinks">
           <NuxtLink :to="dataLink.to">
@@ -18,6 +17,8 @@
         </li>
       </ul>
     </div>
+    <p class="copy">ProPapier ist ein Gemeinschaftsprojekt von <NuxtLink to="https://webertoire.de" external>webertoire</NuxtLink> und <NuxtLink to="https://webfussel.de" external>webfussel</NuxtLink></p>
+    <p class="copy">&copy; 2025 by webfussel, webertoire</p>
   </footer>
 </template>
 
diff --git a/app/components/Pp/Form/Search.vue b/app/components/Pp/Form/Search.vue
new file mode 100755
index 0000000..db72ba8
--- /dev/null
+++ b/app/components/Pp/Form/Search.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="Search">
+    <input
+        v-model="text"
+        :id="id"
+        :placeholder="label"
+        @blur="emit('search', text)"
+    />
+    <PpButton class="search-button">
+      <Icon name="uil:search" mode="svg" />
+    </PpButton>
+  </div>
+</template>
+
+<script setup lang="ts">
+type Props = {
+  label : string
+  id : string
+}
+
+defineProps<Props>()
+
+const emit = defineEmits(['search'])
+const text = defineModel()
+</script>
diff --git a/app/components/Pp/Form/TextField.vue b/app/components/Pp/Form/TextField.vue
new file mode 100755
index 0000000..4e84828
--- /dev/null
+++ b/app/components/Pp/Form/TextField.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="TextField">
+    <div class="wrapper">
+      <input v-model="text" :type="type" :id="id" :placeholder="placeholder" @blur="emit('blur')" @input="emit('input')" :inputmode="mode" />
+      <label :for="id">
+        <Icon v-if="icon" class="icon" :name="icon" mode="svg" />
+        <span>{{ label }}</span>
+      </label>
+    </div>
+    <span v-if="message">{{ message }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+type Props = {
+  type?: 'text' | 'number'
+  message?: string
+  icon?: string
+  label: string
+  placeholder: string
+  id: string
+  mode?: 'text' | 'email' | 'search' | 'tel' | 'url' | 'none' | 'numeric' | 'decimal'
+};
+
+const { type = "text", mode = "text" } = defineProps<Props>();
+
+const emit = defineEmits(['blur', 'input']);
+
+const text = defineModel();
+</script>
diff --git a/app/components/Pp/FormInput.vue b/app/components/Pp/FormInput.vue
deleted file mode 100755
index cd1ec71..0000000
--- a/app/components/Pp/FormInput.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <div class="Input">
-    <div class="input-wrapper flex-col">
-      <input
-        v-model="text"
-        :type="type"
-        :id="id"
-        :step="step"
-        :min="min"
-        :max="max"
-        :required="required"
-        placeholder=" "
-        @blur="emit('blur')"
-      />
-      <label :for="id">{{ label }}</label>
-    </div>
-    <span v-if="message">{{ message }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-type Props = {
-  type ?: 'text' | 'number'
-  max ?: number
-  min ?: number
-  step ?: number
-  required ?: boolean
-  message ?: string
-  label : string
-  id : string
-}
-
-const {
-  type = 'text',
-  required = false,
-  step = 0.01,
-  min = 1,
-} = defineProps<Props>()
-
-const emit = defineEmits(['blur'])
-
-const text = defineModel()
-</script>
diff --git a/app/components/Pp/Header.vue b/app/components/Pp/Header.vue
index 63018c4..977348b 100755
--- a/app/components/Pp/Header.vue
+++ b/app/components/Pp/Header.vue
@@ -1,31 +1,28 @@
 <template>
-  <header class="Header">
-    <NuxtLink to="/">
-      <strong><span>Pro</span>Papier</strong>
-    </NuxtLink>
-    <label for="burger_nav_toggle" v-if="available">
-      <Icon name="solar:hamburger-menu-broken" size="2em" />
-    </label>
-    <input type="checkbox" id="burger_nav_toggle" v-if="available" />
-    <nav class="flex-col" v-if="available">
-      <label for="burger_nav_toggle">
-        <Icon name="solar:close-circle-broken" />
-      </label>
-      <ul class="flex-col">
-        <li>Home</li>
-        <li>Übersicht</li>
-      </ul>
-    </nav>
-  </header>
+  <div class="Header" :class="[type]">
+    <header class="roboto-condensed">
+      <NuxtLink class="header-text" to="/">
+        <img class="logo" src="/img/propapier.svg" alt="ProPapier logo" />
+        <div>
+          <span class="big">ProPapier</span>
+          <span class="small">Vergleichen. Schnell. Unkompliziert.</span>
+        </div>
+      </NuxtLink>
+      <button class="burger-button" @click="open()">
+        <Icon name="uil:bars" size="2em" mode="svg" />
+      </button>
+    </header>
+    <div id="subheader" />
+  </div>
 </template>
 
 <script setup lang="ts">
-const available = false
-</script>
+type Props = {
+  type ?: 'lp'
+}
 
-<style scoped>
-  header a {
-    text-decoration: none;
-    color: var(--color-black);
-  }
-</style>
\ No newline at end of file
+defineProps<Props>()
+
+const nav = useNavigation()
+const open = () => { nav.showNavigation() }
+</script>
diff --git a/app/components/Pp/Navigation.vue b/app/components/Pp/Navigation.vue
new file mode 100644
index 0000000..9e88fb8
--- /dev/null
+++ b/app/components/Pp/Navigation.vue
@@ -0,0 +1,41 @@
+<template>
+  <section class="Navigation" :class="{ open }">
+    <nav>
+      <PpButton class="round text" @click="close()">
+        <Icon name="uil:times" mode="svg" />
+      </PpButton>
+      <ul class="flex-col">
+        <li v-for="page in pages">
+          <NuxtLink :to="page.route" @click="close()" active-class="active">
+            <Icon class="icon" :name="`uil:${page.icon}`" mode="svg" />
+            <span>{{ page.label }}</span>
+          </NuxtLink>
+        </li>
+      </ul>
+    </nav>
+  </section>
+</template>
+
+<script setup lang="ts">
+const nav = useNavigation()
+const close = () => nav.hideNavigation()
+const open = computed(() => nav.isNavigationVisible.value)
+
+const pages = [
+  {
+    label: 'Home',
+    icon: 'home',
+    route: '/'
+  },
+  {
+    label: 'Schnellrechner',
+    icon: 'calculator',
+    route: '/rechner'
+  },
+  // {
+  //   label: 'Über uns',
+  //   icon: 'users-alt',
+  //   route: '/about-us'
+  // }
+]
+</script>
\ No newline at end of file
diff --git a/app/components/Pp/PriceCard.vue b/app/components/Pp/PriceCard.vue
index c4236e6..8f9280d 100755
--- a/app/components/Pp/PriceCard.vue
+++ b/app/components/Pp/PriceCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <article class="PriceCard card">
+  <article class="PriceCard roboto-condensed" v-ripple="$device.isMobile ? { color: 'rgba(0, 0, 0, 0.1)' } : { duration: 0, scale: 0 }">
     <div class="bottom">
       <div class="bg-edit">
         <Icon class="icon" name="uil:pen" mode="svg" />
@@ -13,6 +13,7 @@
       class="top flex-col"
       :class="{ 'animated' : !isSwiping }"
       :style="{ left }"
+      @click="cardClick"
     >
       <header>
         <div class="name-price">
@@ -20,10 +21,10 @@
           <span>{{ intl.format(+replaceComma(card.price))}}</span>
         </div>
         <div v-if="$device.isDesktop" class="flex-row gap-default">
-          <PpButton class="icon-button" @click="update()">
+          <PpButton class="icon-button" @click="update">
             <Icon class="icon" name="uil:pen" mode="svg" />
           </PpButton>
-          <PpButton class="icon-button" @click="deleteCard()">
+          <PpButton class="icon-button" @click="deleteCard">
             <Icon class="icon" name="uil:trash-alt" mode="svg" />
           </PpButton>
         </div>
@@ -33,23 +34,23 @@
         <div class="info flex-col">
           <div class="price">
             <Icon class="icon" name="uil:toilet-paper" mode="svg" />
-            <span class="value">{{ intl.format(card.ppr) }}</span>
+            <span class="value">{{ intl.format(ppr) }}</span>
           </div>
           <span class="pro">Pro 1 {{ card.roles ? `(${card.roles})` : '' }}</span>
         </div>
         <div class="info flex-col">
           <div class="price">
             <Icon class="icon" name="uil:file-landscape" mode="svg" />
-            <span class="value">{{ intl.format(card.pps) }}</span>
+            <span class="value">{{ intl.format(pps) }}</span>
           </div>
           <span class="pro">Pro 100 {{ card.sheets ? `(${card.sheets})` : '' }}</span>
         </div>
         <div class="info flex-col">
           <div class="price">
             <Icon class="icon" name="uil:layer-group" mode="svg" />
-            <span class="value">{{ intl.format(card.ppl) }}</span>
+            <span class="value">{{ intl.format(ppl) }}</span>
           </div>
-          <span class="pro">Pro 100 {{ card.layers ? `(${card.layers})` : '' }}</span>
+          <span class="pro">Pro 1000 {{ card.layers ? `(${card.layers})` : '' }}</span>
         </div>
       </main>
     </div>
@@ -57,16 +58,17 @@
 </template>
 
 <script setup lang="ts">
-import type { Card } from '../../../shared/Card'
+import type { PriceCard } from '../../../shared/PriceCard'
 
 type Props = {
   deletable: boolean
-  card: Card
+  card: PriceCard
 }
 
 const { card } = defineProps<Props>()
 const emit = defineEmits(['remove', 'update'])
 
+const { vibrate } = useVibrate()
 const top = useTemplateRef('top')
 const left = shallowRef<string>('0')
 
@@ -75,22 +77,40 @@ const intl = Intl.NumberFormat('de-DE', {
   currency: 'EUR',
 })
 
-const { lengthX, isSwiping } = useSwipe(top, {
-  passive: false,
-  threshold: 30,
+const { lengthX, direction, isSwiping } = useSwipe(top, {
+  passive: true,
+  threshold: 20,
   onSwipe() {
-    if (lengthX.value > 50 || lengthX.value < -50) {
-      left.value = `${-clamp(lengthX.value, -100, 100)}px`
-    }
+    if (['down', 'up'].includes(direction.value)) return
+    left.value = `${-clamp(lengthX.value, 0, 100)}px`
   },
   onSwipeEnd() {
-    if (lengthX.value < -50) update()
-    if (lengthX.value > 50) deleteCard()
+    if (['down', 'up'].includes(direction.value)) return
+    if (lengthX.value > 50) {
+      vibrate(100)
+      deleteCard()
+    }
     left.value = '0'
   },
 })
 
-const update = () => emit('update')
+const priceClean = computed<number>(() => +replaceComma(card.price))
+const ppr = computed(() => priceClean.value / +card.roles)
+const pps = computed(() => (ppr.value / +card.sheets) * 100)
+const ppl = computed(() => (pps.value / +card.layers) * 10)
 
+const { isDesktop } = useDevice()
+
+const cardClick = () => {
+  if (isDesktop) return
+  emit('update')
+}
+
+const update = () => emit('update')
 const deleteCard = () => emit('remove')
+
+defineExpose({
+  ppr, pps, ppl, uuid : card.uuid,
+})
+
 </script>
diff --git a/app/components/Pp/PriceCardDialog.vue b/app/components/Pp/PriceCardDialog.vue
index 00dd42f..bf0bf89 100644
--- a/app/components/Pp/PriceCardDialog.vue
+++ b/app/components/Pp/PriceCardDialog.vue
@@ -1,96 +1,134 @@
 <template>
-  <dialog
-    ref="dialog"
-    closedby="any"
-  >
-    <form method="dialog">
-      <header class="flex-row padding">
-        {{ cardLabel }}
-        <PpButton class="round text">
-          <Icon name="uil:times" mode="svg" />
-        </PpButton>
-      </header>
-    </form>
+  <dialog ref="dialog" closedby="none">
+    <div class="wrapper" ref="wrapper">
+      <form method="dialog">
+        <header class="flex-row">
+          {{ currentCardIndex > -1 ? 'Bearbeiten' : 'Neues hinzufügen' }}
+          <PpButton class="round text">
+            <Icon name="uil:times" mode="svg" />
+          </PpButton>
+        </header>
+      </form>
       <main v-if="currentCard">
-        <div class="padding flex-col">
+        <div class="flex-col gap-default">
           <div class="flex-row gap-default">
-            <PpFormInput
+            <PpFormTextField
               v-model="currentCard.name"
               id="card_name"
               label="Name"
-              :class="{'error': !validFields.name }"
+              icon="uil:pricetag-alt"
+              :placeholder="randomName"
+              :class="{ error: !validFields.name }"
               :message="!validFields.name ? 'Feld darf nicht leer sein.' : ''"
+              @input="validFields.name = true"
             />
-            <PpFormInput
+            <PpFormTextField
               v-model="currentCard.price"
               id="card_price"
               label="Preis"
-              :class="{'error': !validFields.price }"
+              placeholder="2,49"
+              icon="uil:euro"
+              mode="decimal"
+              :class="{ error: !validFields.price }"
               :message="!validFields.price ? 'Muss eine Zahl sein.' : ''"
+              @input="validFields.price = true"
             />
           </div>
           <div class="flex-row gap-default">
-            <PpFormInput
+            <PpFormTextField
               v-model="currentCard.roles"
               id="card_roles"
               label="Rollen"
-              :class="{'error': !validFields.roles }"
+              placeholder="8"
+              icon="uil:toilet-paper"
+              mode="decimal"
+              :class="{ error: !validFields.roles }"
               :message="!validFields.roles ? 'Muss eine Ganzzahl sein.' : ''"
+              @input="validFields.roles = true"
             />
-            <PpFormInput
+            <PpFormTextField
               v-model="currentCard.sheets"
               id="card_sheets"
-              label="Blätter"
-              :class="{'error': !validFields.sheets }"
+              label="Blatt"
+              placeholder="150"
+              icon="uil:file-landscape"
+              mode="decimal"
+              :class="{ error: !validFields.sheets }"
               :message="!validFields.sheets ? 'Muss eine Ganzzahl sein.' : ''"
+              @input="validFields.sheets = true"
             />
-            <PpFormInput
+            <PpFormTextField
               v-model="currentCard.layers"
               id="card_layers"
               label="Lagen"
-              :class="{'error': !validFields.layers }"
+              placeholder="3"
+              icon="uil:layer-group"
+              mode="decimal"
+              :class="{ error: !validFields.layers }"
               :message="!validFields.layers ? 'Muss eine Ganzzahl sein.' : ''"
+              @input="validFields.layers = true"
             />
           </div>
         </div>
       </main>
-      <footer class="flex-row padding">
+      <footer class="flex-row">
         <form method="dialog">
           <PpButton class="danger text">
             <span>Abbrechen</span>
           </PpButton>
         </form>
         <PpButton class="raised" @click="validate">
-          <span>{{ cardLabel }}</span>
+          <span>{{ currentCardIndex > -1 ? 'Übernehmen' : 'Hinzufügen' }}</span>
         </PpButton>
       </footer>
+    </div>
   </dialog>
 </template>
 
 <script setup lang="ts">
-import type { Card } from '../../../shared/Card'
+import type { PriceCard } from '../../../shared/PriceCard'
 
 type Props = {
-  currentCardIndex : number
-  currentCard ?: Card
+  currentCardIndex: number
+  currentCard?: PriceCard
 }
 
 const { currentCardIndex, currentCard } = defineProps<Props>()
 const emit = defineEmits(['update'])
 
 const dialog = useTemplateRef<HTMLDialogElement>('dialog')
-const cardLabel = computed(() => currentCardIndex > -1 ? 'Bearbeiten' : 'Hinzufügen')
+const wrapper = useTemplateRef<HTMLElement>('wrapper')
+
+const market = [
+  'Lotl',
+  'Olda',
+  'Bäwä',
+  'Brutto',
+]
+
+const product = [
+  'Weichelig',
+  'Sau Rauh',
+  'Bissl Sanft',
+  'Ganz ok',
+  'Flauschi'
+]
+
+const generateRandomName = () => `${market[Math.floor(Math.random() * market.length)]} ${product[Math.floor(Math.random() * product.length)]}`
+
+const randomName = useState('randomName', () => generateRandomName())
 
 const checkPrice = () => {
-  if (!currentCard) { return false }
-  if (currentCard.price.length === 0) { return false }
+  if (!currentCard) return false
+  if (currentCard.price.length === 0) return false
+
   const price = +replaceComma(currentCard.price)
   return !isNaN(price)
 }
 
-const checkIfInteger = (toBeNumber : string) => {
-  if (toBeNumber.length === 0) { return false }
-  if (toBeNumber.includes(',') || toBeNumber.includes('.')) { return false }
+const checkIfInteger = (toBeNumber: string) => {
+  if (toBeNumber.length === 0) return false
+  if (toBeNumber.includes(',') || toBeNumber.includes(',')) return false
   return !isNaN(+toBeNumber)
 }
 
@@ -103,7 +141,7 @@ const validFields = reactive({
 })
 
 const validate = () => {
-  if (!currentCard) { return }
+  if (!currentCard) return
 
   validFields.name = currentCard.name.length > 0
   validFields.price = checkPrice()
@@ -111,7 +149,7 @@ const validate = () => {
   validFields.sheets = checkIfInteger(currentCard.sheets)
   validFields.layers = checkIfInteger(currentCard.layers)
 
-  if (Object.values(validFields).every(value => value)) {
+  if (Object.values(validFields).every((value) => value)) {
     emit('update')
     dialog.value?.close()
   }
@@ -124,6 +162,9 @@ onMounted(() => {
     validFields.roles = true
     validFields.sheets = true
     validFields.layers = true
+    randomName.value = generateRandomName()
   })
+
+  onClickOutside(wrapper, () => dialog.value?.close())
 })
-</script>
\ No newline at end of file
+</script>
diff --git a/app/components/Pp/TimelineCard.vue b/app/components/Pp/TimelineCard.vue
new file mode 100644
index 0000000..e3c209d
--- /dev/null
+++ b/app/components/Pp/TimelineCard.vue
@@ -0,0 +1,51 @@
+<template>
+  <article class="TimelineCard">
+    <Icon class="icon" :name="icon" mode="svg" />
+    <div class="text">
+      <strong>{{ title }}</strong>
+      <p>{{ description }}</p>
+      <div class="state" :style="{
+        '--color': stateColor,
+      }">
+        <Icon :name="stateIcon" mode="svg" />
+        <span>{{ stateMessage }}</span>
+      </div>
+    </div>
+  </article>
+</template>
+
+<script setup lang="ts">
+import type { TimelineCard, TimelineState } from '../../../shared/TimelineCard'
+
+
+const { state } = defineProps<TimelineCard>()
+
+const icons : Record<TimelineState, string> = {
+  planned: 'uil:clock',
+  inProgress: 'uil:cog',
+  done: 'uil:check-circle'
+}
+
+const colors : Record<TimelineState, string> = {
+  planned: 'var(--color-darkest)',
+  inProgress: 'var(--color-main-dark)',
+  done: 'var(--color-accent-darkest)',
+}
+
+const stateColor = computed(() => colors[state.value])
+const stateIcon = computed(() => icons[state.value])
+const stateMessage = computed(() => {
+  switch (state.value) {
+    case 'planned':
+      let planned = 'Geplant'
+      if (state.message) planned += ` für ${state.message}`
+      return planned
+    case 'inProgress':
+      return 'In Bearbeitung'
+    case 'done':
+      let done = 'Abgeschlossen'
+      if (state.message) done += ` am ${state.message}`
+      return done
+  }
+})
+</script>
\ No newline at end of file
diff --git a/app/composables/navigation.ts b/app/composables/navigation.ts
new file mode 100644
index 0000000..e54c6f6
--- /dev/null
+++ b/app/composables/navigation.ts
@@ -0,0 +1,24 @@
+import { ref } from 'vue'
+
+const isNavigationVisible = ref(false)
+
+export const useNavigation = () => {
+  const toggleNavigation = () => {
+    isNavigationVisible.value = !isNavigationVisible.value
+  }
+
+  const showNavigation = () => {
+    isNavigationVisible.value = true
+  }
+
+  const hideNavigation = () => {
+    isNavigationVisible.value = false
+  }
+
+  return {
+    isNavigationVisible,
+    toggleNavigation,
+    showNavigation,
+    hideNavigation
+  }
+}
\ No newline at end of file
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
new file mode 100755
index 0000000..cbd7b6c
--- /dev/null
+++ b/app/layouts/default.vue
@@ -0,0 +1,11 @@
+<template>
+    <div class="page-wrapper">
+      <PpHeader />
+      <div class="page">
+        <NuxtPage />
+      </div>
+      <PpFooter />
+    </div>
+</template>
+<script setup lang="ts">
+</script>
\ No newline at end of file
diff --git a/app/layouts/landingpage.vue b/app/layouts/landingpage.vue
new file mode 100644
index 0000000..3c91317
--- /dev/null
+++ b/app/layouts/landingpage.vue
@@ -0,0 +1,11 @@
+<template>
+    <div class="page-wrapper">
+      <PpHeader type="lp" />
+      <div class="page">
+        <NuxtPage />
+      </div>
+      <PpFooter />
+    </div>
+</template>
+<script setup lang="ts">
+</script>
\ No newline at end of file
diff --git a/app/pages/imprint.vue b/app/pages/imprint.vue
index a2b2e54..2060e07 100644
--- a/app/pages/imprint.vue
+++ b/app/pages/imprint.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
-    <section class="Imp flex-col gap-default content full">
+    <section class="Legal flex-col gap-default content full">
+      <h1>Impressum</h1>
       <div>
         <p>
           Fiona Lena Urban<br/>
diff --git a/app/pages/index.vue b/app/pages/index.vue
old mode 100755
new mode 100644
index 5e39a87..a99aa5f
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,185 +1,97 @@
 <template>
-  <PpDeleteDialog
-    ref="deleteModal"
-    :current-card-index="currentCardIndex"
-    @delete="removeCard(currentCardIndex)"
-  />
-  <PpPriceCardDialog
-    ref="modal"
-    :current-card="currentCard"
-    :current-card-index="currentCardIndex"
-    @update="updateCard()"
-  />
-  <section class="content flex-col">
-    <aside class="filter-bar">
-      <PpButtonGroup
-        :buttons="filterButtons"
-        @click="sort"
-      />
-    </aside>
-    <div class="pc-wrapper flex-col" role="list">
-      <PpPriceCard
-        v-for="(card, index) in cards"
-        :key="card.uuid"
-        :deletable="cards.length > 1"
-        :card="card"
-        @update="openModal(false, index)"
-        @remove="openDeleteModal()"
-      />
+  <section class="Home flex-col content full">
+    <div class="home-hero">
+      <div class="text">
+        <h1>
+          Du zahlst zuviel für's Papier?
+        </h1>
+        <NuxtLink to="/rechner">
+          <PpButton class="cta">Preise vergleichen</PpButton>
+        </NuxtLink>
+        <h2>
+          Mit ProPapier Preise vergleichen und sparen.
+        </h2>
+      </div>
+    </div>
+    <div class="home-text padding">
+      <p>
+        Mit <strong>ProPapier</strong> vergleichst du schnell & unkompliziert Preise für Klopapier und sparst so bares Geld.
+      </p>
+    </div>
+    <div class="home-text padding">
+      <h3>
+        Wir haben noch viel vor!
+      </h3>
+      <p class="padding">
+        Für ProPapier sind über die nächste Zeit noch einige weitere Features geplant.
+      </p>
+      <div class="timeline">
+        <PpTimelineCard
+          v-for="card in timeline"
+          v-bind="card"
+        />
+      </div>
     </div>
   </section>
-  <PpToolbar>
-    <PpButton class="mini-button text-white transparent" @click="sort(currentSort)">
-      <Icon class="icon" name="uil:refresh" mode="svg" />
-      <span>Neu sortieren</span>
-      <span
-        class="dot"
-        :class="{ visible : isDirty}"
-        aria-hidden="true"
-      />
-    </PpButton>
-    <PpButton class="mini-button text-white transparent" @click="openModal(true, -1)">
-      <Icon class="icon" name="uil:plus" mode="svg" />
-      <span>Hinzufügen</span>
-    </PpButton>
-  </PpToolbar>
 </template>
 
 <script setup lang="ts">
-import type { Card } from '../../shared/Card'
-import type { Button } from '../../shared/ButtonGroup'
-import { PpPriceCardDialog, PpDeleteDialog } from '#components'
+import type { TimelineCard } from '../../shared/TimelineCard'
 
-const currentSort = ref(0)
-const isDirty = ref(false)
-const currentCard = ref<Card>()
-const currentCardIndex = ref<number>(-1)
-const modal = useTemplateRef<typeof PpPriceCardDialog>('modal')
-const deleteModal = useTemplateRef<typeof PpDeleteDialog>('deleteModal')
-
-const createCard = (uuid : string) : Card => ({
-  uuid,
-  name: '',
-  price: '',
-  roles: '',
-  sheets: '',
-  layers: '',
-  ppr: 0,
-  pps: 0,
-  ppl: 0,
+definePageMeta({
+  layout: 'landingpage'
 })
 
-const cards = useState<Card[]>('cards', () => [
-  createCard(crypto.randomUUID()),
-])
-
-const addCard = (card : Card) => {
-  const price = calculate(card)
-  cards.value.unshift({ ...card, ...price })
-  isDirty.value = true
-  updateLocalStorage()
-}
-
-const removeCard = (index : number) => {
-  cards.value.splice(index, 1)
-  isDirty.value = true
-  updateLocalStorage()
-}
-
-const updateCard = () => {
-  if (currentCardIndex.value === -1) {
-    addCard(currentCard.value!)
-    return
-  }
-
-  const price = calculate(currentCard.value!)
-  const newCard = { ...currentCard.value!, ...price }
-  cards.value.splice(currentCardIndex.value, 1, newCard)
-  isDirty.value = true
-  updateLocalStorage()
-}
-
-const openModal = (createNew : boolean, index : number) => {
-  if (createNew) {
-    currentCardIndex.value = -1
-    currentCard.value = createCard(crypto.randomUUID())
-
-    modal.value?.$el.showModal()
-    return
-  }
-
-  currentCardIndex.value = index
-  currentCard.value = { ...cards.value[index]! }
-
-  modal.value?.$el.showModal()
-  return
-}
-
-const openDeleteModal = () => {
-  deleteModal.value?.$el.showModal()
-}
-
-const updateLocalStorage = () => {
-  localStorage.setItem('cards', JSON.stringify(cards.value.map(card => {
-    const { uuid, name, price, roles, sheets, layers } = card
-    return { uuid, name, price, roles, sheets, layers }
-  })))
-  localStorage.setItem('sort', JSON.stringify(currentSort.value))
-}
-
-const filterButtons = ref<Button[]>([
+const timeline : TimelineCard[] = [
   {
-    label: 'Rollen',
-    icon: 'uil:toilet-paper',
+    icon: 'uil:chart-bar',
+    title: 'Mehr Vergleiche',
+    description: 'Zusätzliche Kategorien für Taschentücher und Küchenrolle',
+    state: {
+      value: 'inProgress',
+    }
   },
   {
-    label: 'Blatt',
-    icon: 'uil:file-landscape',
+    icon: 'uil:cloud-database-tree',
+    title: 'Datenbank',
+    description: 'Eine von der Community gestützte Datenbank mit Preisen für alle Produkte',
+    state: {
+      value: 'planned',
+      message: '2025',
+    }
   },
   {
-    label: 'Lagen',
-    icon: 'uil:layer-group',
+    icon: 'uil:qrcode-scan',
+    title: 'Barcode Scan',
+    description: 'Ganz einfach Barcode Scannen und Produkt direkt zum Rechner hinzufügen',
+    state: {
+      value: 'planned',
+      message: '2025',
+    }
   },
-])
-
-const sortBy = (key : 'ppr' | 'pps' | 'ppl') => {
-  cards.value.sort((a : Card, b : Card) => a[key] - b[key])
-}
-
-const sort = (index : number) => {
-  currentSort.value = index
-  filterButtons.value.forEach(button => { button.active = false })
-  filterButtons.value[index]!.active = true
-
-  switch (index) {
-    case 0:
-      sortBy('ppr')
-      break
-    case 1:
-      sortBy('pps')
-      break
-    case 2:
-      sortBy('ppl')
-      break
-  }
-
-  updateLocalStorage()
-  isDirty.value = false
-}
-
-const calculate = (card : Card) => {
-  const ppr = +replaceComma(card.price) / +card.roles
-  const pps = (ppr / +card.sheets) * 100
-  const ppl = (pps / +card.layers)
-
-  return { ppr, pps, ppl }
-}
-
-onMounted(() => {
-  const cardsFromStorage = JSON.parse(localStorage.getItem('cards') ?? '[]').map((card : Card) => ({ ...card, ...calculate(card) }))
-  cards.value = cardsFromStorage.length !== 0 ? cardsFromStorage : cards.value
-  const sortFromStorage = +JSON.parse(localStorage.getItem('sort') ?? '0')
-  sort(sortFromStorage)
-  filterButtons.value[sortFromStorage]!.active = true
-})
-</script>
+  {
+    icon: 'uil:user',
+    title: 'Optionale Accounts',
+    description: 'Zur Synchronisierung auf mehreren Geräten',
+    state: {
+      value: 'planned',
+    }
+  },
+  {
+    icon: 'uil:cog',
+    title: 'Personalisierung',
+    description: 'Persönliche Präferenzen zur Wortwahl, Standardsortierung und mehr',
+    state: {
+      value: 'planned',
+    }
+  },
+  {
+    icon: 'uil:vector-square',
+    title: 'm² Preise',
+    description: 'Quadratmeterpreise für noch genauere Vergleiche',
+    state: {
+      value: 'planned',
+    }
+  },
+]
+</script>
\ No newline at end of file
diff --git a/app/pages/privacy.vue b/app/pages/privacy.vue
index 51328cc..fc8b2b6 100644
--- a/app/pages/privacy.vue
+++ b/app/pages/privacy.vue
@@ -1,13 +1,10 @@
 <template>
-  <section class="flex-col gap-default content full">
-    <h3>
+  <section class="Legal flex-col gap-default content full">
+    <h1>
       Datenschutzerklärung
-    </h3>
+    </h1>
     <p>
-      Wir senden keinerlei Daten an Drittanbieter.
-    </p>
-    <p>
-      Wir verwerten keinerlei Daten.
+      Wir sammeln anonyme Daten zum Erstellen von Statistiken über die Anzahl der Besuche auf unserer Seite, um herauszufinden, wie viel Pflegeaufwand und Rechenleistung benötigt wird.
     </p>
     <p>
       Alle persistierten Daten befinden sich ausschließlich auf Ihrem Endgerät im sogenannten "localStorage" und werden ausschließlich auf Ihrem Gerät verarbeitet.
diff --git a/app/pages/rechner.vue b/app/pages/rechner.vue
new file mode 100755
index 0000000..23b7153
--- /dev/null
+++ b/app/pages/rechner.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="nuxt-page-wrapper flex-col">
+    <ClientOnly>
+      <PpDeleteDialog
+        ref="deleteModal"
+        :current-card-index="currentCardIndex"
+        @delete="removeCard(currentCardIndex)"
+      />
+      <PpPriceCardDialog
+          ref="modal"
+          :current-card="currentCard"
+          :current-card-index="currentCardIndex"
+          @update="updateCard()"
+      />
+      <section class="content flex-col">
+        <aside class="filter-bar">
+          <button v-for="(button, index) in filterButtons" @click="() => sort(index)" :class="{ 'active': button.active }">
+            {{ button.label }}
+          </button>
+        </aside>
+        <div class="flex-col" role="list" v-if="cards.length">
+          <PpPriceCard
+            ref="priceCard"
+            v-for="(card, index) in cards"
+            :key="card.uuid"
+            :deletable="cards.length > 1"
+            :card="card"
+            @update="openModal(false, index)"
+            @remove="openDeleteModal()"
+          />
+        </div>
+        <p class="info-text grow" v-else>
+          Du hast noch keinerlei Einträge angelegt.
+          <br />Aber das ist gar nicht schlimm!
+          <br />Tippe einfach unten auf "+ Hinzufügen" und leg los.
+        </p>
+      </section>
+      <PpToolbar>
+        <PpButton class="mini-button text-white transparent" @click="openModal(true, -1)">
+          <Icon class="icon" name="uil:plus" mode="svg" />
+          <span>Hinzufügen</span>
+        </PpButton>
+      </PpToolbar>
+    </ClientOnly>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PriceCard } from '../../shared/PriceCard'
+import type { Button } from '../../shared/ButtonGroup'
+import { PpPriceCardDialog, PpDeleteDialog, PpPriceCard } from '#components'
+
+const cards = useLocalStorage<PriceCard[]>('cards', [])
+const currentSort = useLocalStorage<number>('sort', 0)
+const currentCard = ref<PriceCard>()
+const currentCardIndex = ref<number>(-1)
+const modal = useTemplateRef<typeof PpPriceCardDialog>('modal')
+const deleteModal = useTemplateRef<typeof PpDeleteDialog>('deleteModal')
+const priceCards = useTemplateRef<(typeof PpPriceCard)[]>('priceCard')
+
+const createCard = (uuid : string) : PriceCard => ({
+  uuid,
+  name: '',
+  price: '',
+  roles: '',
+  sheets: '',
+  layers: '',
+})
+
+
+const addCard = (card : PriceCard) => {
+  cards.value.unshift({ ...card })
+  sort()
+}
+
+const removeCard = (index : number) => {
+  cards.value.splice(index, 1)
+  sort()
+}
+
+const updateCard = () => {
+  if (currentCardIndex.value === -1) {
+    addCard(currentCard.value!)
+    return
+  }
+
+  const newCard = { ...currentCard.value! }
+  cards.value.splice(currentCardIndex.value, 1, newCard)
+  sort()
+}
+
+const openModal = (createNew : boolean, index : number) => {
+  if (createNew) {
+    currentCardIndex.value = -1
+    currentCard.value = createCard(randomUUID())
+    modal.value?.$el.showModal()
+    return
+  }
+
+  currentCardIndex.value = index
+  currentCard.value = { ...cards.value[index]! }
+
+  modal.value?.$el.showModal()
+  return
+}
+
+const openDeleteModal = () => {
+  deleteModal.value?.$el.showModal()
+}
+
+const filterButtons = ref<Button[]>([
+  {
+    label: 'Rollen',
+    icon: 'uil:toilet-paper',
+    active: currentSort.value === 0,
+  },
+  {
+    label: 'Blatt',
+    icon: 'uil:file-landscape',
+    active: currentSort.value === 1,
+  },
+  {
+    label: 'Lagen',
+    icon: 'uil:layer-group',
+    active: currentSort.value === 2,
+  },
+])
+
+const sortBy = (key : 'ppr' | 'pps' | 'ppl') => {
+  cards.value.sort((a, b) => {
+    const aCard = priceCards.value?.find(card => card.uuid === a.uuid) || null
+    const bCard = priceCards.value?.find(card => card.uuid === b.uuid) || null
+    if (!aCard || !bCard) return 0
+    return aCard[key] - bCard[key]
+  })
+}
+
+const sort = async (index : number = currentSort.value) => {
+  currentSort.value = index
+  filterButtons.value.forEach(button => { button.active = false })
+  filterButtons.value[index]!.active = true
+
+  await nextTick()
+
+  switch (index) {
+    case 0: return sortBy('ppr')
+    case 1: return sortBy('pps')
+    case 2: return sortBy('ppl')
+  }
+}
+</script>
diff --git a/app/utils/number.ts b/app/utils/number.ts
index fb31fe2..07fba9c 100644
--- a/app/utils/number.ts
+++ b/app/utils/number.ts
@@ -1,3 +1,5 @@
 export const replaceComma = (value: string | number) => `${value}`.replace(',', '.')
 
-export const clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max)
\ No newline at end of file
+export const clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max)
+
+export const between = (value: number, min: number, max: number) => value >= min && value <= max
\ No newline at end of file
diff --git a/app/utils/uuid.ts b/app/utils/uuid.ts
new file mode 100644
index 0000000..7d0849d
--- /dev/null
+++ b/app/utils/uuid.ts
@@ -0,0 +1,7 @@
+export const randomUUID = (): string => {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === 'x' ? r : (r & 0x3 | 0x8);
+    return v.toString(16);
+  })
+}
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 68c0d99..7aba57a 100755
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,4 +1,5 @@
-// https://nuxt.com/docs/api/configuration/nuxt-config
+const description = 'Du zahlst zuviel für\'s Papier? Vergleiche schnell und unkompliziert die Preise für Toiletten-, Küchen- und andere Papier hier.'
+
 export default defineNuxtConfig({
   compatibilityDate: '2024-11-01',
   devtools: { enabled: false },
@@ -16,22 +17,95 @@ export default defineNuxtConfig({
     }
   },
 
+  app: {
+    pageTransition: {
+      name: 'page',
+      mode: 'out-in',
+    },
+    head: {
+      htmlAttrs: { lang: 'de' },
+      link: [
+        { rel: 'preload', as: 'image', href: '/img/propapier.svg', type: 'image/svg+xml' },
+        { rel: 'icon', type: 'image/x-icon', href: '/favicon.svg' },
+      ],
+    }
+  },
+
   routeRules: {
     '/': { prerender: true },
     '/imprint': { prerender: true },
     '/privacy': { prerender: true },
   },
 
-  modules: ['@nuxt/icon', '@vueuse/nuxt', '@nuxtjs/device'],
+  modules: [
+    '@nuxt/icon',
+    '@vueuse/nuxt',
+    '@nuxtjs/device',
+    '@nuxt/fonts',
+    'nuxt-seo-utils',
+    'nuxt-ripple',
+    '@nuxtjs/sitemap',
+    '@nuxtjs/robots',
+    '@nuxtjs/plausible'
+  ],
 
   css : [
     './app/assets/styles/general.css',
     './app/assets/styles/header.css',
+    './app/assets/styles/navigation.css',
     './app/assets/styles/footer.css',
     './app/assets/styles/button.css',
     './app/assets/styles/buttonGroup.css',
     './app/assets/styles/priceCard.css',
-    './app/assets/styles/formInput.css',
+    './app/assets/styles/timelineCard.css',
+    './app/assets/styles/form/textfield.css',
+    './app/assets/styles/form/search.css',
     './app/assets/styles/toolbar.css',
-  ]
+    './app/assets/styles/page.css',
+    './app/assets/styles/dialog.css',
+    './app/assets/styles/landingpage.css',
+  ],
+
+  site: {
+    url: 'https://pro-papier.de',
+    name: 'ProPapier',
+  },
+
+  seo: {
+    meta: {
+      title: 'ProPapier',
+      description,
+      themeColor: [
+        { content: '#18181b', media: '(prefers-color-scheme: dark)' },
+        { content: 'white', media: '(prefers-color-scheme: light)' },
+      ],
+      twitterCreator: '@webfussel',
+      twitterSite: '@propapier',
+      author: 'webfussel',
+      colorScheme: 'dark light',
+      applicationName: 'ProPapier',
+
+      // Nuxt SEO Utils already sets the below tags for you
+      ogSiteName: 'ProPapier',
+      ogLocale: 'de_DE',
+      ogType: 'website',
+      ogUrl: 'https://pro-papier.de',
+      ogTitle: 'ProPapier',
+      ogDescription: description,
+
+      // Other Nuxt SEO modules handles these
+      ogImage: '/img/og.png',
+      robots: 'index, follow',
+    }
+  },
+
+  sitemap: {
+    // exclude all URLs that start with /secret
+    exclude: ['/other/**'],
+  },
+
+  plausible: {
+    // Prevent tracking on localhost
+    ignoredHostnames: ['localhost'],
+  },
 })
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 0ae7a87..ce9ee36 100755
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,10 +9,16 @@
       "dependencies": {
         "@iconify-json/simple-icons": "^1.2.32",
         "@iconify-json/uil": "^1.2.3",
+        "@nuxt/fonts": "^0.11.3",
         "@nuxt/icon": "^1.10.3",
         "@nuxtjs/device": "^3.2.4",
+        "@nuxtjs/plausible": "^1.2.0",
+        "@nuxtjs/robots": "^5.2.10",
+        "@nuxtjs/sitemap": "^7.3.0",
         "@vueuse/nuxt": "^13.1.0",
         "nuxt": "^3.16.2",
+        "nuxt-ripple": "^0.0.8",
+        "nuxt-seo-utils": "^7.0.11",
         "vue": "latest",
         "vue-router": "latest"
       }
@@ -440,6 +446,29 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@barbapapazes/plausible-tracker": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/@barbapapazes/plausible-tracker/-/plausible-tracker-0.5.6.tgz",
+      "integrity": "sha512-GRZxn3ZngYQ1+QbdP8d66D/lQg+T2oEevG8kBGfNwVbt9VZB67sgMx/gkRo/Ww2lH7QelgjUNzvOeG+DsJX2HQ==",
+      "license": "MIT"
+    },
+    "node_modules/@capsizecss/metrics": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@capsizecss/metrics/-/metrics-3.5.0.tgz",
+      "integrity": "sha512-Ju2I/Qn3c1OaU8FgeW4Tc22D4C9NwyVfKzNmzst59bvxBjPoLYNZMqFYn+HvCtn4MpXwiaDtCE8fNuQLpdi9yA==",
+      "license": "MIT"
+    },
+    "node_modules/@capsizecss/unpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/@capsizecss/unpack/-/unpack-2.4.0.tgz",
+      "integrity": "sha512-GrSU71meACqcmIUxPYOJvGKF0yryjN/L1aCuE9DViCTJI7bfkjgYDPD1zbNDcINJwSSP6UaBZY9GAbYDO7re0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "blob-to-buffer": "^1.2.8",
+        "cross-fetch": "^3.0.4",
+        "fontkit": "^2.0.2"
+      }
+    },
     "node_modules/@cloudflare/kv-asset-handler": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/@cloudflare/kv-asset-handler/-/kv-asset-handler-0.4.0.tgz",
@@ -529,9 +558,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.2.tgz",
-      "integrity": "sha512-wCIboOL2yXZym2cgm6mlA742s9QeJ8DjGVaL39dLN4rRwrOgOyYSnOaFPhKZGLb2ngj4EyfAFjsNJwPXZvseag==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz",
+      "integrity": "sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==",
       "cpu": [
         "ppc64"
       ],
@@ -545,9 +574,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.2.tgz",
-      "integrity": "sha512-NQhH7jFstVY5x8CKbcfa166GoV0EFkaPkCKBQkdPJFvo5u+nGXLEH/ooniLb3QI8Fk58YAx7nsPLozUWfCBOJA==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.4.tgz",
+      "integrity": "sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==",
       "cpu": [
         "arm"
       ],
@@ -561,9 +590,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.2.tgz",
-      "integrity": "sha512-5ZAX5xOmTligeBaeNEPnPaeEuah53Id2tX4c2CVP3JaROTH+j4fnfHCkr1PjXMd78hMst+TlkfKcW/DlTq0i4w==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz",
+      "integrity": "sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==",
       "cpu": [
         "arm64"
       ],
@@ -577,9 +606,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.2.tgz",
-      "integrity": "sha512-Ffcx+nnma8Sge4jzddPHCZVRvIfQ0kMsUsCMcJRHkGJ1cDmhe4SsrYIjLUKn1xpHZybmOqCWwB0zQvsjdEHtkg==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.4.tgz",
+      "integrity": "sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==",
       "cpu": [
         "x64"
       ],
@@ -593,9 +622,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.2.tgz",
-      "integrity": "sha512-MpM6LUVTXAzOvN4KbjzU/q5smzryuoNjlriAIx+06RpecwCkL9JpenNzpKd2YMzLJFOdPqBpuub6eVRP5IgiSA==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz",
+      "integrity": "sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==",
       "cpu": [
         "arm64"
       ],
@@ -609,9 +638,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.2.tgz",
-      "integrity": "sha512-5eRPrTX7wFyuWe8FqEFPG2cU0+butQQVNcT4sVipqjLYQjjh8a8+vUTfgBKM88ObB85ahsnTwF7PSIt6PG+QkA==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz",
+      "integrity": "sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==",
       "cpu": [
         "x64"
       ],
@@ -625,9 +654,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.2.tgz",
-      "integrity": "sha512-mLwm4vXKiQ2UTSX4+ImyiPdiHjiZhIaE9QvC7sw0tZ6HoNMjYAqQpGyui5VRIi5sGd+uWq940gdCbY3VLvsO1w==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz",
+      "integrity": "sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==",
       "cpu": [
         "arm64"
       ],
@@ -641,9 +670,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.2.tgz",
-      "integrity": "sha512-6qyyn6TjayJSwGpm8J9QYYGQcRgc90nmfdUb0O7pp1s4lTY+9D0H9O02v5JqGApUyiHOtkz6+1hZNvNtEhbwRQ==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz",
+      "integrity": "sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==",
       "cpu": [
         "x64"
       ],
@@ -657,9 +686,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.2.tgz",
-      "integrity": "sha512-UHBRgJcmjJv5oeQF8EpTRZs/1knq6loLxTsjc3nxO9eXAPDLcWW55flrMVc97qFPbmZP31ta1AZVUKQzKTzb0g==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz",
+      "integrity": "sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==",
       "cpu": [
         "arm"
       ],
@@ -673,9 +702,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.2.tgz",
-      "integrity": "sha512-gq/sjLsOyMT19I8obBISvhoYiZIAaGF8JpeXu1u8yPv8BE5HlWYobmlsfijFIZ9hIVGYkbdFhEqC0NvM4kNO0g==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz",
+      "integrity": "sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==",
       "cpu": [
         "arm64"
       ],
@@ -689,9 +718,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.2.tgz",
-      "integrity": "sha512-bBYCv9obgW2cBP+2ZWfjYTU+f5cxRoGGQ5SeDbYdFCAZpYWrfjjfYwvUpP8MlKbP0nwZ5gyOU/0aUzZ5HWPuvQ==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz",
+      "integrity": "sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==",
       "cpu": [
         "ia32"
       ],
@@ -705,9 +734,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.2.tgz",
-      "integrity": "sha512-SHNGiKtvnU2dBlM5D8CXRFdd+6etgZ9dXfaPCeJtz+37PIUlixvlIhI23L5khKXs3DIzAn9V8v+qb1TRKrgT5w==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz",
+      "integrity": "sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==",
       "cpu": [
         "loong64"
       ],
@@ -721,9 +750,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.2.tgz",
-      "integrity": "sha512-hDDRlzE6rPeoj+5fsADqdUZl1OzqDYow4TB4Y/3PlKBD0ph1e6uPHzIQcv2Z65u2K0kpeByIyAjCmjn1hJgG0Q==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz",
+      "integrity": "sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==",
       "cpu": [
         "mips64el"
       ],
@@ -737,9 +766,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.2.tgz",
-      "integrity": "sha512-tsHu2RRSWzipmUi9UBDEzc0nLc4HtpZEI5Ba+Omms5456x5WaNuiG3u7xh5AO6sipnJ9r4cRWQB2tUjPyIkc6g==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz",
+      "integrity": "sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==",
       "cpu": [
         "ppc64"
       ],
@@ -753,9 +782,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.2.tgz",
-      "integrity": "sha512-k4LtpgV7NJQOml/10uPU0s4SAXGnowi5qBSjaLWMojNCUICNu7TshqHLAEbkBdAszL5TabfvQ48kK84hyFzjnw==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz",
+      "integrity": "sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==",
       "cpu": [
         "riscv64"
       ],
@@ -769,9 +798,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.2.tgz",
-      "integrity": "sha512-GRa4IshOdvKY7M/rDpRR3gkiTNp34M0eLTaC1a08gNrh4u488aPhuZOCpkF6+2wl3zAN7L7XIpOFBhnaE3/Q8Q==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz",
+      "integrity": "sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==",
       "cpu": [
         "s390x"
       ],
@@ -785,9 +814,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.2.tgz",
-      "integrity": "sha512-QInHERlqpTTZ4FRB0fROQWXcYRD64lAoiegezDunLpalZMjcUcld3YzZmVJ2H/Cp0wJRZ8Xtjtj0cEHhYc/uUg==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz",
+      "integrity": "sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==",
       "cpu": [
         "x64"
       ],
@@ -801,9 +830,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.2.tgz",
-      "integrity": "sha512-talAIBoY5M8vHc6EeI2WW9d/CkiO9MQJ0IOWX8hrLhxGbro/vBXJvaQXefW2cP0z0nQVTdQ/eNyGFV1GSKrxfw==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz",
+      "integrity": "sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==",
       "cpu": [
         "arm64"
       ],
@@ -817,9 +846,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.2.tgz",
-      "integrity": "sha512-voZT9Z+tpOxrvfKFyfDYPc4DO4rk06qamv1a/fkuzHpiVBMOhpjK+vBmWM8J1eiB3OLSMFYNaOaBNLXGChf5tg==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz",
+      "integrity": "sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==",
       "cpu": [
         "x64"
       ],
@@ -833,9 +862,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.2.tgz",
-      "integrity": "sha512-dcXYOC6NXOqcykeDlwId9kB6OkPUxOEqU+rkrYVqJbK2hagWOMrsTGsMr8+rW02M+d5Op5NNlgMmjzecaRf7Tg==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz",
+      "integrity": "sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==",
       "cpu": [
         "arm64"
       ],
@@ -849,9 +878,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.2.tgz",
-      "integrity": "sha512-t/TkWwahkH0Tsgoq1Ju7QfgGhArkGLkF1uYz8nQS/PPFlXbP5YgRpqQR3ARRiC2iXoLTWFxc6DJMSK10dVXluw==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz",
+      "integrity": "sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==",
       "cpu": [
         "x64"
       ],
@@ -865,9 +894,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.2.tgz",
-      "integrity": "sha512-cfZH1co2+imVdWCjd+D1gf9NjkchVhhdpgb1q5y6Hcv9TP6Zi9ZG/beI3ig8TvwT9lH9dlxLq5MQBBgwuj4xvA==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz",
+      "integrity": "sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==",
       "cpu": [
         "x64"
       ],
@@ -881,9 +910,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.2.tgz",
-      "integrity": "sha512-7Loyjh+D/Nx/sOTzV8vfbB3GJuHdOQyrOryFdZvPHLf42Tk9ivBU5Aedi7iyX+x6rbn2Mh68T4qq1SDqJBQO5Q==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz",
+      "integrity": "sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==",
       "cpu": [
         "arm64"
       ],
@@ -897,9 +926,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.2.tgz",
-      "integrity": "sha512-WRJgsz9un0nqZJ4MfhabxaD9Ft8KioqU3JMinOTvobbX6MOSUigSBlogP8QB3uxpJDsFS6yN+3FDBdqE5lg9kg==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz",
+      "integrity": "sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==",
       "cpu": [
         "ia32"
       ],
@@ -913,9 +942,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.2.tgz",
-      "integrity": "sha512-kM3HKb16VIXZyIeVrM1ygYmZBKybX8N4p754bw390wGO3Tf2j4L2/WYL+4suWujpgf6GBYs3jv7TyUivdd05JA==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz",
+      "integrity": "sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==",
       "cpu": [
         "x64"
       ],
@@ -2465,6 +2494,237 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/@nuxt/fonts": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/fonts/-/fonts-0.11.3.tgz",
+      "integrity": "sha512-IRlzEoxeza1RgUiXKynLlo98MsAYIclM0iDaG51sWoGAisDwMw+DAhbklJkIWIFWHZ4VVSHFQSzLfjRJTkk7cQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/devtools-kit": "^2.4.0",
+        "@nuxt/kit": "^3.17.1",
+        "consola": "^3.4.2",
+        "css-tree": "^3.1.0",
+        "defu": "^6.1.4",
+        "esbuild": "^0.25.4",
+        "fontaine": "^0.6.0",
+        "h3": "^1.15.3",
+        "jiti": "^2.4.2",
+        "magic-regexp": "^0.10.0",
+        "magic-string": "^0.30.17",
+        "node-fetch-native": "^1.6.6",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "sirv": "^3.0.1",
+        "tinyglobby": "^0.2.13",
+        "ufo": "^1.6.1",
+        "unifont": "^0.5.0",
+        "unplugin": "^2.3.2",
+        "unstorage": "^1.16.0"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/@nuxt/devtools-kit": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/@nuxt/devtools-kit/-/devtools-kit-2.4.0.tgz",
+      "integrity": "sha512-GdxdxEDN1f6uxJOPooYQTLC6X1QUe5kRs83A0PVH/uD0sqoXCjpKHOw+H0vdhkHOwOIsVIsbL+TdaF4k++p9TA==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.16.2",
+        "@nuxt/schema": "^3.16.2",
+        "execa": "^8.0.1"
+      },
+      "peerDependencies": {
+        "vite": ">=6.0"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/@nuxt/kit": {
+      "version": "3.17.2",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.17.2.tgz",
+      "integrity": "sha512-Mz2Ni8iUwty5LBs3LepUL43rI2xXbuAz3Cqq37L9frOD2QI2tQUtasYaSoKk6U7nvYzuW2z/2b3YOLkMNi/k2w==",
+      "license": "MIT",
+      "dependencies": {
+        "c12": "^3.0.3",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "destr": "^2.0.5",
+        "errx": "^0.1.0",
+        "exsolve": "^1.0.5",
+        "ignore": "^7.0.4",
+        "jiti": "^2.4.2",
+        "klona": "^2.0.6",
+        "knitwork": "^1.2.0",
+        "mlly": "^1.7.4",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "semver": "^7.7.1",
+        "std-env": "^3.9.0",
+        "tinyglobby": "^0.2.13",
+        "ufo": "^1.6.1",
+        "unctx": "^2.4.1",
+        "unimport": "^5.0.1",
+        "untyped": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "license": "MIT"
+    },
+    "node_modules/@nuxt/fonts/node_modules/css-tree": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz",
+      "integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.12.2",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/execa": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
+      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^8.0.1",
+        "human-signals": "^5.0.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/get-stream": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
+      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/human-signals": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
+      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.17.0"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/local-pkg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.1.tgz",
+      "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.0.1",
+        "quansync": "^0.2.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/mdn-data": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz",
+      "integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/@nuxt/fonts/node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
+    "node_modules/@nuxt/fonts/node_modules/pkg-types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/tinyglobby": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+      "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/@nuxt/fonts/node_modules/unimport": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-5.0.1.tgz",
+      "integrity": "sha512-1YWzPj6wYhtwHE+9LxRlyqP4DiRrhGfJxdtH475im8ktyZXO3jHj/3PZ97zDdvkYoovFdi0K4SKl3a7l92v3sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.1",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "local-pkg": "^1.1.1",
+        "magic-string": "^0.30.17",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "strip-literal": "^3.0.0",
+        "tinyglobby": "^0.2.13",
+        "unplugin": "^2.3.2",
+        "unplugin-utils": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
     "node_modules/@nuxt/icon": {
       "version": "1.10.3",
       "resolved": "https://registry.npmjs.org/@nuxt/icon/-/icon-1.10.3.tgz",
@@ -2675,6 +2935,282 @@
         "defu": "^6.1.4"
       }
     },
+    "node_modules/@nuxtjs/plausible": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@nuxtjs/plausible/-/plausible-1.2.0.tgz",
+      "integrity": "sha512-pjfps32fFN77BhjqHmq2Jx4XCNso9TcYnB+S4IR2qH/c26WDfYB5mQxN5pOEiWRlMkiKq+Y45mBBFtSOVKClCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@barbapapazes/plausible-tracker": "^0.5.6",
+        "@nuxt/kit": "^3.14.1592",
+        "defu": "^6.1.4",
+        "ufo": "^1.5.4"
+      }
+    },
+    "node_modules/@nuxtjs/robots": {
+      "version": "5.2.10",
+      "resolved": "https://registry.npmjs.org/@nuxtjs/robots/-/robots-5.2.10.tgz",
+      "integrity": "sha512-WiO+VA8UwDgVLy7JCrGTrAmSNNw397OuNseKOG051ixswEDd0QhNw4cUtgNd2RkSIL7WlkfwkizdJFCd9y9iXw==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.16.2",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "nuxt-site-config": "^3.1.9",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "sirv": "^3.0.1",
+        "std-env": "^3.9.0",
+        "ufo": "^1.6.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/@nuxtjs/robots/node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "license": "MIT"
+    },
+    "node_modules/@nuxtjs/robots/node_modules/pkg-types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/@nuxtjs/sitemap/-/sitemap-7.3.0.tgz",
+      "integrity": "sha512-R3X5hqhWoMXIB4XWQmUuVSGmPFrKTFYFho7pk990si8iayKjSMbBCtTPtHdEscglZukKy4cL7V0WYdDFrUvV5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/devtools-kit": "^2.4.1",
+        "@nuxt/kit": "^3.17.3",
+        "chalk": "^5.4.1",
+        "defu": "^6.1.4",
+        "h3-compression": "^0.3.2",
+        "nuxt-site-config": "^3.2.0",
+        "ofetch": "^1.4.1",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "radix3": "^1.1.2",
+        "semver": "^7.7.2",
+        "sirv": "^3.0.1",
+        "ufo": "^1.6.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/@nuxt/devtools-kit": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@nuxt/devtools-kit/-/devtools-kit-2.4.1.tgz",
+      "integrity": "sha512-taA2Nm03JiV3I+SEYS/u1AfjvLm3V9PO8lh0xLsUk/2mlUnL6GZ9xLXrp8VRg11HHt7EPXERGQh8h4iSPU2bSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.17.3",
+        "@nuxt/schema": "^3.17.3",
+        "execa": "^8.0.1"
+      },
+      "peerDependencies": {
+        "vite": ">=6.0"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/@nuxt/kit": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.17.3.tgz",
+      "integrity": "sha512-aw6u6mT3TnM/MmcCRDMv3i9Sbm5/ZMSJgDl+N+WsrWNDIQ2sWmsqdDkjb/HyXF20SNwc2891hRBkaQr3hG2mhA==",
+      "license": "MIT",
+      "dependencies": {
+        "c12": "^3.0.3",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "destr": "^2.0.5",
+        "errx": "^0.1.0",
+        "exsolve": "^1.0.5",
+        "ignore": "^7.0.4",
+        "jiti": "^2.4.2",
+        "klona": "^2.0.6",
+        "knitwork": "^1.2.0",
+        "mlly": "^1.7.4",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "semver": "^7.7.1",
+        "std-env": "^3.9.0",
+        "tinyglobby": "^0.2.13",
+        "ufo": "^1.6.1",
+        "unctx": "^2.4.1",
+        "unimport": "^5.0.1",
+        "untyped": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/@nuxt/schema": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/schema/-/schema-3.17.3.tgz",
+      "integrity": "sha512-z4hbeTtg8B2/2I8zqnCAQQ9JmIQA/BfFy/8cRkGKRIMNjOaTOdmAqMnNriSpyp9xfzWGpnvxPFgab/5uSjsAgA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "^3.5.13",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "pathe": "^2.0.3",
+        "std-env": "^3.9.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "license": "MIT"
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/execa": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
+      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^8.0.1",
+        "human-signals": "^5.0.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/get-stream": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
+      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/human-signals": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
+      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.17.0"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/local-pkg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.1.tgz",
+      "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.0.1",
+        "quansync": "^0.2.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/pkg-types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/tinyglobby": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+      "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/@nuxtjs/sitemap/node_modules/unimport": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-5.0.1.tgz",
+      "integrity": "sha512-1YWzPj6wYhtwHE+9LxRlyqP4DiRrhGfJxdtH475im8ktyZXO3jHj/3PZ97zDdvkYoovFdi0K4SKl3a7l92v3sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.1",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "local-pkg": "^1.1.1",
+        "magic-string": "^0.30.17",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "strip-literal": "^3.0.0",
+        "tinyglobby": "^0.2.13",
+        "unplugin": "^2.3.2",
+        "unplugin-utils": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
     "node_modules/@oxc-parser/binding-darwin-arm64": {
       "version": "0.56.5",
       "resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-arm64/-/binding-darwin-arm64-0.56.5.tgz",
@@ -3745,6 +4281,15 @@
       "integrity": "sha512-0dxmVj4gxg3Jg879kvFS/msl4s9F3T9UXC1InxgOf7t5NvcPD97u/WTA5vL/IxWHMn7qSxBozqrnnE2wvl1m8g==",
       "license": "CC0-1.0"
     },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+      "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
     "node_modules/@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -3915,6 +4460,24 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@unhead/addons": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@unhead/addons/-/addons-2.0.8.tgz",
+      "integrity": "sha512-FnFBo10ot3flopxgZYUjnJ+r4voZ7/wiPaOod5evShy/3NtC4aIZdma4JLcpt+HtBs9l4zH4SVneYWFrTRXVtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.1.4",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.17",
+        "mlly": "^1.7.4",
+        "ufo": "^1.6.1",
+        "unplugin": "^2.3.2",
+        "unplugin-ast": "^0.14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
     "node_modules/@unhead/vue": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-2.0.8.tgz",
@@ -4826,6 +5389,26 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/blob-to-buffer": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/blob-to-buffer/-/blob-to-buffer-1.2.9.tgz",
+      "integrity": "sha512-BF033y5fN6OCofD3vgHmNtwZWRcq9NLyyxyILx9hfMy1sXYy4ojFl765hJ2lP0YaN2fuxPaLO2Vzzoxy0FLFFA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -4853,6 +5436,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/brotli": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
+      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.1.2"
+      }
+    },
     "node_modules/browserslist": {
       "version": "4.24.4",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
@@ -5080,6 +5672,18 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/chalk": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz",
+      "integrity": "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/chokidar": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
@@ -5221,6 +5825,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/cluster-key-slot": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz",
@@ -5483,6 +6096,15 @@
         "node": ">=18.0"
       }
     },
+    "node_modules/cross-fetch": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.2.0.tgz",
+      "integrity": "sha512-Q+xVJLoGOeIMXZmbUK4HYk+69cQH6LudR0Vu/pRm2YlU/hDV9CiS0gKUMaWY5f2NeUH9C1nV3bsTlCo0FsTV1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "node-fetch": "^2.7.0"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -5962,6 +6584,12 @@
       "integrity": "sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==",
       "license": "MIT"
     },
+    "node_modules/dfa": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
+      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==",
+      "license": "MIT"
+    },
     "node_modules/diff": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-7.0.0.tgz",
@@ -6231,9 +6859,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.2.tgz",
-      "integrity": "sha512-16854zccKPnC+toMywC+uKNeYSv+/eXkevRAfwRD/G9Cleq66m8XFIrigkbvauLLlCfDL45Q2cWegSg53gGBnQ==",
+      "version": "0.25.4",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.4.tgz",
+      "integrity": "sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==",
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -6243,31 +6871,31 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.2",
-        "@esbuild/android-arm": "0.25.2",
-        "@esbuild/android-arm64": "0.25.2",
-        "@esbuild/android-x64": "0.25.2",
-        "@esbuild/darwin-arm64": "0.25.2",
-        "@esbuild/darwin-x64": "0.25.2",
-        "@esbuild/freebsd-arm64": "0.25.2",
-        "@esbuild/freebsd-x64": "0.25.2",
-        "@esbuild/linux-arm": "0.25.2",
-        "@esbuild/linux-arm64": "0.25.2",
-        "@esbuild/linux-ia32": "0.25.2",
-        "@esbuild/linux-loong64": "0.25.2",
-        "@esbuild/linux-mips64el": "0.25.2",
-        "@esbuild/linux-ppc64": "0.25.2",
-        "@esbuild/linux-riscv64": "0.25.2",
-        "@esbuild/linux-s390x": "0.25.2",
-        "@esbuild/linux-x64": "0.25.2",
-        "@esbuild/netbsd-arm64": "0.25.2",
-        "@esbuild/netbsd-x64": "0.25.2",
-        "@esbuild/openbsd-arm64": "0.25.2",
-        "@esbuild/openbsd-x64": "0.25.2",
-        "@esbuild/sunos-x64": "0.25.2",
-        "@esbuild/win32-arm64": "0.25.2",
-        "@esbuild/win32-ia32": "0.25.2",
-        "@esbuild/win32-x64": "0.25.2"
+        "@esbuild/aix-ppc64": "0.25.4",
+        "@esbuild/android-arm": "0.25.4",
+        "@esbuild/android-arm64": "0.25.4",
+        "@esbuild/android-x64": "0.25.4",
+        "@esbuild/darwin-arm64": "0.25.4",
+        "@esbuild/darwin-x64": "0.25.4",
+        "@esbuild/freebsd-arm64": "0.25.4",
+        "@esbuild/freebsd-x64": "0.25.4",
+        "@esbuild/linux-arm": "0.25.4",
+        "@esbuild/linux-arm64": "0.25.4",
+        "@esbuild/linux-ia32": "0.25.4",
+        "@esbuild/linux-loong64": "0.25.4",
+        "@esbuild/linux-mips64el": "0.25.4",
+        "@esbuild/linux-ppc64": "0.25.4",
+        "@esbuild/linux-riscv64": "0.25.4",
+        "@esbuild/linux-s390x": "0.25.4",
+        "@esbuild/linux-x64": "0.25.4",
+        "@esbuild/netbsd-arm64": "0.25.4",
+        "@esbuild/netbsd-x64": "0.25.4",
+        "@esbuild/openbsd-arm64": "0.25.4",
+        "@esbuild/openbsd-x64": "0.25.4",
+        "@esbuild/sunos-x64": "0.25.4",
+        "@esbuild/win32-arm64": "0.25.4",
+        "@esbuild/win32-ia32": "0.25.4",
+        "@esbuild/win32-x64": "0.25.4"
       }
     },
     "node_modules/escalade": {
@@ -6489,6 +7117,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
     "node_modules/fast-fifo": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
@@ -6539,9 +7173,9 @@
       }
     },
     "node_modules/fdir": {
-      "version": "6.4.3",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.3.tgz",
-      "integrity": "sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==",
+      "version": "6.4.4",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
+      "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
       "license": "MIT",
       "peerDependencies": {
         "picomatch": "^3 || ^4"
@@ -6658,6 +7292,58 @@
       "integrity": "sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==",
       "license": "MIT"
     },
+    "node_modules/fontaine": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/fontaine/-/fontaine-0.6.0.tgz",
+      "integrity": "sha512-cfKqzB62GmztJhwJ0YXtzNsmpqKAcFzTqsakJ//5COTzbou90LU7So18U+4D8z+lDXr4uztaAUZBonSoPDcj1w==",
+      "license": "MIT",
+      "dependencies": {
+        "@capsizecss/metrics": "^3.5.0",
+        "@capsizecss/unpack": "^2.4.0",
+        "css-tree": "^3.1.0",
+        "magic-regexp": "^0.10.0",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3",
+        "ufo": "^1.6.1",
+        "unplugin": "^2.3.2"
+      }
+    },
+    "node_modules/fontaine/node_modules/css-tree": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz",
+      "integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.12.2",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/fontaine/node_modules/mdn-data": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz",
+      "integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/fontkit": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz",
+      "integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/helpers": "^0.5.12",
+        "brotli": "^1.3.2",
+        "clone": "^2.1.2",
+        "dfa": "^1.2.0",
+        "fast-deep-equal": "^3.1.3",
+        "restructure": "^3.0.0",
+        "tiny-inflate": "^1.0.3",
+        "unicode-properties": "^1.4.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
     "node_modules/foreground-child": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
@@ -7089,22 +7775,34 @@
       }
     },
     "node_modules/h3": {
-      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.1.tgz",
-      "integrity": "sha512-+ORaOBttdUm1E2Uu/obAyCguiI7MbBvsLTndc3gyK3zU+SYLoZXlyCP9Xgy0gikkGufFLTZXCXD6+4BsufnmHA==",
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/h3/-/h3-1.15.3.tgz",
+      "integrity": "sha512-z6GknHqyX0h9aQaTx22VZDf6QyZn+0Nh+Ym8O/u0SGSkyF5cuTJYKlc8MkzW3Nzf9LE1ivcpmYC3FUGpywhuUQ==",
       "license": "MIT",
       "dependencies": {
         "cookie-es": "^1.2.2",
-        "crossws": "^0.3.3",
+        "crossws": "^0.3.4",
         "defu": "^6.1.4",
-        "destr": "^2.0.3",
+        "destr": "^2.0.5",
         "iron-webcrypto": "^1.2.1",
         "node-mock-http": "^1.0.0",
         "radix3": "^1.1.2",
-        "ufo": "^1.5.4",
+        "ufo": "^1.6.1",
         "uncrypto": "^0.1.3"
       }
     },
+    "node_modules/h3-compression": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/h3-compression/-/h3-compression-0.3.2.tgz",
+      "integrity": "sha512-B+yCKyDRnO0BXSfjAP4tCXJgJwmnKp3GyH5Yh66mY9KuOCrrGQSPk/gBFG2TgH7OyB/6mvqNZ1X0XNVuy0qRsw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/codedredd"
+      },
+      "peerDependencies": {
+        "h3": "^1.6.0"
+      }
+    },
     "node_modules/h3/node_modules/cookie-es": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/cookie-es/-/cookie-es-1.2.2.tgz",
@@ -7240,9 +7938,9 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/ignore": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.3.tgz",
-      "integrity": "sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.4.tgz",
+      "integrity": "sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A==",
       "license": "MIT",
       "engines": {
         "node": ">= 4"
@@ -7254,6 +7952,18 @@
       "integrity": "sha512-K6acvFaelNxx8wc2VjbIzXKDVB0Khs0QT35U6NkGfTdCmjLNcO2945m7RFNR9/RPVFm48hq7QPzK8uGH18HCGw==",
       "license": "MIT"
     },
+    "node_modules/image-size": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-2.0.2.tgz",
+      "integrity": "sha512-IRqXKlaXwgSMAMtpNzZa1ZAe8m+Sa1770Dhk8VkSsP9LS+iHD62Zd8FQKs8fbPiagBE7BzoFX23cxFnwshpV6w==",
+      "license": "MIT",
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=16.x"
+      }
+    },
     "node_modules/impound": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/impound/-/impound-0.2.2.tgz",
@@ -7936,6 +8646,21 @@
         "node": ">=12"
       }
     },
+    "node_modules/magic-regexp": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/magic-regexp/-/magic-regexp-0.10.0.tgz",
+      "integrity": "sha512-Uly1Bu4lO1hwHUW0CQeSWuRtzCMNO00CmXtS8N6fyvB3B979GOEEeAkiTUDsmbYLAbvpUS/Kt5c4ibosAzVyVg==",
+      "license": "MIT",
+      "dependencies": {
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.12",
+        "mlly": "^1.7.2",
+        "regexp-tree": "^0.1.27",
+        "type-level-regexp": "~0.1.17",
+        "ufo": "^1.5.4",
+        "unplugin": "^2.0.0"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.17",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
@@ -8746,6 +9471,414 @@
         }
       }
     },
+    "node_modules/nuxt-ripple": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/nuxt-ripple/-/nuxt-ripple-0.0.8.tgz",
+      "integrity": "sha512-ellqn8+OXIS4SffFhIqZHSdTNQglAwGJ7B8R2ISR4+BauP360E7cfK6vr1FGqd40HyoeSLV03Z142bTey25hCg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.14.1592"
+      }
+    },
+    "node_modules/nuxt-seo-utils": {
+      "version": "7.0.11",
+      "resolved": "https://registry.npmjs.org/nuxt-seo-utils/-/nuxt-seo-utils-7.0.11.tgz",
+      "integrity": "sha512-uqk9vcsbwRCoaV/fnBr9x26rQ2kA6xI08VIWLluqRvgBsexExu0ADTP1kQ/mNGePCf9GNQKQo/8fksg9dKGAAA==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.17.1",
+        "@unhead/addons": "^2.0.8",
+        "defu": "^6.1.4",
+        "escape-string-regexp": "^5.0.0",
+        "fast-glob": "^3.3.3",
+        "image-size": "^2.0.2",
+        "nuxt-site-config": "^3.1.9",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "semver": "^7.7.1",
+        "ufo": "^1.6.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/nuxt-seo-utils/node_modules/@nuxt/kit": {
+      "version": "3.17.2",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.17.2.tgz",
+      "integrity": "sha512-Mz2Ni8iUwty5LBs3LepUL43rI2xXbuAz3Cqq37L9frOD2QI2tQUtasYaSoKk6U7nvYzuW2z/2b3YOLkMNi/k2w==",
+      "license": "MIT",
+      "dependencies": {
+        "c12": "^3.0.3",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "destr": "^2.0.5",
+        "errx": "^0.1.0",
+        "exsolve": "^1.0.5",
+        "ignore": "^7.0.4",
+        "jiti": "^2.4.2",
+        "klona": "^2.0.6",
+        "knitwork": "^1.2.0",
+        "mlly": "^1.7.4",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "semver": "^7.7.1",
+        "std-env": "^3.9.0",
+        "tinyglobby": "^0.2.13",
+        "ufo": "^1.6.1",
+        "unctx": "^2.4.1",
+        "unimport": "^5.0.1",
+        "untyped": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/nuxt-seo-utils/node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "license": "MIT"
+    },
+    "node_modules/nuxt-seo-utils/node_modules/local-pkg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.1.tgz",
+      "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.0.1",
+        "quansync": "^0.2.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/nuxt-seo-utils/node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
+    "node_modules/nuxt-seo-utils/node_modules/pkg-types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/nuxt-seo-utils/node_modules/tinyglobby": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+      "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/nuxt-seo-utils/node_modules/unimport": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-5.0.1.tgz",
+      "integrity": "sha512-1YWzPj6wYhtwHE+9LxRlyqP4DiRrhGfJxdtH475im8ktyZXO3jHj/3PZ97zDdvkYoovFdi0K4SKl3a7l92v3sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.1",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "local-pkg": "^1.1.1",
+        "magic-string": "^0.30.17",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "strip-literal": "^3.0.0",
+        "tinyglobby": "^0.2.13",
+        "unplugin": "^2.3.2",
+        "unplugin-utils": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/nuxt-site-config": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/nuxt-site-config/-/nuxt-site-config-3.2.0.tgz",
+      "integrity": "sha512-o1LDV+eaiP0qgM97RxoX2ost3mzmNmg5D3BmiORXCD9lx9CR5OZKc7nXI0zGsASk3eSVj4iNp0ctyF6afPFTow==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.17.3",
+        "nuxt-site-config-kit": "3.2.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "sirv": "^3.0.1",
+        "site-config-stack": "3.2.0",
+        "ufo": "^1.6.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/nuxt-site-config-kit": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/nuxt-site-config-kit/-/nuxt-site-config-kit-3.2.0.tgz",
+      "integrity": "sha512-kVBXljR7Py8mz5eL6ZysVMlPRwbVX1Tts66StQRwYSJL/srEL8kr/ZfLW6tQU7pDHihcPH3MDgid2gDTFMY3fg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.17.3",
+        "pkg-types": "^2.1.0",
+        "site-config-stack": "3.2.0",
+        "std-env": "^3.9.0",
+        "ufo": "^1.6.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/nuxt-site-config-kit/node_modules/@nuxt/kit": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.17.3.tgz",
+      "integrity": "sha512-aw6u6mT3TnM/MmcCRDMv3i9Sbm5/ZMSJgDl+N+WsrWNDIQ2sWmsqdDkjb/HyXF20SNwc2891hRBkaQr3hG2mhA==",
+      "license": "MIT",
+      "dependencies": {
+        "c12": "^3.0.3",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "destr": "^2.0.5",
+        "errx": "^0.1.0",
+        "exsolve": "^1.0.5",
+        "ignore": "^7.0.4",
+        "jiti": "^2.4.2",
+        "klona": "^2.0.6",
+        "knitwork": "^1.2.0",
+        "mlly": "^1.7.4",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "semver": "^7.7.1",
+        "std-env": "^3.9.0",
+        "tinyglobby": "^0.2.13",
+        "ufo": "^1.6.1",
+        "unctx": "^2.4.1",
+        "unimport": "^5.0.1",
+        "untyped": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/nuxt-site-config-kit/node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "license": "MIT"
+    },
+    "node_modules/nuxt-site-config-kit/node_modules/local-pkg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.1.tgz",
+      "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.0.1",
+        "quansync": "^0.2.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/nuxt-site-config-kit/node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
+    "node_modules/nuxt-site-config-kit/node_modules/pkg-types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/nuxt-site-config-kit/node_modules/tinyglobby": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+      "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/nuxt-site-config-kit/node_modules/unimport": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-5.0.1.tgz",
+      "integrity": "sha512-1YWzPj6wYhtwHE+9LxRlyqP4DiRrhGfJxdtH475im8ktyZXO3jHj/3PZ97zDdvkYoovFdi0K4SKl3a7l92v3sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.1",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "local-pkg": "^1.1.1",
+        "magic-string": "^0.30.17",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "strip-literal": "^3.0.0",
+        "tinyglobby": "^0.2.13",
+        "unplugin": "^2.3.2",
+        "unplugin-utils": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/nuxt-site-config/node_modules/@nuxt/kit": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.17.3.tgz",
+      "integrity": "sha512-aw6u6mT3TnM/MmcCRDMv3i9Sbm5/ZMSJgDl+N+WsrWNDIQ2sWmsqdDkjb/HyXF20SNwc2891hRBkaQr3hG2mhA==",
+      "license": "MIT",
+      "dependencies": {
+        "c12": "^3.0.3",
+        "consola": "^3.4.2",
+        "defu": "^6.1.4",
+        "destr": "^2.0.5",
+        "errx": "^0.1.0",
+        "exsolve": "^1.0.5",
+        "ignore": "^7.0.4",
+        "jiti": "^2.4.2",
+        "klona": "^2.0.6",
+        "knitwork": "^1.2.0",
+        "mlly": "^1.7.4",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "semver": "^7.7.1",
+        "std-env": "^3.9.0",
+        "tinyglobby": "^0.2.13",
+        "ufo": "^1.6.1",
+        "unctx": "^2.4.1",
+        "unimport": "^5.0.1",
+        "untyped": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/nuxt-site-config/node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "license": "MIT"
+    },
+    "node_modules/nuxt-site-config/node_modules/local-pkg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.1.tgz",
+      "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.0.1",
+        "quansync": "^0.2.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/nuxt-site-config/node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
+    "node_modules/nuxt-site-config/node_modules/pkg-types": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/nuxt-site-config/node_modules/tinyglobby": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+      "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/nuxt-site-config/node_modules/unimport": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-5.0.1.tgz",
+      "integrity": "sha512-1YWzPj6wYhtwHE+9LxRlyqP4DiRrhGfJxdtH475im8ktyZXO3jHj/3PZ97zDdvkYoovFdi0K4SKl3a7l92v3sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.1",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "local-pkg": "^1.1.1",
+        "magic-string": "^0.30.17",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "strip-literal": "^3.0.0",
+        "tinyglobby": "^0.2.13",
+        "unplugin": "^2.3.2",
+        "unplugin-utils": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
     "node_modules/nuxt/node_modules/confbox": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
@@ -9079,6 +10212,12 @@
       "integrity": "sha512-+vYvA/Y31l8Zk8dwxHhL3JfTuHPm6tlxM2A3GeQyl7ovYnSp1+mzAxClxaOr0qO1TtPxbQxetI7v5XqKLJZk7Q==",
       "license": "MIT"
     },
+    "node_modules/pako": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
+      "license": "MIT"
+    },
     "node_modules/parse-json": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-8.3.0.tgz",
@@ -10078,6 +11217,15 @@
         "node": ">=4"
       }
     },
+    "node_modules/regexp-tree": {
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
+      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
+      "license": "MIT",
+      "bin": {
+        "regexp-tree": "bin/regexp-tree"
+      }
+    },
     "node_modules/remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -10125,6 +11273,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/restructure": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
+      "integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==",
+      "license": "MIT"
+    },
     "node_modules/reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -10340,9 +11494,9 @@
       "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -10573,6 +11727,21 @@
       "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
       "license": "MIT"
     },
+    "node_modules/site-config-stack": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/site-config-stack/-/site-config-stack-3.2.0.tgz",
+      "integrity": "sha512-YmHQr5nMfec5ZTtuxK52YVG8nj4DwI68rSsbznuurQ96bIh2bHf5mNPAZnAyDBPpTWRwmWAliWMRD6WFewWGdA==",
+      "license": "MIT",
+      "dependencies": {
+        "ufo": "^1.6.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      },
+      "peerDependencies": {
+        "vue": "^3"
+      }
+    },
     "node_modules/slash": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
@@ -11061,6 +12230,12 @@
       "integrity": "sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==",
       "license": "MIT"
     },
+    "node_modules/tiny-inflate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
+      "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==",
+      "license": "MIT"
+    },
     "node_modules/tiny-invariant": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
@@ -11197,6 +12372,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/type-level-regexp": {
+      "version": "0.1.17",
+      "resolved": "https://registry.npmjs.org/type-level-regexp/-/type-level-regexp-0.1.17.tgz",
+      "integrity": "sha512-wTk4DH3cxwk196uGLK/E9pE45aLfeKJacKmcEgEOA/q5dnPGNxXt0cfYdFxb57L+sEpf1oJH4Dnx/pnRcku9jg==",
+      "license": "MIT"
+    },
     "node_modules/typescript": {
       "version": "5.7.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
@@ -11278,6 +12459,26 @@
         "url": "https://github.com/sponsors/harlan-zw"
       }
     },
+    "node_modules/unicode-properties": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
+      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/unicode-trie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
+      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      }
+    },
     "node_modules/unicorn-magic": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
@@ -11290,6 +12491,41 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/unifont": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/unifont/-/unifont-0.5.0.tgz",
+      "integrity": "sha512-4DueXMP5Hy4n607sh+vJ+rajoLu778aU3GzqeTCqsD/EaUcvqZT9wPC8kgK6Vjh22ZskrxyRCR71FwNOaYn6jA==",
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^3.0.0",
+        "ohash": "^2.0.0"
+      }
+    },
+    "node_modules/unifont/node_modules/css-tree": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz",
+      "integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.12.2",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/unifont/node_modules/mdn-data": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz",
+      "integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/unifont/node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
     "node_modules/unimport": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/unimport/-/unimport-4.2.0.tgz",
@@ -11387,6 +12623,39 @@
         "node": ">=18.12.0"
       }
     },
+    "node_modules/unplugin-ast": {
+      "version": "0.14.6",
+      "resolved": "https://registry.npmjs.org/unplugin-ast/-/unplugin-ast-0.14.6.tgz",
+      "integrity": "sha512-HdntpxAN8fWyJ28n8iRkRrez9UrxTPda27XzdEkI8tz0Cn0+fLrnN+8qHqHlzRWXxSPVP7M9eEJ5MeMwbbhy4g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/generator": "^7.27.0",
+        "ast-kit": "^1.4.2",
+        "magic-string-ast": "^0.9.1",
+        "unplugin": "^2.3.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/unplugin-ast/node_modules/magic-string-ast": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/magic-string-ast/-/magic-string-ast-0.9.1.tgz",
+      "integrity": "sha512-18dv2ZlSSgJ/jDWlZGKfnDJx56ilNlYq9F7NnwuWTErsmYmqJ2TWE4l1o2zlUHBYUGBy3tIhPCC1gxq8M5HkMA==",
+      "license": "MIT",
+      "dependencies": {
+        "magic-string": "^0.30.17"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
     "node_modules/unplugin-utils": {
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.2.4.tgz",
@@ -11469,19 +12738,19 @@
       }
     },
     "node_modules/unstorage": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/unstorage/-/unstorage-1.15.0.tgz",
-      "integrity": "sha512-m40eHdGY/gA6xAPqo8eaxqXgBuzQTlAKfmB1iF7oCKXE1HfwHwzDJBywK+qQGn52dta+bPlZluPF7++yR3p/bg==",
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/unstorage/-/unstorage-1.16.0.tgz",
+      "integrity": "sha512-WQ37/H5A7LcRPWfYOrDa1Ys02xAbpPJq6q5GkO88FBXVSQzHd7+BjEwfRqyaSWCv9MbsJy058GWjjPjcJ16GGA==",
       "license": "MIT",
       "dependencies": {
         "anymatch": "^3.1.3",
         "chokidar": "^4.0.3",
-        "destr": "^2.0.3",
-        "h3": "^1.15.0",
+        "destr": "^2.0.5",
+        "h3": "^1.15.2",
         "lru-cache": "^10.4.3",
         "node-fetch-native": "^1.6.6",
         "ofetch": "^1.4.1",
-        "ufo": "^1.5.4"
+        "ufo": "^1.6.1"
       },
       "peerDependencies": {
         "@azure/app-configuration": "^1.8.0",
@@ -11490,7 +12759,7 @@
         "@azure/identity": "^4.6.0",
         "@azure/keyvault-secrets": "^4.9.0",
         "@azure/storage-blob": "^12.26.0",
-        "@capacitor/preferences": "^6.0.3",
+        "@capacitor/preferences": "^6.0.3 || ^7.0.0",
         "@deno/kv": ">=0.9.0",
         "@netlify/blobs": "^6.5.0 || ^7.0.0 || ^8.1.0",
         "@planetscale/database": "^1.19.0",
diff --git a/package.json b/package.json
index c56f122..204e6d9 100755
--- a/package.json
+++ b/package.json
@@ -7,17 +7,23 @@
     "dev": "nuxt dev",
     "dev:expose": "nuxt dev --host",
     "generate": "nuxt generate",
-    "preview": "nuxt preview",
+    "preview": "npx serve .output/public",
     "prepare": "nuxt prepare",
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
     "@iconify-json/simple-icons": "^1.2.32",
     "@iconify-json/uil": "^1.2.3",
+    "@nuxt/fonts": "^0.11.3",
     "@nuxt/icon": "^1.10.3",
     "@nuxtjs/device": "^3.2.4",
+    "@nuxtjs/plausible": "^1.2.0",
+    "@nuxtjs/robots": "^5.2.10",
+    "@nuxtjs/sitemap": "^7.3.0",
     "@vueuse/nuxt": "^13.1.0",
     "nuxt": "^3.16.2",
+    "nuxt-ripple": "^0.0.8",
+    "nuxt-seo-utils": "^7.0.11",
     "vue": "latest",
     "vue-router": "latest"
   }
diff --git a/public/robots.txt b/public/_robots.txt
similarity index 100%
rename from public/robots.txt
rename to public/_robots.txt
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100755
index 18993ad..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100755
index 0000000..1446740
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1835 1957" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g><path d="M1567.66,18.116c145.891,-0 264.336,225.821 264.336,503.97c-0,278.149 -118.445,503.971 -264.336,503.971c-145.891,-0 -264.336,-225.822 -264.336,-503.971c0,-278.149 118.445,-503.97 264.336,-503.97Zm-0,224.151c-68.571,-0 -124.242,125.383 -124.242,279.819c0,154.437 55.671,279.82 124.242,279.82c68.571,0 124.241,-125.383 124.241,-279.82c0,-154.436 -55.67,-279.819 -124.241,-279.819Z" style="fill:#fff;"/><path d="M1303.43,755.105c13.811,85.466 89.537,243.344 171.549,272.195l-167.42,-1.213l-4.129,-270.982Z" style="fill:#fff;"/><path d="M9.052,1835.28l1.152,-1300.71c4.727,-203.082 60.44,-510.777 379.038,-525.353l1070.29,5.76c-106.16,85.364 -183.364,230.766 -179.726,543.787l0,1309.93c0,94.917 -24.936,111.898 -116.361,20.738c-67.285,-67.09 -128.514,-68.942 -195.856,-2.304c-80.33,79.49 -145.126,81.518 -216.593,2.304c-64.824,-71.852 -138.451,-64.497 -203.92,-0c-74.453,73.348 -133.367,79.706 -208.528,-4.609c-59.394,-66.627 -136.107,-49.149 -208.528,9.217c-95.361,76.853 -120.97,91.489 -120.97,-58.757Zm265.074,-1341.6c-0,-2.859 -2.321,-5.18 -5.18,-5.18l-132.364,0c-2.859,0 -5.181,2.321 -5.181,5.18c0,2.859 2.322,5.181 5.181,5.181l132.364,-0c2.859,-0 5.18,-2.322 5.18,-5.181Zm138.149,624.213l0,79.687l-84.961,0l0,72.657l85.037,-0c0.756,52.26 7.176,98.257 19.26,137.988c12.891,42.383 31.25,77.734 55.078,106.055c23.828,28.32 51.953,49.609 84.375,63.867c32.422,14.258 68.164,21.386 107.227,21.386c20.703,0 41.211,-1.562 61.523,-4.687c20.313,-3.125 39.844,-7.422 58.594,-12.891l-11.719,-93.75c-16.406,6.25 -33.691,11.133 -51.855,14.649c-18.164,3.515 -36.621,5.273 -55.371,5.273c-24.219,0 -46.094,-5.078 -65.625,-15.234c-19.532,-10.156 -36.328,-25.391 -50.391,-45.703c-14.062,-20.313 -24.805,-46.094 -32.227,-77.344c-6.796,-28.617 -10.481,-61.82 -11.053,-99.609l182.147,-0l0,-72.657l-182.226,0l-0,-79.687l182.226,-0l0,-73.242l-181.972,-0c0.952,-34.41 4.578,-64.879 10.878,-91.407c7.422,-31.25 17.969,-57.031 31.641,-77.343c13.672,-20.313 30.274,-35.547 49.805,-45.704c19.531,-10.156 41.601,-15.234 66.211,-15.234c19.14,0 37.793,1.856 55.957,5.567c18.164,3.71 35.449,8.691 51.855,14.941l11.719,-94.336c-20.313,-5.469 -40.234,-9.863 -59.766,-13.184c-19.531,-3.32 -39.843,-4.98 -60.937,-4.98c-39.063,-0 -74.903,7.129 -107.52,21.387c-32.617,14.257 -60.644,35.644 -84.082,64.16c-23.437,28.515 -41.601,64.062 -54.492,106.64c-11.367,37.545 -17.722,80.709 -19.066,129.493l-85.231,-0l0,73.242l84.961,-0Zm403.587,-624.213c0,-2.859 -2.321,-5.18 -5.18,-5.18l-132.364,0c-2.859,0 -5.18,2.321 -5.18,5.18c0,2.859 2.321,5.181 5.18,5.181l132.364,-0c2.859,-0 5.18,-2.322 5.18,-5.181Zm-272.284,0c0,-2.859 -2.321,-5.18 -5.18,-5.18l-132.364,0c-2.859,0 -5.18,2.321 -5.18,5.18c0,2.859 2.321,5.181 5.18,5.181l132.364,-0c2.859,-0 5.18,-2.322 5.18,-5.181Zm541.737,0c0,-2.859 -2.321,-5.18 -5.18,-5.18l-132.364,0c-2.859,0 -5.18,2.321 -5.18,5.18c-0,2.859 2.321,5.181 5.18,5.181l132.364,-0c2.859,-0 5.18,-2.322 5.18,-5.181Z" style="fill:#fff;"/></g></svg>
\ No newline at end of file
diff --git a/public/img/desktop-background.svg b/public/img/desktop-background.svg
new file mode 100644
index 0000000..6e811bd
--- /dev/null
+++ b/public/img/desktop-background.svg
@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 3840 2160" width="3840" height="2160" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="3840" height="2160" fill="#292929"></rect><defs><linearGradient id="grad1_0" x1="43.8%" y1="100%" x2="100%" y2="0%"><stop offset="14.444444444444446%" stop-color="#013174" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="#013174" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad1_1" x1="43.8%" y1="100%" x2="100%" y2="0%"><stop offset="14.444444444444446%" stop-color="#013174" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="#202e5a" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad1_2" x1="43.8%" y1="100%" x2="100%" y2="0%"><stop offset="14.444444444444446%" stop-color="#282b41" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="#202e5a" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad1_3" x1="43.8%" y1="100%" x2="100%" y2="0%"><stop offset="14.444444444444446%" stop-color="#282b41" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="#292929" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_0" x1="0%" y1="100%" x2="56.3%" y2="0%"><stop offset="14.444444444444446%" stop-color="#013174" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="#013174" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_1" x1="0%" y1="100%" x2="56.3%" y2="0%"><stop offset="14.444444444444446%" stop-color="#202e5a" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="#013174" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_2" x1="0%" y1="100%" x2="56.3%" y2="0%"><stop offset="14.444444444444446%" stop-color="#202e5a" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="#282b41" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_3" x1="0%" y1="100%" x2="56.3%" y2="0%"><stop offset="14.444444444444446%" stop-color="#292929" stop-opacity="1"></stop><stop offset="85.55555555555554%" stop-color="#282b41" stop-opacity="1"></stop></linearGradient></defs><g transform="translate(3840, 2160)"><path d="M-1956 0C-1926.7 -253.3 -1897.4 -506.6 -1820 -753.9C-1742.7 -1001.2 -1617.2 -1242.4 -1438.3 -1438.3C-1259.3 -1634.1 -1027 -1784.5 -778.4 -1879.2C-529.8 -1973.9 -264.9 -2012.9 0 -2052L0 0Z" fill="#292a35"></path><path d="M-1467 0C-1445 -190 -1423.1 -380 -1365 -565.4C-1307 -750.9 -1212.9 -931.8 -1078.7 -1078.7C-944.5 -1225.6 -770.2 -1338.3 -583.8 -1409.4C-397.3 -1480.4 -198.7 -1509.7 0 -1539L0 0Z" fill="#252d4d"></path><path d="M-978 0C-963.4 -126.7 -948.7 -253.3 -910 -376.9C-871.3 -500.6 -808.6 -621.2 -719.1 -719.1C-629.7 -817 -513.5 -892.2 -389.2 -939.6C-264.9 -986.9 -132.4 -1006.5 0 -1026L0 0Z" fill="#172f67"></path><path d="M-489 0C-481.7 -63.3 -474.4 -126.7 -455 -188.5C-435.7 -250.3 -404.3 -310.6 -359.6 -359.6C-314.8 -408.5 -256.7 -446.1 -194.6 -469.8C-132.4 -493.5 -66.2 -503.2 0 -513L0 0Z" fill="#013174"></path></g><g transform="translate(0, 0)"><path d="M1962 0C1948.3 263.6 1934.6 527.1 1846.8 765C1759 1002.9 1597.1 1215.1 1413.5 1413.5C1229.9 1612 1024.5 1796.7 785.3 1895.8C546.1 1994.9 273 2008.5 0 2022L0 0Z" fill="#292a35"></path><path d="M1471.5 0C1461.2 197.7 1451 395.3 1385.1 573.7C1319.3 752.1 1197.9 911.3 1060.1 1060.1C922.4 1209 768.4 1347.5 588.9 1421.9C409.5 1496.2 204.8 1506.3 0 1516.5L0 0Z" fill="#252d4d"></path><path d="M981 0C974.2 131.8 967.3 263.6 923.4 382.5C879.5 501.4 798.6 607.5 706.8 706.8C614.9 806 512.2 898.3 392.6 947.9C273 997.5 136.5 1004.2 0 1011L0 0Z" fill="#172f67"></path><path d="M490.5 0C487.1 65.9 483.7 131.8 461.7 191.2C439.8 250.7 399.3 303.8 353.4 353.4C307.5 403 256.1 449.2 196.3 474C136.5 498.7 68.3 502.1 0 505.5L0 0Z" fill="#013174"></path></g></svg>
\ No newline at end of file
diff --git a/public/img/hero-image.webp b/public/img/hero-image.webp
new file mode 100644
index 0000000..062741b
Binary files /dev/null and b/public/img/hero-image.webp differ
diff --git a/public/img/og.png b/public/img/og.png
new file mode 100755
index 0000000..ff58730
Binary files /dev/null and b/public/img/og.png differ
diff --git a/public/img/propapier.svg b/public/img/propapier.svg
new file mode 100755
index 0000000..1446740
--- /dev/null
+++ b/public/img/propapier.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1835 1957" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g><path d="M1567.66,18.116c145.891,-0 264.336,225.821 264.336,503.97c-0,278.149 -118.445,503.971 -264.336,503.971c-145.891,-0 -264.336,-225.822 -264.336,-503.971c0,-278.149 118.445,-503.97 264.336,-503.97Zm-0,224.151c-68.571,-0 -124.242,125.383 -124.242,279.819c0,154.437 55.671,279.82 124.242,279.82c68.571,0 124.241,-125.383 124.241,-279.82c0,-154.436 -55.67,-279.819 -124.241,-279.819Z" style="fill:#fff;"/><path d="M1303.43,755.105c13.811,85.466 89.537,243.344 171.549,272.195l-167.42,-1.213l-4.129,-270.982Z" style="fill:#fff;"/><path d="M9.052,1835.28l1.152,-1300.71c4.727,-203.082 60.44,-510.777 379.038,-525.353l1070.29,5.76c-106.16,85.364 -183.364,230.766 -179.726,543.787l0,1309.93c0,94.917 -24.936,111.898 -116.361,20.738c-67.285,-67.09 -128.514,-68.942 -195.856,-2.304c-80.33,79.49 -145.126,81.518 -216.593,2.304c-64.824,-71.852 -138.451,-64.497 -203.92,-0c-74.453,73.348 -133.367,79.706 -208.528,-4.609c-59.394,-66.627 -136.107,-49.149 -208.528,9.217c-95.361,76.853 -120.97,91.489 -120.97,-58.757Zm265.074,-1341.6c-0,-2.859 -2.321,-5.18 -5.18,-5.18l-132.364,0c-2.859,0 -5.181,2.321 -5.181,5.18c0,2.859 2.322,5.181 5.181,5.181l132.364,-0c2.859,-0 5.18,-2.322 5.18,-5.181Zm138.149,624.213l0,79.687l-84.961,0l0,72.657l85.037,-0c0.756,52.26 7.176,98.257 19.26,137.988c12.891,42.383 31.25,77.734 55.078,106.055c23.828,28.32 51.953,49.609 84.375,63.867c32.422,14.258 68.164,21.386 107.227,21.386c20.703,0 41.211,-1.562 61.523,-4.687c20.313,-3.125 39.844,-7.422 58.594,-12.891l-11.719,-93.75c-16.406,6.25 -33.691,11.133 -51.855,14.649c-18.164,3.515 -36.621,5.273 -55.371,5.273c-24.219,0 -46.094,-5.078 -65.625,-15.234c-19.532,-10.156 -36.328,-25.391 -50.391,-45.703c-14.062,-20.313 -24.805,-46.094 -32.227,-77.344c-6.796,-28.617 -10.481,-61.82 -11.053,-99.609l182.147,-0l0,-72.657l-182.226,0l-0,-79.687l182.226,-0l0,-73.242l-181.972,-0c0.952,-34.41 4.578,-64.879 10.878,-91.407c7.422,-31.25 17.969,-57.031 31.641,-77.343c13.672,-20.313 30.274,-35.547 49.805,-45.704c19.531,-10.156 41.601,-15.234 66.211,-15.234c19.14,0 37.793,1.856 55.957,5.567c18.164,3.71 35.449,8.691 51.855,14.941l11.719,-94.336c-20.313,-5.469 -40.234,-9.863 -59.766,-13.184c-19.531,-3.32 -39.843,-4.98 -60.937,-4.98c-39.063,-0 -74.903,7.129 -107.52,21.387c-32.617,14.257 -60.644,35.644 -84.082,64.16c-23.437,28.515 -41.601,64.062 -54.492,106.64c-11.367,37.545 -17.722,80.709 -19.066,129.493l-85.231,-0l0,73.242l84.961,-0Zm403.587,-624.213c0,-2.859 -2.321,-5.18 -5.18,-5.18l-132.364,0c-2.859,0 -5.18,2.321 -5.18,5.18c0,2.859 2.321,5.181 5.18,5.181l132.364,-0c2.859,-0 5.18,-2.322 5.18,-5.181Zm-272.284,0c0,-2.859 -2.321,-5.18 -5.18,-5.18l-132.364,0c-2.859,0 -5.18,2.321 -5.18,5.18c0,2.859 2.321,5.181 5.18,5.181l132.364,-0c2.859,-0 5.18,-2.322 5.18,-5.181Zm541.737,0c0,-2.859 -2.321,-5.18 -5.18,-5.18l-132.364,0c-2.859,0 -5.18,2.321 -5.18,5.18c-0,2.859 2.321,5.181 5.18,5.181l132.364,-0c2.859,-0 5.18,-2.322 5.18,-5.181Z" style="fill:#fff;"/></g></svg>
\ No newline at end of file
diff --git a/shared/Card.ts b/shared/Card.ts
deleted file mode 100644
index 59ed2c9..0000000
--- a/shared/Card.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export type Card = {
-  ppr: number
-  pps: number
-  ppl: number
-  uuid: string
-  name: string
-  price: string
-  roles: string
-  sheets: string
-  layers: string
-}
diff --git a/shared/PriceCard.ts b/shared/PriceCard.ts
new file mode 100644
index 0000000..4ad9249
--- /dev/null
+++ b/shared/PriceCard.ts
@@ -0,0 +1,8 @@
+export type PriceCard = {
+  uuid : string
+  name : string
+  price : string
+  roles : string
+  sheets : string
+  layers : string
+}
diff --git a/shared/TimelineCard.ts b/shared/TimelineCard.ts
new file mode 100644
index 0000000..63513fa
--- /dev/null
+++ b/shared/TimelineCard.ts
@@ -0,0 +1,11 @@
+export type TimelineState = 'planned' | 'inProgress' | 'done'
+
+export type TimelineCard = {
+  icon: string
+  title: string
+  description: string
+  state: {
+    value: TimelineState
+    message ?: string
+  }
+}
\ No newline at end of file