diff --git a/public/assets/common/garde2.svg b/public/assets/common/grade2.svg similarity index 100% rename from public/assets/common/garde2.svg rename to public/assets/common/grade2.svg diff --git a/public/assets/main/main_background.svg b/public/assets/main/main_background.svg index 4be1a0c..19f1e94 100644 --- a/public/assets/main/main_background.svg +++ b/public/assets/main/main_background.svg @@ -1,17 +1,16 @@ - - + + + + - - - + - - - - + - + + + diff --git a/public/assets/main/main_chick.svg b/public/assets/main/main_chick.svg new file mode 100644 index 0000000..9ac117d --- /dev/null +++ b/public/assets/main/main_chick.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/app/page.tsx b/src/app/page.tsx index f3e8e94..6c4d287 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -14,19 +14,32 @@ export default function Home() { alt="background" over-fit="cover" /> - + + + +

우리 아이 학교소식 핵심 콕콕!

+

스쿨포인트

+ + + + ); } const Container = styled.div` - max-width: 480px; - width: 100%; - height: 100vh; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; + max-width: 480px; + width: 100%; + height: 100vh; `; const StyledImage = styled(Image)` @@ -34,3 +47,33 @@ const StyledImage = styled(Image)` height: 100%; object-fit: cover; `; + +const Layout = styled.div` + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + position: absolute; + width: 100%; + height: 100%; + + img { + margin: 64px 0 48px 0; + } +`; + +const Title = styled.div` + color: ${({ theme }) => theme.colors.primary600}; + text-align: center; + + p { + ${({ theme }) => theme.fonts.heading2_r}; + } + h1 { + font-size: 32px; + font-weight: 700; + line-height: 134%; /* 42.88px */ + letter-spacing: -0.64px; + } +`; diff --git a/src/app/school/page.tsx b/src/app/school/page.tsx index ca039d9..bb77da0 100644 --- a/src/app/school/page.tsx +++ b/src/app/school/page.tsx @@ -14,7 +14,7 @@ const School = () => { return ( <> - + diff --git a/src/app/signin/completion/page.tsx b/src/app/signin/completion/page.tsx index 91a6012..a695f89 100644 --- a/src/app/signin/completion/page.tsx +++ b/src/app/signin/completion/page.tsx @@ -2,8 +2,8 @@ import Button from "@/components/common/Button"; import styled from "styled-components"; -import Image from "next/legacy/image"; import { useRouter } from "next/navigation"; +import Image from "next/image"; const Completion = () => { const router = useRouter(); @@ -14,17 +14,33 @@ const Completion = () => { return ( - - -
혹시, 자녀 추가 등록이 필요하신가요?
-