test: 스크롤 로직 테스트

Author: sikkzz

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

@@ -5,7 +5,7 @@ const MainSection = () => {
   return (
     <section
       id="thumbnail"
-      className="fixed left-0 top-0 z-[-1] h-[calc(calc(var(--vh,1vh)*100)+26px)] w-full bg-cover bg-center bg-no-repeat opacity-90 transition-[background-image] duration-100"
+      className="fixed left-0 top-0 z-[-1] h-screen w-full bg-cover bg-center bg-no-repeat opacity-90 transition-[background-image] duration-100"
       style={{
         backgroundImage:
           'linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 100%), url(/main-bg.jpg)',

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

@@ -3,7 +3,7 @@ import Link from 'next/link';
 
 const ServiceInfoSection = () => {
   return (
-    <div className="mt-[calc(var(--vh,1vh)*100)] rounded-t-[3.75rem] bg-white-default pt-[3.75rem] max-[880px]:rounded-t-[1.625rem] max-[880px]:pt-[1.625rem]">
+    <div className="mt-[100vh] rounded-t-[3.75rem] bg-white-default pt-[3.75rem] max-[880px]:rounded-t-[1.625rem] max-[880px]:pt-[1.625rem]">
       <section className="relative mb-40 mt-[8.75rem] max-[1280px]:mt-[6.25rem] max-[880px]:mt-10">
         <div className="m-auto max-w-screen-xl overflow-hidden p-0 px-[4.375rem] max-[1280px]:max-w-[880px] max-[1280px]:px-6 min-[1281px]:p-[2.875rem]">
           <div className="px-6">

apps/tuk-landing/src/app/page.tsx

@@ -5,7 +5,7 @@ import { useEffect, useState } from 'react';
 import Footer from '@/app/(home)/src/components/Footer';
 import Header from '@/app/(home)/src/components/Header';
 import MainSection from '@/app/(home)/src/components/MainSection';
-import { ResponsiveHeightResize } from '@/app/(home)/src/components/ResponsiveHeightResize';
+// import { ResponsiveHeightResize } from '@/app/(home)/src/components/ResponsiveHeightResize';
 import ServiceInfoSection from '@/app/(home)/src/components/ServiceInfoSection';
 
 export default function LandingPage() {
@@ -30,7 +30,7 @@ export default function LandingPage() {
 
   return (
     <>
-      <ResponsiveHeightResize />
+      {/* <ResponsiveHeightResize /> */}
 
       <Header isScrolledPastMain={isScrolledPastMain} />