feat: 랜딩페이지 디자인 버그 수정 (#320)

* feat: MainVer2 버튼 두 겹씩, 각 메뉴별 글씨 위치 수정

* feat: MainVer2 텍스트 줄바꿈 방지 및 크기 px로 고정

Author: game240

src/pages/MainVer2.jsx

@@ -101,7 +101,7 @@ const MainVer2 = () => {
                 <h1 className=" title">
                   당신의 대본이
                   <br />
-                  무대위에 오르기까지
+                  <span className="whitespace-nowrap">무대위에 오르기까지</span>
                 </h1>
 
                 <h5 className=" sub-title whitespace-nowrap">
@@ -187,7 +187,13 @@ const MainVer2 = () => {
                   ? content2Texts()
                   : content3Texts()}
 
-                <h1 className={page2TitleClassName}>
+                <h1
+                  className={clsx(
+                    page2TitleClassName,
+                    !(isTablet || isMobile || isSmallMobile) &&
+                      "translate-x-[20px]"
+                  )}
+                >
                   {!(isTablet || isMobile || isSmallMobile)
                     ? content2Title()
                     : content3Title()}
@@ -231,11 +237,14 @@ const MainVer2 = () => {
                 ? content3Texts()
                 : content2Texts()}
 
-              <ImageBtn
-                src={page2ButtonImg}
-                alt="->"
-                className="page2-button"
-              />
+              {/* 아마 이미지 export할 때 버튼 포함/버튼 제외로 다르게 불러와진 것 같음. -> 다르게 처리 */}
+              {(isTablet || isMobile || isSmallMobile) && (
+                <ImageBtn
+                  src={page2ButtonImg}
+                  alt="->"
+                  className="page2-button"
+                />
+              )}
             </div>
           </div>
         </div>

src/pages/MainVer2.scss

@@ -86,7 +86,7 @@
 .main-ver2 .page1 .title {
   padding-top: 138px;
 
-  font-size: 6.667vh; /* 72px */
+  font-size: 72px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%; /* 86.4px */