diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index be2106d2..9ffb51a2 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/package.json b/package.json
index 751e1c12..397b10b1 100644
--- a/package.json
+++ b/package.json
@@ -43,10 +43,10 @@
     "@fontsource-variable/literata": "^5.0.19",
     "@fontsource/zilla-slab": "^5.0.8",
     "@types/react": "^18.2.45",
-    "@types/react-dom": "^18.2.17",
-    "astro": "^4.0.5",
+    "@types/react-dom": "^18.2.18",
+    "astro": "^4.0.6",
     "astro-imagetools": "^0.9.0",
-    "gsap": "^3.12.3",
+    "gsap": "^3.12.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.21.0",
@@ -58,9 +58,9 @@
     "@types/eslint": "^8.44.9",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
-    "eslint": "^8.55.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-astro": "^0.30.0",
+    "eslint-plugin-astro": "^0.31.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ec39b08c..8b2a0d14 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,16 +1,17 @@
 ---
 import BaseLayout from '@components/templates/baseLayout/BaseLayout.astro';
-// todo: add CIs
+import Welcome from '@components/molecules/welcome/Welcome.astro';
+import Testimonials from '@components/molecules/testimonials/Testimonials.astro';
+
+// todo: acabar welcome (tilt)
+// todo: reveal on enter viewport
+// todo: view transitions
 // todo: add vitest
+// todo: add CIs
 ---
-
 <BaseLayout title="" description="">
-  <h1>Hello, Astronaut!</h1>
-  <p>
-    Welcome to the official <a href="https://astro.build/">Astro</a> blog starter template. This
-    template serves as a lightweight, minimally-styled starting point for anyone looking to
-    build a personal website, blog, or portfolio with Astro.
-  </p>
+<Welcome />
+<Testimonials />
   <p>
     This template comes with a few integrations already configured in your
     <code>astro.config.mjs</code> file. You can customize your setup with
