diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 00000000..a0314cf9
Binary files /dev/null and b/.DS_Store differ
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index a8581477..63aab15e 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -2,19 +2,24 @@
 
 ### 기본
 
-- [x]
-- []
-- []
+- [x] 랜딩 페이지의 url path는 루트('/')로 설정합니다.
+- [x] title은 "판다마켓"로 설정합니다.
+- [x] 화면의 너비가 1920px 이상이면 하늘색 배경색은 너비를 꽉 채우도록 채워지고, 내부 요소들의 위치는 고정되고, 여백만 커지도록 합니다.
+- [] 화면의 너비가 1920px 보다 작아질 때, "판다마켓" 로고의 왼쪽 여백 200px"로그인" 버튼의 오른쪽 여백 200px이 유지되고, 화면의 너비가 작아질수록 두 요소간 거리가 가까워지도록 설정합니다.
+- [x] 클릭으로 기능이 동작해야 하는 경우, 사용자가 클릭할 수 있는 요소임을 알 수 있도록 CSS 속성 cursor: pointer 로 설정합니다.
+- [x] "판다마켓" 클릭 시 루트 페이지('/')로 이동합니다.
+- [x] '로그인'버튼 클릭 시 로그인 페이지('/login')로 이동합니다 (빈 페이지)
+- [x] "구경하러가기"버튼 클릭 시('/items')로 이동합니다.(빈 페이지)
+- [x] "Privacy Policy", "FAQ"는 클릭 시 각각 Privacy 페이지('/privacy'), FAQ 페이지('/faq')로 이동합니다.(모두 빈 페이지)
+- [x] 페이스북, 트위터, 유튜브, 인스타그램 아이콘을 클릭 시 각각의 홈페이지로 새로운 창이 열리면서 이동합니다.
 
 ### 심화
 
-- [x]
-- []
+- [x] 사용자의 브라우저가 크고 작아짐에 따라 페이지의 요소간 간격, 요소의 크기, font-size 등 모든 크기와 관련된 값이 크고 작아지도록 설정해 보세요.(설정값은 자유입니다)
 
 ## 주요 변경사항
 
--
--
+- main content 중앙에 고정되도록 레이아웃 변경
 
 ## 스크린샷
 
@@ -22,6 +27,5 @@
 
 ## 멘토에게
 
--
--
+- min, max 크기 활용 방법을 잘 모르겠습니다.
 - 셀프 코드 리뷰를 통해 질문 이어가겠습니다.
