fix: 랜딩페이지 레이아웃 수정

Author: goodsmell

src/pages/MainVer2.jsx

@@ -59,16 +59,16 @@ const MainVer2 = () => {
     : "p-large-regular c-white";
 
   return (
-    <div className="main-ver2">
+    <div className=" main-ver2">
       <FloatingBtn />
 
       <div>
-        <div className="page1">
+        <div className=" page1 h-[1010px]">
           <section className="page1-width">
             <div
               className={`page1-title-img pt-[136px]  ${
                 isLaptop
-                  ? "items-center gap-[80px]"
+                  ? " gap-[80px]"
                   : isTablet
                   ? "gap-[60px]"
                   : "gap-[42px]"
@@ -94,7 +94,7 @@ const MainVer2 = () => {
                 </h5>
               </div>
               {!isTablet && !isMobile ? (
-                <img src={circleIcon} alt="circle" className="circle-icon" />
+                <img src={circleIcon} alt="circle" className=" circle-icon" />
               ) : (
                 <div className="flex justify-end">
                   <img
@@ -106,12 +106,12 @@ const MainVer2 = () => {
               )}
             </div>
           </section>
-          <div className="flex justify-center w-full h-content">
+          <div className="flex justify-center w-full  h-content mt-[50px]">
             <img src={arrow} alt="First" className=" arrow" />
           </div>
         </div>
 
-        <div className={`page2 ${window.innerWidth >= 1600 && "page-size"}`}>
+        <div className={`page2  ${window.innerWidth >= 1600 && "page-size"}`}>
           <h1 className="page2-title title_64px">
             포도상점에서는 이런 것들이 가능해요
           </h1>

src/pages/MainVer2.scss

@@ -1,8 +1,8 @@
 @use "./../styles/_responsive.scss" as r;
 
 .main-ver2 .page1 {
-  margin-bottom: 98px;
   background: linear-gradient(180deg, #f5f0ff 0%, #fff 100%);
+
   @include r.media-tablet {
     display: flex;
     flex-direction: column;