diff --git a/src/ui/assets/images/jpg/bianca-fiore.jpg b/src/ui/assets/images/jpg/bianca-fiore.jpg
new file mode 100644
index 00000000..be74d716
Binary files /dev/null and b/src/ui/assets/images/jpg/bianca-fiore.jpg differ
diff --git a/src/ui/components/atoms/ReactScriptProvider.tsx b/src/ui/components/atoms/ReactScriptProvider.tsx
index 27f8737a..d191a801 100644
--- a/src/ui/components/atoms/ReactScriptProvider.tsx
+++ b/src/ui/components/atoms/ReactScriptProvider.tsx
@@ -5,9 +5,7 @@ import { scrollDirection } from '@components/organisms/header/utils/scrollDirect
 const ReactScriptProvider = () => {
   useEffect(() => {
     toggleMenu();
-    scrollDirection({
-      target: 'header',
-    });
+    scrollDirection();
   }, []);
 
   return null;
diff --git a/src/ui/components/molecules/testimonials/Testimonials.astro b/src/ui/components/molecules/testimonials/Testimonials.astro
new file mode 100644
index 00000000..853d812b
--- /dev/null
+++ b/src/ui/components/molecules/testimonials/Testimonials.astro
@@ -0,0 +1,3 @@
+---
+
+---
diff --git a/src/ui/components/molecules/testimonials/testimonials.css b/src/ui/components/molecules/testimonials/testimonials.css
new file mode 100644
index 00000000..909e696a
--- /dev/null
+++ b/src/ui/components/molecules/testimonials/testimonials.css
@@ -0,0 +1,56 @@
+@layer welcome {
+    .welcome {
+        display: grid;
+        grid-template-areas: 'LeftGreeting WelcomeImage RightGreeting';
+        grid-template-columns: 1fr 1fr 1fr;
+    }
+    .welcome__image{
+            grid-area: WelcomeImage;
+            align-self: center;
+            justify-self: center;
+            width: 100%;
+            max-width: 400px;
+            height: auto;
+        }
+
+    .welcome__text__body {
+        align-self: center;
+        text-align: center;
+        color: var(--neutral-main);
+
+        &.--right {
+            grid-area: RightGreeting;
+            justify-self: start;
+            margin-left: -3rem;
+            z-index: 10;
+        }
+        &.--left {
+            grid-area: LeftGreeting;
+            justify-self: end;
+            margin-right: -1.5rem;
+            z-index: 10;
+            translate: 0 -100px;
+        }
+        @supports (animation-timeline: scroll(root block)) {
+            &.--right {
+                animation: float-up-far 200ms linear;
+                animation-timeline: scroll(root block);
+            }
+            &.--left {
+                animation: float-up-close linear;
+                animation-timeline: scroll(root block);
+            }
+        }
+    }
+    .welcome__text__description{
+        grid-area: RightGreeting;
+        padding-inline-start: 1rem;
+        align-self: center;
+        margin-top: 8rem;
+
+        @supports (animation-timeline: scroll(root block)) {
+            animation: float-up-close linear;
+            animation-timeline: scroll(root block);
+        }
+    }
+}
diff --git a/src/ui/components/molecules/welcome/Welcome.astro b/src/ui/components/molecules/welcome/Welcome.astro
new file mode 100644
index 00000000..6d7bdedf
--- /dev/null
+++ b/src/ui/components/molecules/welcome/Welcome.astro
@@ -0,0 +1,10 @@
+---
+import { Picture } from "astro-imagetools/components";
+import './welcome.css';
+---
+<section class="welcome flex row-wrap">
+    <h2 class="welcome__text__body --left">Hi! I'm</h2>
+    <Picture class="welcome__image" src="/src/ui/assets/images/jpg/bianca-fiore.jpg" alt="Bianca Fiore" />
+    <h2 class="welcome__text__body --right">Bianca</h2>
+    <p class="welcome__text__description --right">Lorem ipsum dolor sit amet ipsum dolor sit amet ipsum dolor sit amet ipsum dolor sit amet</p>
+</section>
diff --git a/src/ui/components/molecules/welcome/welcome.css b/src/ui/components/molecules/welcome/welcome.css
new file mode 100644
index 00000000..909e696a
--- /dev/null
+++ b/src/ui/components/molecules/welcome/welcome.css
@@ -0,0 +1,56 @@
+@layer welcome {
+    .welcome {
+        display: grid;
+        grid-template-areas: 'LeftGreeting WelcomeImage RightGreeting';
+        grid-template-columns: 1fr 1fr 1fr;
+    }
+    .welcome__image{
+            grid-area: WelcomeImage;
+            align-self: center;
+            justify-self: center;
+            width: 100%;
+            max-width: 400px;
+            height: auto;
+        }
+
+    .welcome__text__body {
+        align-self: center;
+        text-align: center;
+        color: var(--neutral-main);
+
+        &.--right {
+            grid-area: RightGreeting;
+            justify-self: start;
+            margin-left: -3rem;
+            z-index: 10;
+        }
+        &.--left {
+            grid-area: LeftGreeting;
+            justify-self: end;
+            margin-right: -1.5rem;
+            z-index: 10;
+            translate: 0 -100px;
+        }
+        @supports (animation-timeline: scroll(root block)) {
+            &.--right {
+                animation: float-up-far 200ms linear;
+                animation-timeline: scroll(root block);
+            }
+            &.--left {
+                animation: float-up-close linear;
+                animation-timeline: scroll(root block);
+            }
+        }
+    }
+    .welcome__text__description{
+        grid-area: RightGreeting;
+        padding-inline-start: 1rem;
+        align-self: center;
+        margin-top: 8rem;
+
+        @supports (animation-timeline: scroll(root block)) {
+            animation: float-up-close linear;
+            animation-timeline: scroll(root block);
+        }
+    }
+}
diff --git a/src/ui/components/organisms/header/components/headerLink/HeaderLink.astro b/src/ui/components/organisms/header/components/headerLink/HeaderLink.astro
index e5207e72..cf13f9df 100644
--- a/src/ui/components/organisms/header/components/headerLink/HeaderLink.astro
+++ b/src/ui/components/organisms/header/components/headerLink/HeaderLink.astro
@@ -8,7 +8,7 @@ const { pathname } = Astro.url;
 const isCurrentPage = href === pathname || href === pathname.replace(/\/$/, '');
 ---
 
-<a href={href} class:list={[classNames, { '--is-current-page': isCurrentPage }]} {...props}>
+<a href={href} class:list={[`clickable ${classNames}`, { '--is-current-page': isCurrentPage }]} {...props}>
     <slot />
 </a>
 
diff --git a/src/ui/components/organisms/header/components/logo/logo.css b/src/ui/components/organisms/header/components/logo/logo.css
index ca519e76..16494a76 100644
--- a/src/ui/components/organisms/header/components/logo/logo.css
+++ b/src/ui/components/organisms/header/components/logo/logo.css
@@ -10,16 +10,11 @@
         z-index: 20;
 
         svg {
-            transition: fill 3s;
+            transition: scale .2s;
         }
 
-        &.--is-menu-open {
-            top: 3rem;
-            transition-delay: 0.5s;
-
-            svg {
-                fill: var(--white);
-            }
+        &.--is-scrolling:not(.--is-menu-open) svg{
+            scale: .85;
         }
     }
 }