diff --git a/README.md b/README.md
new file mode 100644
index 00000000..c969190d
--- /dev/null
+++ b/README.md
@@ -0,0 +1 @@
+# Sprint Misson 1
diff --git a/assets/.DS_Store b/assets/.DS_Store
new file mode 100644
index 00000000..71428226
Binary files /dev/null and b/assets/.DS_Store differ
diff --git a/assets/landing-page/banner.png b/assets/landing-page/banner.png
new file mode 100644
index 00000000..83a4881c
Binary files /dev/null and b/assets/landing-page/banner.png differ
diff --git a/assets/landing-page/footer.png b/assets/landing-page/footer.png
new file mode 100644
index 00000000..31853d71
Binary files /dev/null and b/assets/landing-page/footer.png differ
diff --git a/assets/landing-page/img/landing/Rectangle 2993.png b/assets/landing-page/img/landing/Rectangle 2993.png
new file mode 100644
index 00000000..12880cf6
Binary files /dev/null and b/assets/landing-page/img/landing/Rectangle 2993.png differ
diff --git a/assets/landing-page/img/landing/desktop_01.png b/assets/landing-page/img/landing/desktop_01.png
new file mode 100644
index 00000000..b5f88704
Binary files /dev/null and b/assets/landing-page/img/landing/desktop_01.png differ
diff --git a/assets/landing-page/img/landing/desktop_02.png b/assets/landing-page/img/landing/desktop_02.png
new file mode 100644
index 00000000..c58a0cc4
Binary files /dev/null and b/assets/landing-page/img/landing/desktop_02.png differ
diff --git a/assets/landing-page/img/landing/desktop_03.png b/assets/landing-page/img/landing/desktop_03.png
new file mode 100644
index 00000000..d360b6bb
Binary files /dev/null and b/assets/landing-page/img/landing/desktop_03.png differ
diff --git a/assets/landing-page/img/landing/desktop_04.png b/assets/landing-page/img/landing/desktop_04.png
new file mode 100644
index 00000000..651a00fa
Binary files /dev/null and b/assets/landing-page/img/landing/desktop_04.png differ
diff --git a/assets/landing-page/img/landing/mobile_01.png b/assets/landing-page/img/landing/mobile_01.png
new file mode 100644
index 00000000..efab22e8
Binary files /dev/null and b/assets/landing-page/img/landing/mobile_01.png differ
diff --git a/assets/landing-page/img/landing/mobile_02.png b/assets/landing-page/img/landing/mobile_02.png
new file mode 100644
index 00000000..e6b4e945
Binary files /dev/null and b/assets/landing-page/img/landing/mobile_02.png differ
diff --git a/assets/landing-page/img/landing/mobile_03.png b/assets/landing-page/img/landing/mobile_03.png
new file mode 100644
index 00000000..aa1ddb89
Binary files /dev/null and b/assets/landing-page/img/landing/mobile_03.png differ
diff --git a/assets/landing-page/img/landing/mobile_04.png b/assets/landing-page/img/landing/mobile_04.png
new file mode 100644
index 00000000..aa365bd9
Binary files /dev/null and b/assets/landing-page/img/landing/mobile_04.png differ
diff --git a/assets/landing-page/img/landing/mobile_05.png b/assets/landing-page/img/landing/mobile_05.png
new file mode 100644
index 00000000..ead978a4
Binary files /dev/null and b/assets/landing-page/img/landing/mobile_05.png differ
diff --git a/assets/landing-page/img/landing/tablet_01.png b/assets/landing-page/img/landing/tablet_01.png
new file mode 100644
index 00000000..82ccdaa0
Binary files /dev/null and b/assets/landing-page/img/landing/tablet_01.png differ
diff --git a/assets/landing-page/img/landing/tablet_02.png b/assets/landing-page/img/landing/tablet_02.png
new file mode 100644
index 00000000..8de1e8f7
Binary files /dev/null and b/assets/landing-page/img/landing/tablet_02.png differ
diff --git a/assets/landing-page/img/landing/tablet_03.png b/assets/landing-page/img/landing/tablet_03.png
new file mode 100644
index 00000000..448da518
Binary files /dev/null and b/assets/landing-page/img/landing/tablet_03.png differ
diff --git a/assets/landing-page/img/landing/tablet_04.png b/assets/landing-page/img/landing/tablet_04.png
new file mode 100644
index 00000000..4694e8ae
Binary files /dev/null and b/assets/landing-page/img/landing/tablet_04.png differ
diff --git a/assets/landing-page/img/landing/tablet_05.png b/assets/landing-page/img/landing/tablet_05.png
new file mode 100644
index 00000000..e65053da
Binary files /dev/null and b/assets/landing-page/img/landing/tablet_05.png differ
diff --git a/assets/landing-page/main-1.png b/assets/landing-page/main-1.png
new file mode 100644
index 00000000..a2d4be5f
Binary files /dev/null and b/assets/landing-page/main-1.png differ
diff --git a/assets/landing-page/main-2.png b/assets/landing-page/main-2.png
new file mode 100644
index 00000000..faccb9f7
Binary files /dev/null and b/assets/landing-page/main-2.png differ
diff --git a/assets/landing-page/main-3.png b/assets/landing-page/main-3.png
new file mode 100644
index 00000000..ef5972b3
Binary files /dev/null and b/assets/landing-page/main-3.png differ
diff --git a/assets/logos/Property 1=Typo.png b/assets/logos/Property 1=Typo.png
new file mode 100644
index 00000000..0fd0992d
Binary files /dev/null and b/assets/logos/Property 1=Typo.png differ
diff --git a/assets/logos/Property 1=Typo@2x.png b/assets/logos/Property 1=Typo@2x.png
new file mode 100644
index 00000000..2c73c9dc
Binary files /dev/null and b/assets/logos/Property 1=Typo@2x.png differ
diff --git a/assets/logos/Property 1=Typo@3x.png b/assets/logos/Property 1=Typo@3x.png
new file mode 100644
index 00000000..2e89dc16
Binary files /dev/null and b/assets/logos/Property 1=Typo@3x.png differ
diff --git a/assets/logos/Property 1=lg.png b/assets/logos/Property 1=lg.png
new file mode 100644
index 00000000..7db8527a
Binary files /dev/null and b/assets/logos/Property 1=lg.png differ
diff --git a/assets/logos/Property 1=lg@2x.png b/assets/logos/Property 1=lg@2x.png
new file mode 100644
index 00000000..59b95456
Binary files /dev/null and b/assets/logos/Property 1=lg@2x.png differ
diff --git a/assets/logos/Property 1=lg@3x.png b/assets/logos/Property 1=lg@3x.png
new file mode 100644
index 00000000..d2ceb6dd
Binary files /dev/null and b/assets/logos/Property 1=lg@3x.png differ
diff --git a/assets/logos/Property 1=md-1.png b/assets/logos/Property 1=md-1.png
new file mode 100644
index 00000000..6ced040e
Binary files /dev/null and b/assets/logos/Property 1=md-1.png differ
diff --git a/assets/logos/Property 1=md.png b/assets/logos/Property 1=md.png
new file mode 100644
index 00000000..fdb12623
Binary files /dev/null and b/assets/logos/Property 1=md.png differ
diff --git a/assets/logos/Property 1=md.svg b/assets/logos/Property 1=md.svg
new file mode 100644
index 00000000..e9db68b0
--- /dev/null
+++ b/assets/logos/Property 1=md.svg	
@@ -0,0 +1,16 @@
+<svg width="282" height="282" viewBox="0 0 282 282" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="282" height="282" fill="#F9FAFB"/>
+<path d="M160.703 72.9615L176.646 72.9746L173.443 91.041C178.958 95.1036 181.645 101.976 180.348 108.703L176.067 130.901L161.187 130.889L157.596 108.326C156.549 101.751 159.159 95.1278 164.408 91.0336L160.703 72.9615Z" fill="#E5E7EB"/>
+<rect x="83.0645" y="130.825" width="115.855" height="78.1222" rx="6.37732" transform="rotate(0.0471621 83.0645 130.825)" fill="#E5E7EB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M142.31 130.874L168.906 153.335L165.08 153.799L165.455 157.421L161.725 157.772L162.004 161.507L158.274 161.858L158.553 165.593L154.823 165.944L155.102 169.68L109.121 130.846L142.31 130.874Z" fill="#F3F4F6"/>
+<path d="M137.812 163.901C138.177 165.465 136.904 167.098 135.528 167.419C134.152 167.74 132.345 166.826 131.98 165.262C131.615 163.699 132.667 161.616 134.043 161.294C135.878 160.866 137.447 162.338 137.812 163.901Z" fill="#F3F4F6"/>
+<path d="M144.832 163.961C144.303 165.477 145.394 167.237 146.728 167.702C148.062 168.168 149.957 167.451 150.486 165.935C151.015 164.419 150.191 162.236 148.857 161.77C147.078 161.149 145.361 162.445 144.832 163.961Z" fill="#F3F4F6"/>
+<path d="M151.422 172.864C151.177 177.445 146.613 178.909 140.51 178.583C134.408 178.257 130.126 176.321 130.371 171.74C130.656 166.411 134.238 162.336 141.358 162.716C148.478 163.096 151.728 167.133 151.422 172.864Z" fill="#F3F4F6"/>
+<path d="M139.506 170.851C139.435 172.18 138.535 173.594 137.385 173.532C136.236 173.471 134.438 172.289 134.544 170.304C134.643 168.439 136.684 167.883 138.738 168.334C139.997 168.61 139.577 169.522 139.506 170.851Z" fill="#E5E7EB"/>
+<path d="M137.367 170.538C137.353 170.798 137.421 171.013 137.813 171.034C138.206 171.055 138.296 170.849 138.31 170.588C138.324 170.328 138.178 170.109 137.864 170.092C137.549 170.075 137.381 170.278 137.367 170.538Z" fill="white"/>
+<path d="M142.434 171.007C142.363 172.336 143.108 173.838 144.257 173.899C145.406 173.961 147.32 172.977 147.426 170.992C147.526 169.127 145.556 168.356 143.465 168.586C142.184 168.727 142.505 169.678 142.434 171.007Z" fill="#E5E7EB"/>
+<path d="M144.594 170.924C144.58 171.184 144.49 171.391 144.097 171.37C143.705 171.349 143.637 171.134 143.651 170.874C143.665 170.613 143.834 170.411 144.148 170.427C144.462 170.444 144.608 170.664 144.594 170.924Z" fill="white"/>
+<rect x="89.9829" y="119.139" width="57.9273" height="11.6918" rx="1.06289" transform="rotate(0.0471621 89.9829 119.139)" fill="#E5E7EB"/>
+<rect x="86.252" y="110.64" width="52.0815" height="8.5031" rx="1.06289" transform="rotate(0.0471621 86.252 110.64)" fill="#E5E7EB"/>
+<rect x="93.1606" y="102.175" width="52.0815" height="8.5031" rx="1.06289" transform="rotate(0.0471621 93.1606 102.175)" fill="#E5E7EB"/>
+</svg>
diff --git a/assets/logos/Property 1=md@2x-1.png b/assets/logos/Property 1=md@2x-1.png
new file mode 100644
index 00000000..b9e9cda3
Binary files /dev/null and b/assets/logos/Property 1=md@2x-1.png differ
diff --git a/assets/logos/Property 1=md@2x.png b/assets/logos/Property 1=md@2x.png
new file mode 100644
index 00000000..2d40c1d1
Binary files /dev/null and b/assets/logos/Property 1=md@2x.png differ
diff --git a/assets/logos/Property 1=md@3x-1.png b/assets/logos/Property 1=md@3x-1.png
new file mode 100644
index 00000000..acbd7fa6
Binary files /dev/null and b/assets/logos/Property 1=md@3x-1.png differ
diff --git a/assets/logos/Property 1=md@3x.png b/assets/logos/Property 1=md@3x.png
new file mode 100644
index 00000000..a2635341
Binary files /dev/null and b/assets/logos/Property 1=md@3x.png differ
diff --git a/assets/logos/Property 1=sm-1.png b/assets/logos/Property 1=sm-1.png
new file mode 100644
index 00000000..ef55a69e
Binary files /dev/null and b/assets/logos/Property 1=sm-1.png differ
diff --git a/assets/logos/Property 1=sm.svg b/assets/logos/Property 1=sm.svg
new file mode 100644
index 00000000..cdbf37f6
--- /dev/null
+++ b/assets/logos/Property 1=sm.svg	
@@ -0,0 +1,17 @@
+<svg width="140" height="140" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M61.4617 37.3833C63.7331 43.2512 59.6884 50.2864 54.5247 52.2852C49.3609 54.284 41.8461 51.7232 39.5748 45.8554C37.3034 39.9875 40.2473 31.3275 45.4111 29.3287C52.2966 26.6634 59.1904 31.5154 61.4617 37.3833Z" fill="#D1D5DB"/>
+<path d="M64.3733 37.1307C63.1489 43.3025 68.3473 49.5339 73.7785 50.6114C79.2098 51.6888 86.1697 47.8693 87.3941 41.6975C88.6184 35.5256 84.2239 27.5038 78.7926 26.4263C71.5504 24.9896 65.5977 30.9588 64.3733 37.1307Z" fill="#D1D5DB"/>
+<path d="M117.761 82.1277C117.761 102.892 97.6167 110.61 70.1386 110.61C42.6605 110.61 22.9719 102.892 22.9719 82.1277C22.9719 57.9747 42.6605 36.556 70.1386 36.556C97.6167 36.556 117.761 56.1518 117.761 82.1277Z" fill="#F3F4F6"/>
+<path d="M104.83 81.8885C104.83 97.1102 90.7171 102.768 71.4657 102.768C52.2143 102.768 38.4204 97.1102 38.4204 81.8885C38.4204 64.1824 52.2143 48.4808 71.4657 48.4808C90.7171 48.4808 104.83 62.8461 104.83 81.8885Z" fill="#F9FAFB"/>
+<path d="M69.6483 79.765C69.6483 84.7987 66.5789 90.3208 62.2895 90.3208C58.0001 90.3208 51.071 86.2194 51.071 78.7001C51.071 71.6364 58.5565 69.1243 66.2915 70.4142C71.0322 71.2048 69.6483 74.7313 69.6483 79.765Z" fill="#D1D5DB"/>
+<path d="M66.0608 79.2565C66.0608 80.0115 65.8451 80.6236 64.7664 80.6236C63.6877 80.6236 63.4719 80.0115 63.4719 79.2565C63.4719 78.5014 63.9034 77.8893 64.7664 77.8893C65.6293 77.8893 66.0608 78.5014 66.0608 79.2565Z" fill="#F3F4F6"/>
+<path d="M82.3423 79.765C82.3423 84.7987 85.1873 90.3208 89.163 90.3208C93.1387 90.3208 99.561 86.2194 99.561 78.7001C99.561 71.6364 92.623 69.1243 85.4537 70.4142C81.0596 71.2048 82.3423 74.7313 82.3423 79.765Z" fill="#D1D5DB"/>
+<path d="M85.6678 79.2565C85.6678 80.0115 85.8678 80.6236 86.8676 80.6236C87.8674 80.6236 88.0674 80.0115 88.0674 79.2565C88.0674 78.5014 87.6675 77.8893 86.8676 77.8893C86.0678 77.8893 85.6678 78.5014 85.6678 79.2565Z" fill="#F3F4F6"/>
+<path d="M71.224 87.0967C70.9766 86.7369 70.4844 86.6457 70.1246 86.8931C69.7648 87.1404 69.6737 87.6327 69.921 87.9925L71.224 87.0967ZM76.3702 85.9634L77.1178 85.7064C77.0081 85.3871 76.7078 85.1728 76.3702 85.1728C76.0326 85.1728 75.7323 85.3871 75.6225 85.7064L76.3702 85.9634ZM82.8194 87.9925C83.0667 87.6327 82.9756 87.1404 82.6158 86.8931C82.256 86.6457 81.7638 86.7369 81.5164 87.0967L82.8194 87.9925ZM69.921 87.9925C70.1587 88.3382 70.5938 88.8059 71.1783 89.1923C71.7677 89.582 72.5514 89.9163 73.4714 89.9163V88.3352C72.9419 88.3352 72.4574 88.1425 72.0503 87.8733C71.6383 87.6009 71.3486 87.278 71.224 87.0967L69.921 87.9925ZM73.4714 89.9163C74.5855 89.9163 75.425 89.1228 75.959 88.4167C76.5195 87.6755 76.9168 86.8053 77.1178 86.2204L75.6225 85.7064C75.4613 86.1755 75.1338 86.8865 74.6978 87.463C74.2353 88.0746 73.8066 88.3352 73.4714 88.3352V89.9163ZM75.6225 86.2204C75.8236 86.8053 76.2208 87.6755 76.7814 88.4167C77.3154 89.1228 78.1549 89.9163 79.269 89.9163V88.3352C78.9338 88.3352 78.5051 88.0746 78.0425 87.463C77.6066 86.8865 77.2791 86.1755 77.1178 85.7064L75.6225 86.2204ZM79.269 89.9163C80.189 89.9163 80.9727 89.582 81.5621 89.1923C82.1466 88.8059 82.5816 88.3382 82.8194 87.9925L81.5164 87.0967C81.3918 87.278 81.1021 87.6009 80.6901 87.8733C80.283 88.1425 79.7985 88.3352 79.269 88.3352V89.9163Z" fill="#D1D5DB"/>
+<path d="M81.1968 85.1511C81.1968 85.8922 77.8097 86.8379 76.7349 87.1193C76.5225 87.1749 76.301 87.1749 76.0886 87.1193C75.0137 86.8379 71.6267 85.8922 71.6267 85.1511C71.6267 84.2702 74.2724 83.3282 76.4117 83.3282C78.5511 83.3282 81.1968 84.2702 81.1968 85.1511Z" fill="#D1D5DB"/>
+<path d="M77.1141 60.9648C56.7757 62.2435 51.8151 55.7513 51.071 53.0119L62.4804 46.6496L75.3779 44.2637L93.236 53.5421C92.1612 55.7513 89.6212 60.1785 77.1141 60.9648Z" fill="#D1D5DB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.6058 110.676C98.6615 110.676 117.763 102.957 117.763 82.1934C117.763 56.2175 98.6615 36.6217 72.6058 36.6217C46.55 36.6217 27.8806 58.0404 27.8806 82.1934C27.8806 102.957 46.55 110.676 72.6058 110.676ZM71.5817 102.701C90.7477 102.701 104.798 97.0488 104.798 81.8431C104.798 62.8208 90.7477 48.4707 71.5817 48.4707C52.4156 48.4707 38.6829 64.1557 38.6829 81.8431C38.6829 97.0488 52.4156 102.701 71.5817 102.701Z" fill="#F3F4F6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2191 65.1235C20.1086 61.8881 25.3166 62.4248 27.4855 66.1815L30.6621 71.6834C32.831 75.4401 30.6918 80.2187 26.4451 81.1034L25.0639 81.3911C24.9849 81.4075 24.9058 81.4225 24.8266 81.4359C24.7968 81.518 24.759 81.5978 24.7146 81.6742C23.4569 83.8361 22.8582 88.8169 29.0549 94.5812C35.0928 100.198 40.3123 100.606 42.7149 100.007C42.8854 99.9641 43.0624 99.952 43.2332 99.9736L43.5477 99.3501C45.5013 95.477 50.6707 94.6475 53.7381 97.7149L58.2304 102.207C61.2977 105.275 60.4682 110.444 56.5952 112.398L56.3046 112.544C56.225 112.67 56.1116 112.78 55.964 112.86C48.3144 117.011 31.1182 115.005 21.712 101.924C9.93899 85.5522 11.125 71.632 15.767 66.6651C15.8462 66.5805 15.9363 66.5154 16.0327 66.4693C16.1116 66.3695 16.1938 66.2716 16.2794 66.1758L17.2191 65.1235Z" fill="#D1D5DB"/>
+<path d="M108.264 35.4461C109.527 32.5757 110.648 32.0214 112.376 31.7621C113.712 31.557 114.811 31.2475 115.27 30.2037C115.729 29.1599 115.191 28.1304 114.171 27.6818C113.175 27.2435 111.936 27.5483 111.391 28.724L107.619 27.0649C109.2 23.5985 112.475 23.1701 115.582 24.537C119.022 26.05 120.783 28.8063 119.458 31.8191C118.581 33.8118 116.971 34.5759 114.964 34.8257C113.349 35.0213 112.419 35.4617 111.752 36.98L111.606 37.3121L108.118 35.7783L108.264 35.4461ZM107.511 42.0513C106.325 41.5296 105.769 40.1528 106.325 38.9534C106.813 37.7805 108.203 37.2594 109.389 37.7811C110.528 38.282 111.107 39.6692 110.619 40.842C110.063 42.0415 108.65 42.5521 107.511 42.0513Z" fill="#D1D5DB"/>
+<path d="M119.826 43.5494C121.494 41.8281 122.445 41.7291 123.752 42.0027C124.764 42.2108 125.633 42.2812 126.24 41.6553C126.846 41.0294 126.734 40.1486 126.123 39.5559C125.525 38.977 124.557 38.8662 123.853 39.5637L121.592 37.372C123.646 35.3085 126.107 35.872 127.97 37.6777C130.033 39.6764 130.562 42.1195 128.811 43.9261C127.653 45.121 126.296 45.2404 124.792 44.8859C123.583 44.5968 122.799 44.6652 121.917 45.5756L121.724 45.7748L119.633 43.7485L119.826 43.5494ZM117.53 48.0821C116.819 47.393 116.787 46.2588 117.504 45.5471C118.165 44.8363 119.3 44.8324 120.011 45.5216C120.694 46.1832 120.74 47.3312 120.079 48.042C119.362 48.7537 118.213 48.7438 117.53 48.0821Z" fill="#D1D5DB"/>
+</svg>
diff --git a/assets/logos/Property 1=sm@2x-1.png b/assets/logos/Property 1=sm@2x-1.png
new file mode 100644
index 00000000..969f83c9
Binary files /dev/null and b/assets/logos/Property 1=sm@2x-1.png differ
diff --git a/assets/logos/Property 1=sm@2x.png b/assets/logos/Property 1=sm@2x.png
new file mode 100644
index 00000000..878496fc
Binary files /dev/null and b/assets/logos/Property 1=sm@2x.png differ
diff --git a/assets/logos/Property 1=sm@3x-1.png b/assets/logos/Property 1=sm@3x-1.png
new file mode 100644
index 00000000..9bec79af
Binary files /dev/null and b/assets/logos/Property 1=sm@3x-1.png differ
diff --git a/assets/logos/Property 1=sm@3x.png b/assets/logos/Property 1=sm@3x.png
new file mode 100644
index 00000000..1c8f0b99
Binary files /dev/null and b/assets/logos/Property 1=sm@3x.png differ
diff --git a/assets/logos/nav-logo.png b/assets/logos/nav-logo.png
new file mode 100644
index 00000000..ef87eab4
Binary files /dev/null and b/assets/logos/nav-logo.png differ
diff --git a/faq.html b/faq.html
new file mode 100644
index 00000000..e69de29b
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..8420ec77
--- /dev/null
+++ b/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="kr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>판다마켓</title>
+    <link rel="stylesheet" href="style.css" />
+    <script
+      src="https://kit.fontawesome.com/0f08ea7d4a.js"
+      crossorigin="anonymous"
+    ></script>
+  </head>
+  <body>
+    <header>
+      <nav class="nav-bar">
+        <a href="/" class="nav-logo">
+          <img src="assets/logos/nav-logo.png" alt="img-nav-logo" />
+        </a>
+        <div class="nav-spacer"></div>
+        <a href="/login" class="nav-login-button"> 로그인 </a>
+      </nav>
+      <section class="banner-section">
+        <div class="banner-content">
+          <p class="banner-text">
+            일상의 모든 물건을<br />
+            거래해 보세요
+          </p>
+          <a href="/items" class="banner-button"> 구경하러 가기 </a>
+        </div>
+        <img src="assets/landing-page/banner.png" alt="banner-image" />
+      </section>
+    </header>
+    <main class="main-content">
+      <section>
+        <img
+          src="assets/landing-page/main-1.png"
+          alt="img-hot-item"
+          class="img-hot-item"
+        />
+        <article class="main-content-text">
+          <h2 class="category hot-item">Hot item</h2>
+          <h1 class="title hot-item">
+            인기 상품을<br />
+            확인해보세요
+          </h1>
+          <p class="description hot-item">
+            가장 HOT한 중고거래 물품을<br />
+            판다 마켓에서 확인해 보세요
+          </p>
+        </article>
+      </section>
+      <section>
+        <article class="main-content-text">
+          <h2 class="category search-item">Search</h2>
+          <h1 class="title search-item">
+            구매를 원하는<br />
+            상품을 검색하세요
+          </h1>
+          <p class="description search-item">
+            구매하고 싶은 물품은 검색해서<br />
+            쉽게 찾아보세요
+          </p>
+        </article>
+        <img src="assets/landing-page/main-2.png" alt="search-item" />
+      </section>
+      <section>
+        <img
+          src="assets/landing-page/main-3.png"
+          alt="img-hot-item"
+          class="img-hot-item"
+        />
+        <article class="main-content-text">
+          <h2 class="category hot-item">Hot item</h2>
+          <h1 class="title hot-item">
+            인기 상품을<br />
+            확인해보세요
+          </h1>
+          <p class="description hot-item">
+            가장 HOT한 중고거래 물품을<br />
+            판다 마켓에서 확인해 보세요
+          </p>
+        </article>
+      </section>
+    </main>
+    <footer>
+      <section class="banner-section">
+        <div class="banner-content">
+          <p class="banner-text">
+            믿을 수 있는<br />
+            판다마켓 중고 거래
+          </p>
+        </div>
+        <img src="assets/landing-page/footer.png" alt="footer-image" />
+      </section>
+      <section class="footer-section">
+        <div class="footer-copyright">©codeit - 2024</div>
+        <div class="footer-links">
+          <a href="/privacy">Privacy Policy</a>
+          <a href="/faq">FAQ</a>
+        </div>
+        <div class="footer-social">
+          <a href="https://www.facebook.com"
+            ><i class="fa-brands fa-facebook"></i
+          ></a>
+          <a href="https://www.x.com"><i class="fa-brands fa-twitter"></i></a>
+          <a href="https://www.youtube.com"
+            ><i class="fa-brands fa-youtube"></i
+          ></a>
+          <a href="https://www.instagram.com"
+            ><i class="fa-brands fa-instagram"></i
+          ></a>
+        </div>
+      </section>
+    </footer>
+  </body>
+</html>
diff --git a/items.html b/items.html
new file mode 100644
index 00000000..e69de29b
diff --git a/login.html b/login.html
new file mode 100644
index 00000000..e69de29b
diff --git a/privacy.html b/privacy.html
new file mode 100644
index 00000000..e69de29b
diff --git a/style.css b/style.css
new file mode 100644
index 00000000..19611117
--- /dev/null
+++ b/style.css
@@ -0,0 +1,147 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-width: 1000px;
+}
+
+a {
+  cursor: pointer;
+  text-decoration: none;
+}
+/* 네비게이션 바 */
+.nav-bar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.nav-logo img {
+  flex-shrink: 0;
+  margin-left: 200px;
+}
+
+.nav-spacer {
+  flex: 1;
+}
+
+.nav-login-button {
+  margin-right: 200px;
+  padding: 12px 40px;
+  background-color: #3692ff;
+  color: #fff;
+  border-radius: 8px;
+}
+
+/* 배너 섹션 */
+.banner-section {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-top: 100px;
+  background-color: #cfe5ff;
+}
+
+.banner-text {
+  font-size: 40px;
+  font-weight: 700;
+  color: #374151;
+}
+
+.banner-button {
+  display: inline-block;
+  width: 100%;
+  text-align: center;
+  padding: 16px;
+  background-color: #3692ff;
+  color: #fff;
+  text-decoration: none;
+  border-radius: 24px;
+  font-weight: 600;
+}
+
+/* 메인 컨텐츠 */
+.main-content {
+  max-width: 1200px;
+  margin: 120px auto;
+}
+.main-content section {
+  min-width: 1200px;
+  width: 100%;
+  padding: 100px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 100px;
+}
+
+.main-content-text {
+  display: flex;
+  flex: 1;
+  height: 100%;
+  flex-direction: column;
+  justify-content: center;
+  margin: 0 auto;
+}
+
+.main-content .category {
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 26px;
+  color: #3692ff;
+}
+
+.main-content .title {
+  font-size: 40px;
+  font-weight: 700;
+  line-height: 56px;
+  color: #374151;
+  margin: 0;
+}
+
+.main-content .description {
+  font-size: 20px;
+  color: #374151;
+}
+
+.main-content-text .hot-item {
+  text-align: left;
+}
+
+.main-content-text .search-item {
+  text-align: right;
+}
+
+.hot-item {
+  text-align: left;
+}
+
+.search-item {
+  text-align: right;
+}
+
+.footer-section {
+  background-color: #111827;
+  height: 100px;
+  display: flex;
+  justify-content: space-around;
+  padding: 24px;
+}
+
+.footer-copyright {
+  color: #9ca3af;
+}
+
+.footer-links,
+.footer-social {
+  display: flex;
+  gap: 12px;
+}
+
+.footer-links a,
+.footer-social a {
+  color: #9ca3af;
+  text-decoration: none;
+}