feat: test

Author: sikkzz

apps/tuk-landing/src/app/(home)/src/components/MainSection.tsx

@@ -2,18 +2,34 @@
 
 import Image from 'next/image';
 import Link from 'next/link';
+import { useEffect } from 'react';
 
 const MainSection = () => {
+  useEffect(() => {
+    const setVh = () => {
+      document.documentElement.style.setProperty('--vh', `${window.innerHeight * 0.01}px`);
+    };
+
+    setVh();
+    window.addEventListener('resize', setVh);
+    return () => window.removeEventListener('resize', setVh);
+  }, []);
   return (
-    <section id="thumbnail" className="fixed left-0 top-0 z-[-1] h-dvh w-full">
+    <section
+      id="thumbnail"
+      className="fixed left-0 top-0 z-[-1] w-full"
+      style={{ height: 'calc(var(--vh, 1vh) * 100)' }}
+    >
       <div className="absolute inset-0 z-0">
         <Image
           src="/main-bg.jpg"
           alt="Main Background"
-          fill
+          fill={false}
           priority
           quality={100}
-          className="object-cover object-center opacity-90"
+          width={1440}
+          height={900}
+          className="size-full object-cover object-center opacity-90"
         />
       </div>