diff --git a/public/images/idea.png b/public/images/idea.png
new file mode 100644
index 0000000..4d80af2
Binary files /dev/null and b/public/images/idea.png differ
diff --git a/public/images/nemo.png b/public/images/nemo.png
new file mode 100644
index 0000000..c91e31f
Binary files /dev/null and b/public/images/nemo.png differ
diff --git a/public/images/sara.png b/public/images/sara.png
new file mode 100644
index 0000000..1ca2818
Binary files /dev/null and b/public/images/sara.png differ
diff --git a/public/images/sir.png b/public/images/sir.png
new file mode 100644
index 0000000..789c166
Binary files /dev/null and b/public/images/sir.png differ
diff --git a/src/Router.tsx b/src/Router.tsx
index c36920c..841899b 100644
--- a/src/Router.tsx
+++ b/src/Router.tsx
@@ -7,12 +7,14 @@ import Invite from "@pages/invite/Invite";
 import Personal from "@pages/personal/Personal";
 import Result from "@pages/result/Result";
 import Confirm from "@pages/confirm/Confirm";
+import Main from "@pages/main/Main";
 import Share from "@pages/share/Share";
 
 const Router: React.FC = () => {
   return (
     <BrowserRouter>
       <Routes>
+        <Route path="/" element={<Main />} />
         <Route path="/login" element={<Login />} />
         <Route path="/create" element={<Create />} />
         <Route path="/test/:page" element={<Test />} />
diff --git a/src/assets/background.png b/src/assets/background.png
new file mode 100644
index 0000000..9931926
Binary files /dev/null and b/src/assets/background.png differ
diff --git a/src/components/common/button/Button.tsx b/src/components/common/button/Button.tsx
index e80618e..efdfbda 100644
--- a/src/components/common/button/Button.tsx
+++ b/src/components/common/button/Button.tsx
@@ -26,7 +26,7 @@ const Btn = styled.button<ButtonProps>`
   border: none;
   margin: 10px auto;
 
-  @media (max-width: 360px) {
+  @media (max-width: 380px) {
     width: 280px;
   }
 `;
diff --git a/src/pages/main/Main.tsx b/src/pages/main/Main.tsx
new file mode 100644
index 0000000..0fe9055
--- /dev/null
+++ b/src/pages/main/Main.tsx
@@ -0,0 +1,21 @@
+import * as S from "./style";
+import Button from "@components/common/button/Button";
+import background from "../../assets/background.png";
+
+const Main: React.FC = () => {
+  return (
+    <S.Container>
+      <S.Section>
+        <S.Background src={background} alt="배경" />
+        <S.TitleSection>
+          <S.Title>
+            팀과 나를 맞추는 동기화, <br /> Sync Up
+          </S.Title>
+          <Button link="/create" name="팀 SyncUp 시작하기" />
+        </S.TitleSection>
+      </S.Section>
+    </S.Container>
+  );
+};
+
+export default Main;
diff --git a/src/pages/main/style.ts b/src/pages/main/style.ts
new file mode 100644
index 0000000..f022b75
--- /dev/null
+++ b/src/pages/main/style.ts
@@ -0,0 +1,40 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  position: relative;
+`;
+
+export const Title = styled.h1`
+  color: #343a40;
+  text-align: center;
+  font-family: Pretendard;
+  font-size: 32px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 40px; /* 111.111% */
+  letter-spacing: -0.5px;
+`;
+
+export const Section = styled.div`
+  height: 100vh;
+`;
+
+export const TitleSection = styled.div`
+  position: absolute;
+  width: 70%;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 10rem;
+`;
+
+export const Background = styled.img`
+  position: relative;
+  width: 540px;
+  height: 100%;
+`;
diff --git a/src/pages/share/Share.tsx b/src/pages/share/Share.tsx
index 9f9605a..690da5a 100644
--- a/src/pages/share/Share.tsx
+++ b/src/pages/share/Share.tsx
@@ -29,7 +29,7 @@ const Share = () => {
           name="김은혜"
           position="팀장"
           part="프론트엔드"
-          imgSrc="https://github.com/gracekim527.png"
+          imgSrc="/images/nemo.png"
           $background="transparent"
           $borderColor="#E1F0DA"
         />
@@ -39,6 +39,7 @@ const Share = () => {
           part="프론트엔드"
           $background="transparent"
           $borderColor="#E1F0DA"
+          imgSrc="/images/sara.png"
         />
         <ActivatedProfile
           name="이석원"
@@ -46,6 +47,7 @@ const Share = () => {
           part="백엔드"
           $background="transparent"
           $borderColor="#E1F0DA"
+          imgSrc="/images/idea.png"
         />
         <ActivatedProfile
           name="김현수"
@@ -53,6 +55,7 @@ const Share = () => {
           part="백엔드"
           $background="transparent"
           $borderColor="#E1F0DA"
+          imgSrc="/images/sir.png"
         />
       </S.ProfileContainer>
     </Container>