design :: 메인페이지 완?

team-xquare · Mar 12, 2024 · 0b55596 · 0b55596
1 parent 727f73f
commit 0b55596
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/common/header/index.tsx b/src/components/common/header/index.tsx
@@ -39,7 +39,7 @@ export const Header = () => {
               console.log('click!');
             }}
           >
-            무료로 이용하세요
+            무료로 시작하기
           </Button>
         </RightSide>
         <WrapperBackground scroll={scroll} />

diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
@@ -2,6 +2,7 @@ import styled from '@emotion/styled';
 import { FirstContainer } from '@/components/Main/firstContainer';
 import { SecondContainer } from '@/components/Main/secondContainer';
 import { ThirdContainer } from '@/components/Main/thirdContainer';
+import { Button } from '@/components/common/button';
 
 export const Main = () => {
   return (
@@ -15,7 +16,9 @@ export const Main = () => {
           대마고 학생이라면 <b>‘스퀘어 인프라’</b> 를<br />
           <b>무료</b>로 사용할 수 있습니다.
         </div>
-        <div></div>
+        <Button width={188} height={56} buttonColor="white" buttonStyle="solid" onClick={() => console.log('click!!')}>
+          무료로 사용하기
+        </Button>
       </SubFooter>
     </Wrapper>
   );
@@ -29,7 +32,7 @@ const Wrapper = styled.div`
 const SubFooter = styled.div`
   width: 100%;
   height: 540px;
-  padding-top: 150px;
+  padding-top: 120px;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -44,6 +47,7 @@ const SubFooter = styled.div`
     font-weight: 700;
     text-align: center;
     margin-top: 34px;
+    margin-bottom: 60px;
     > b {
       color: white;
     }