diff --git a/public/index.html b/public/index.html
index aa069f2..8b38839 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,14 +1,11 @@
-
+
-
+
- React App
+ 파이콘 한국 2024
-
-
diff --git a/src/components/Nav/index.tsx b/src/components/Nav/index.tsx
index 353b182..8257252 100644
--- a/src/components/Nav/index.tsx
+++ b/src/components/Nav/index.tsx
@@ -7,7 +7,7 @@ const Nav = () => {
return (
- {
navigate("/");
}}
@@ -22,7 +22,7 @@ const Nav = () => {
>
후원사 목록
-
+ */}
);
};
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index f48a6eb..d5352aa 100644
--- a/src/pages/Home/index.tsx
+++ b/src/pages/Home/index.tsx
@@ -1,7 +1,44 @@
import React from "react";
+import styled from "styled-components";
const Home = () => {
- return 홈이에여
;
+ return (
+
+
+ 파이콘 한국 2024
+ PyCon Korea 2024
+ Coming Soon
+
+
+ );
};
export default Home;
+
+const Page = styled.div`
+ margin: 5vh auto;
+ padding: 0 2.5vw;
+
+ width: 90vw;
+ height: 90vh;
+
+ border: 1px solid #f87c56;
+ background: linear-gradient(to right, #fbb9a4, #fde3db);
+`;
+
+const Header = styled.div`
+ color: #852305;
+
+ h1 {
+ font-size: 5rem;
+ margin: 5vh 0;
+ }
+ h2 {
+ font-size: 4rem;
+ margin: 3vh 0;
+ }
+ h3 {
+ font-size: 3.3rem;
+ margin: 2vh 0;
+ }
+`;