feat: add scroll indicator with animation and translations

src/components/sections/Hero.module.css

@@ -3,7 +3,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  min-height: 100vh;
+  height: 100vh;
+  height: 100dvh;
   padding: var(--space-3xl) 0;
   overflow: hidden;
 }
@@ -105,6 +106,10 @@
   left: 50%;
   transform: translateX(-50%);
   z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-sm);
 }
 
 .scrollMouse {
@@ -124,6 +129,15 @@
   border-radius: 2px;
 }
 
+.scrollText {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--md-sys-color-on-surface);
+  opacity: 0.4;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+}
+
 @media (max-width: 768px) {
   .typed {
     min-width: auto;