style: Homepage UI 컴포넌트 추가

 import React from 'react';
 import React from 'react';
 import styled from 'styled-components';
 import styled from 'styled-components';
+import Button from '../components/common/Button';
+import DropDownButton from '../components/common/DropdownButton';
+import Input from '../components/common/Input';
 
 
 const Main = styled.div`
 const Main = styled.div`
-  width: 100%;
+  display: flex;
+  height: 100vh;
+  align-items: center;
+  justify-content: center;
+`;
+
+const SearchBlock = styled.div`
+  display: flex;
+`;
+
+const LoginButtonBlock = styled.div`
+  position: fixed;
+  top: 20px;
+  right: 20px;
 `;
 `;
 
 
 const HomePage = () => {
 const HomePage = () => {
   return (
   return (
-    <>
-      <Main>Home</Main>
-    </>
+    <Main>
+      <div>logo</div>
+      <SearchBlock>
+        <DropDownButton
+          fontsize="20px"
+          height="50px"
+          options={[
+            { id: 1, name: '전체' },
+            { id: 2, name: '개인' },
+            { id: 3, name: '부서' },
+          ]}
+        />
+        <Input color="blue" size="14px" width="400px" display />
+      </SearchBlock>
+
+      {/* Todo : 로그인 했을 경우 로그인 버튼 숨기기 */}
+      <LoginButtonBlock>
+        <Button>로그인</Button>
+      </LoginButtonBlock>
+    </Main>
   );
   );
 };
 };