diff --git a/src/ui/components/organisms/header/components/menu/menu.css b/src/ui/components/organisms/header/components/menu/menu.css
index d1804036..e543b1d5 100644
--- a/src/ui/components/organisms/header/components/menu/menu.css
+++ b/src/ui/components/organisms/header/components/menu/menu.css
@@ -17,7 +17,6 @@
     line-height: 70%;
     position: relative;
     top: 150%;
-    transition: letter-spacing 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
   }
 
   .navigation__menu {
@@ -104,6 +103,7 @@
     font-size: clamp(2rem, 5rem, 5rem);
     text-transform: uppercase;
     position: relative;
+    display: inline-block;
 
     &:after {
       background-color: currentColor;
@@ -112,7 +112,7 @@
       margin: 0 auto;
       left: 0;
       right: 0;
-      bottom: 8px;
+      bottom: -1.25rem;
       transform: scaleX(0);
       transition: all 0.2s ease;
       position: absolute;
diff --git a/src/ui/components/organisms/header/components/menuButton/MenuButton.astro b/src/ui/components/organisms/header/components/menuButton/MenuButton.astro
index cfd7a09c..8d071974 100644
--- a/src/ui/components/organisms/header/components/menuButton/MenuButton.astro
+++ b/src/ui/components/organisms/header/components/menuButton/MenuButton.astro
@@ -1,7 +1,7 @@
 ---
 import './menuButton.css';
 ---
-<button class="header__menu-button">
+<button class="header__menu-button clickable">
     <span class="header__menu-button__outline outline-1" />
     <span class="header__menu-button__outline outline-2" />
     <span class="header__menu-text">Menu</span>
diff --git a/src/ui/components/organisms/header/components/menuOverlay/menuOverlay.css b/src/ui/components/organisms/header/components/menuOverlay/menuOverlay.css
index 83186194..642b526d 100644
--- a/src/ui/components/organisms/header/components/menuOverlay/menuOverlay.css
+++ b/src/ui/components/organisms/header/components/menuOverlay/menuOverlay.css
@@ -1,5 +1,6 @@
 @layer header.menuOverlay {
   .header__menu-overlay__wrapper {
+  display: none;
     height: 100dvh;
     inset: -1rem 0 0 0;
     position: absolute;
diff --git a/src/ui/components/organisms/header/header.css b/src/ui/components/organisms/header/header.css
index b00ecd7c..37f255e1 100644
--- a/src/ui/components/organisms/header/header.css
+++ b/src/ui/components/organisms/header/header.css
@@ -5,13 +5,21 @@
         position: fixed;
         transition: all .3s;
         width: 100%;
-        z-index: 100;
+        z-index: 1000;
 
-        &.--is-scrolling::after {
+        &.--is-scrolling{
+            box-shadow: 0 0.125rem 0.375rem var(--neutral-light-2);
+
+            &::after {
             clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
         }
     }
 
+    .header__wrapper {
+        position: relative;
+        height: 100%;
+    }
+
     .header__backdrop {
         --extended-by: var(--header-height);
         --cutoff: calc(100% - var(--extended-by));
@@ -28,9 +36,4 @@
                 transparent var(--cutoff)
         );
     }
-
-    .header__wrapper {
-        position: relative;
-        height: 100%;
-    }
 }
diff --git a/src/ui/components/organisms/header/utils/scrollDirection/scrollDirection.ts b/src/ui/components/organisms/header/utils/scrollDirection/scrollDirection.ts
index e9d2bcca..525c033e 100644
--- a/src/ui/components/organisms/header/utils/scrollDirection/scrollDirection.ts
+++ b/src/ui/components/organisms/header/utils/scrollDirection/scrollDirection.ts
@@ -3,28 +3,28 @@ enum ScrollDirection {
   UP = 'UP',
   DOWN = 'DOWN',
 }
-
-interface ScrollDirectionOptions {
-  target: string;
-}
-
-export function scrollDirection(options: ScrollDirectionOptions): void {
+export function scrollDirection(): void {
   let lastScrollTop = 0;
   let scrollDirection: ScrollDirection = ScrollDirection.NONE;
 
   const handleScroll = () => {
-    const { target } = options;
-    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+    const HEADER = document.querySelector('header');
+    const LOGO = document.querySelector('.site__logo');
+    const scrollTop = document.documentElement.scrollTop ?? document.body.scrollTop;
 
     if (scrollTop > lastScrollTop) scrollDirection = ScrollDirection.DOWN;
     else scrollDirection = ScrollDirection.UP;
 
     lastScrollTop = scrollTop;
 
-    const selector = document.querySelector(target);
-    if (selector) {
-      if (scrollTop === 0) selector.classList.remove('--is-scrolling');
-      else if (scrollDirection === ScrollDirection.DOWN) selector.classList.add('--is-scrolling');
+    if (!HEADER || !LOGO) return;
+
+    if (scrollTop === 0) {
+      HEADER.classList.remove('--is-scrolling');
+      LOGO.classList.remove('--is-scrolling');
+    } else if (scrollDirection === ScrollDirection.DOWN) {
+      HEADER.classList.add('--is-scrolling');
+      LOGO.classList.add('--is-scrolling');
     }
   };
 
diff --git a/src/ui/components/organisms/header/utils/toggleMenu/toggleMenu.ts b/src/ui/components/organisms/header/utils/toggleMenu/toggleMenu.ts
index 4f94404d..6e8e7f97 100644
--- a/src/ui/components/organisms/header/utils/toggleMenu/toggleMenu.ts
+++ b/src/ui/components/organisms/header/utils/toggleMenu/toggleMenu.ts
@@ -5,7 +5,7 @@ const ANIMATION_CONFIG = {
   POWER2_EASE_OUT: 'power2.easeOut',
   POWER2_EASE_IN: 'power2.easeIn',
   POWER3_OUT: 'power3.out',
-  WHITE: getComputedStyle(document.documentElement).getPropertyValue('--white') ?? '#fff',
+  WHITE: getComputedStyle(document.documentElement).getPropertyValue('--white') ?? 'var(--white)',
   PATH_START: 'M0 502S175 272 500 272s500 230 500 230V0H0Z',
   PATH_END: 'M0,1005S175,995,500,995s500,5,500,5V0H0Z',
 };
@@ -14,31 +14,31 @@ export function toggleMenu() {
   let isMenuOpen = false;
   let toggleMenuText = 'Menu';
 
-  const body = document.querySelector('body')!;
-  const html = document.querySelector('html')!;
-  const menuOverlay = document.querySelector('.header__menu-overlay__wrapper')!;
-  const menuDivider = document.querySelector('.navigation__menu__divider')!;
-  const logo = document.querySelector('.site__logo')!;
-  const toggleMenuButton = document.querySelector('.header__menu-button')!;
-  const menuText = document.querySelector('.header__menu-text')!;
+  const BODY = document.querySelector('body')!;
+  const HTML = document.querySelector('html')!;
+  const MENU_OVERLAY = document.querySelector('.header__menu-overlay__wrapper')!;
+  const MENU_DIVIDER = document.querySelector('.navigation__menu__divider')!;
+  const TOGGLE_MENU_BUTTON = document.querySelector('.header__menu-button')!;
+  const LOGO = document.querySelector('.site__logo')!;
+  const MENU_TEXT = document.querySelector('.header__menu-text')!;
+  const OVERLAY_PATH = MENU_OVERLAY.querySelector('path');
 
-  const overlayPath = menuOverlay.querySelector('path');
-
-  const ELEMENTS_TO_TOGGLE = [body, html, menuOverlay, logo, menuDivider];
+  const ELEMENTS_TO_TOGGLE = [BODY, HTML, LOGO, MENU_OVERLAY, MENU_DIVIDER];
 
   const timeline = gsap.timeline({ paused: true });
   toggleMenuItems();
 
   function updateButtonContent() {
-    if (!menuText) return;
+    if (!MENU_TEXT) return;
     toggleMenuText = isMenuOpen ? 'Close' : 'Menu';
-    menuText.innerHTML = toggleMenuText;
+    const timeout = isMenuOpen ? 500 : 0;
+    setTimeout(() => (MENU_TEXT.textContent = toggleMenuText), timeout);
   }
 
   function toggleMenuItems() {
     const { POWER4_IN_OUT, POWER2_EASE_IN, POWER3_OUT, WHITE, PATH_START, PATH_END } = ANIMATION_CONFIG;
 
-    timeline.to('.header__menu-overlay__wrapper', { zIndex: '0' }, '<');
+    timeline.to('.header__menu-overlay__wrapper', { zIndex: '0', display: 'block' }, '<');
     timeline.to('.header__menu-text', {
       top: '1.5rem',
       left: '1rem',
@@ -63,9 +63,12 @@ export function toggleMenu() {
       },
       '<'
     );
+    timeline.to('.site__logo', { y: '3rem', duration: 0.25 }, '-=0.5');
+    timeline.to('.site__logo svg', { fill: WHITE, duration: 0.25 }, '<');
+    timeline.to('.site__logo .--is-scrolling:not(.--is-menu-open) svg', { scale: 1 }, '<');
     timeline
-      .to(overlayPath, { attr: { d: PATH_START }, ease: POWER2_EASE_IN, duration: 0.8 }, '<')
-      .to(overlayPath, { attr: { d: PATH_END }, ease: POWER2_EASE_IN, duration: 0.8 }, '-=0.5');
+      .to(OVERLAY_PATH, { attr: { d: PATH_START }, ease: POWER2_EASE_IN, duration: 0.8 }, '<')
+      .to(OVERLAY_PATH, { attr: { d: PATH_END }, ease: POWER2_EASE_IN, duration: 0.8 }, '-=0.5');
     timeline.to('.header__menu', { visibility: 'visible', duration: 1 }, '-=0.5');
     timeline
       .to(
@@ -93,7 +96,7 @@ export function toggleMenu() {
       .reverse();
   }
 
-  toggleMenuButton.addEventListener('click', () => {
+  TOGGLE_MENU_BUTTON.addEventListener('click', () => {
     isMenuOpen = !isMenuOpen;
 
     ELEMENTS_TO_TOGGLE.forEach((element) => element.classList.toggle('--is-menu-open'));
diff --git a/src/ui/styles/base/base.css b/src/ui/styles/base/base.css
index fa330d40..8b797561 100644
--- a/src/ui/styles/base/base.css
+++ b/src/ui/styles/base/base.css
@@ -1,7 +1,15 @@
 @layer base {
-    *::selection {
-        background-color: var(--primary-main);
-        color: var(--white);
+    * {
+        &::selection {
+            background-color: var(--primary-main);
+            color: var(--white);
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+            animation-duration: 0.01ms !important;
+            animation-iteration-count: 1 !important;
+            transition-duration: 0.01ms !important;
+        }
     }
 
     html,
@@ -21,7 +29,7 @@
     main {
         max-width: var(--grid-extra-large);
         width: 100%;
-        margin: var(--header-height) auto 0;
+        margin: calc(var(--header-height) * 2) auto 0;
     }
 
     body,
@@ -73,4 +81,8 @@
         -webkit-tap-highlight-color: transparent;
         fill: var(--neutral-main);
     }
+
+    h1, h2{
+        font-size: clamp(2rem, 5rem, 5rem);
+    }
 }
diff --git a/src/ui/styles/global/animations.css b/src/ui/styles/global/animations.css
index 9a7a8594..e00f4eee 100644
--- a/src/ui/styles/global/animations.css
+++ b/src/ui/styles/global/animations.css
@@ -10,4 +10,20 @@
       border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
     }
   }
+    @keyframes float-up-close {
+        0% {
+            transform: translateY(0);
+        }
+        100% {
+            transform: translateY(-100px);
+        }
+    }
+    @keyframes float-up-far {
+        0% {
+            translate: 0 0;
+        }
+        100% {
+            translate: 0 -400px;
+        }
+    }
 }
diff --git a/src/ui/styles/global/global.css b/src/ui/styles/global/global.css
index b02e4f2d..2926b5df 100644
--- a/src/ui/styles/global/global.css
+++ b/src/ui/styles/global/global.css
@@ -28,4 +28,13 @@
     .align-center {
         align-content: center;
     }
+
+    .clickable {
+        cursor: pointer;
+        transition: scale .2s;
+
+        &:active{
+            scale: .9;
+        }
+    }
 }
diff --git a/yarn.lock b/yarn.lock
index 71e2d0d1..0582fa69 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -22,13 +22,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@astrojs/compiler@npm:^2.0.0, @astrojs/compiler@npm:^2.3.2":
+"@astrojs/compiler@npm:^2.0.0":
   version: 2.3.2
   resolution: "@astrojs/compiler@npm:2.3.2"
   checksum: e883e5d8c1a314b32e5435fe774d6b65c43a9d9b986d5540dbeb95a21a180a9cf9c095c9abe4bfc9d925f9db76862d1a345e40b3c85a121d00daf84b123286cb
   languageName: node
   linkType: hard
 
+"@astrojs/compiler@npm:^2.3.4":
+  version: 2.3.4
+  resolution: "@astrojs/compiler@npm:2.3.4"
+  checksum: 445b2faed9e7a8856126ce66477c97fc646b7cf9a259f43a060e73851ebf8b1fd31a2b8484b5c2ab0e1cc49c2cdff1c2eb5b79ca79ca28748e1fde53dab65431
+  languageName: node
+  linkType: hard
+
 "@astrojs/internal-helpers@npm:0.2.1":
   version: 0.2.1
   resolution: "@astrojs/internal-helpers@npm:0.2.1"
@@ -675,10 +682,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint/js@npm:8.55.0":
-  version: 8.55.0
-  resolution: "@eslint/js@npm:8.55.0"
-  checksum: 88ab9fc57a651becd2b32ec40a3958db27fae133b1ae77bebd733aa5bbd00a92f325bb02f20ad680d31c731fa49b22f060a4777dd52eb3e27da013d940bd978d
+"@eslint/js@npm:8.56.0":
+  version: 8.56.0
+  resolution: "@eslint/js@npm:8.56.0"
+  checksum: 60b3a1cf240e2479cec9742424224465dc50e46d781da1b7f5ef240501b2d1202c225bd456207faac4b34a64f4765833345bc4ddffd00395e1db40fa8c426f5a
   languageName: node
   linkType: hard
 
@@ -1672,7 +1679,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:^18.0.0, @types/react-dom@npm:^18.2.17":
+"@types/react-dom@npm:^18.0.0":
   version: 18.2.17
   resolution: "@types/react-dom@npm:18.2.17"
   dependencies:
@@ -1681,6 +1688,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-dom@npm:^18.2.18":
+  version: 18.2.18
+  resolution: "@types/react-dom@npm:18.2.18"
+  dependencies:
+    "@types/react": "npm:*"
+  checksum: 74dba11a1b8156f3a763f3fca1fb4ec1dcd349153279b8bf79210024a69f994bf2cf0728198c047f8130c5318420ea56281b0a4ef84c8ae943cd9a0cac705220
+  languageName: node
+  linkType: hard
+
 "@types/react@npm:*, @types/react@npm:^18.2.45":
   version: 18.2.45
   resolution: "@types/react@npm:18.2.45"
@@ -2270,11 +2286,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"astro@npm:^4.0.5":
-  version: 4.0.5
-  resolution: "astro@npm:4.0.5"
+"astro@npm:^4.0.6":
+  version: 4.0.6
+  resolution: "astro@npm:4.0.6"
   dependencies:
-    "@astrojs/compiler": "npm:^2.3.2"
+    "@astrojs/compiler": "npm:^2.3.4"
     "@astrojs/internal-helpers": "npm:0.2.1"
     "@astrojs/markdown-remark": "npm:4.0.1"
     "@astrojs/telemetry": "npm:3.0.4"
@@ -2341,7 +2357,7 @@ __metadata:
       optional: true
   bin:
     astro: astro.js
-  checksum: 16c29e75993aae9a03a5f21149fe9bbd65e5a434bb033e0e23814679cef6a90a7cd965400b2ba998f2560f2c6113243c60a744e683700f8f775a24776268f889
+  checksum: 0d8c2a84a4982768b1ff8b388f77d84c80bfd5a124518ecb27346f536cf0b80e775288999d5320ae228a7807e7fec00780f21448fb98f8b01bc5c1e823338d0e
   languageName: node
   linkType: hard
 
@@ -2423,18 +2439,18 @@ __metadata:
     "@testing-library/react-hooks": "npm:^8.0.1"
     "@types/eslint": "npm:^8.44.9"
     "@types/react": "npm:^18.2.45"
-    "@types/react-dom": "npm:^18.2.17"
+    "@types/react-dom": "npm:^18.2.18"
     "@typescript-eslint/eslint-plugin": "npm:^6.14.0"
     "@typescript-eslint/parser": "npm:^6.14.0"
-    astro: "npm:^4.0.5"
+    astro: "npm:^4.0.6"
     astro-imagetools: "npm:^0.9.0"
-    eslint: "npm:^8.55.0"
+    eslint: "npm:^8.56.0"
     eslint-config-prettier: "npm:^9.1.0"
-    eslint-plugin-astro: "npm:^0.30.0"
+    eslint-plugin-astro: "npm:^0.31.0"
     eslint-plugin-prettier: "npm:^5.0.1"
     eslint-plugin-react: "npm:^7.33.2"
     eslint-plugin-react-hooks: "npm:^4.6.0"
-    gsap: "npm:^3.12.3"
+    gsap: "npm:^3.12.4"
     husky: "npm:^8.0.3"
     lint-staged: "npm:^15.2.0"
     prettier: "npm:3.1.1"
@@ -3562,9 +3578,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-astro@npm:^0.30.0":
-  version: 0.30.0
-  resolution: "eslint-plugin-astro@npm:0.30.0"
+"eslint-plugin-astro@npm:^0.31.0":
+  version: 0.31.0
+  resolution: "eslint-plugin-astro@npm:0.31.0"
   dependencies:
     "@eslint-community/eslint-utils": "npm:^4.2.0"
     "@jridgewell/sourcemap-codec": "npm:^1.4.14"
@@ -3575,7 +3591,7 @@ __metadata:
     postcss-selector-parser: "npm:^6.0.10"
   peerDependencies:
     eslint: ">=7.0.0"
-  checksum: 0831f97ed871156926fa2ae106cd2a6905149086e79e16bb90f71ef69e8ab160e0dce5cbbaf4230cf84b035ca72b0c77277406fff23dc6cccd923a231801e7dc
+  checksum: d6f6f403278f846cc4d8a9643e74e5df6530d3c119fbe90842397ed2a9801ef79115b071941f53e5c3e8d1b7a4aea3e2fa86b05247e9209ab8ec47d571d6c039
   languageName: node
   linkType: hard
 
@@ -3650,14 +3666,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint@npm:^8.55.0":
-  version: 8.55.0
-  resolution: "eslint@npm:8.55.0"
+"eslint@npm:^8.56.0":
+  version: 8.56.0
+  resolution: "eslint@npm:8.56.0"
   dependencies:
     "@eslint-community/eslint-utils": "npm:^4.2.0"
     "@eslint-community/regexpp": "npm:^4.6.1"
     "@eslint/eslintrc": "npm:^2.1.4"
-    "@eslint/js": "npm:8.55.0"
+    "@eslint/js": "npm:8.56.0"
     "@humanwhocodes/config-array": "npm:^0.11.13"
     "@humanwhocodes/module-importer": "npm:^1.0.1"
     "@nodelib/fs.walk": "npm:^1.2.8"
@@ -3694,7 +3710,7 @@ __metadata:
     text-table: "npm:^0.2.0"
   bin:
     eslint: bin/eslint.js
-  checksum: d28c0b60f19bb7d355cb8393e77b018c8f548dba3f820b799c89bb2e0c436ee26084e700c5e57e1e97e7972ec93065277849141b82e7b0c0d02c2dc1e553a2a1
+  checksum: 2be598f7da1339d045ad933ffd3d4742bee610515cd2b0d9a2b8b729395a01d4e913552fff555b559fccaefd89d7b37632825789d1b06470608737ae69ab43fb
   languageName: node
   linkType: hard
 
@@ -4392,7 +4408,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"gsap@npm:^3.12.3":
+"gsap@npm:^3.12.4":
   version: 3.12.4
   resolution: "gsap@npm:3.12.4"
   checksum: 82de60392b722485d22140f7dfd7b99aa26096c234ff64b3269f08f50a1dd24a57d38d6a8807fc36059ef82f7c8da4f32c70d68a918679881004a218be559dea