diff --git a/src/assets/NL_LOGO.svg b/src/assets/NL_LOGO.svg new file mode 100644 index 0000000..bb9fc19 --- /dev/null +++ b/src/assets/NL_LOGO.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/assets/NL_logo-white-ori.png b/src/assets/NL_logo-white-ori.png new file mode 100644 index 0000000..90f2784 Binary files /dev/null and b/src/assets/NL_logo-white-ori.png differ diff --git a/src/assets/NL_logo-white-ori.svg b/src/assets/NL_logo-white-ori.svg new file mode 100644 index 0000000..8b960af --- /dev/null +++ b/src/assets/NL_logo-white-ori.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/NL_logo-white.png b/src/assets/NL_logo-white.png new file mode 100644 index 0000000..2737afb Binary files /dev/null and b/src/assets/NL_logo-white.png differ diff --git a/src/assets/NL_logo-white.svg b/src/assets/NL_logo-white.svg new file mode 100644 index 0000000..8a6be60 --- /dev/null +++ b/src/assets/NL_logo-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/common/Text.tsx b/src/components/common/Text.tsx index ba661b5..d86af8a 100644 --- a/src/components/common/Text.tsx +++ b/src/components/common/Text.tsx @@ -3,7 +3,7 @@ import styled from "@emotion/styled"; interface TextProps { size: "h1" | "h2" | "h3" | "h4" | "xlarge" | "large" | "medium" | "small"; weight?: "bold" | "medium" | "regular" | "light" | "thin"; - color?: "black" | "white" | "warning" | "highlight" | "block"; + color?: "black" | "white" | "warning" | "highlight" | "block" | "foot"; lineheight?: string; children: React.ReactNode; } diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx new file mode 100644 index 0000000..81d62df --- /dev/null +++ b/src/components/layout/Footer.tsx @@ -0,0 +1,20 @@ +import React from "react"; +import { FooterBox, FooterContents, FooterIconBox } from "../../styles/layout/footer"; +import { ReactComponent as NLslogo } from '../../assets/NL_logo-white.svg' +import { Text } from "../common"; + +function Footer() { + return ( + + + + + + + + + + ) +} + +export default Footer \ No newline at end of file diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx new file mode 100644 index 0000000..32da8e4 --- /dev/null +++ b/src/components/layout/Header.tsx @@ -0,0 +1,42 @@ +import React from "react"; +import { HeaderBox, HeaderContents, HeaderMenuItem, LogoBox } from "../../styles/layout/header"; +import { ReactComponent as NLlogo } from '../../assets/NL_LOGO.svg' +import { Nav } from "../common"; +import { Link } from "react-router-dom"; + +type User = {name: string;} + +type Props = +{ + authenticated: boolean; + profile: User | null; +} + +const menuList = [ + '소개', '활동', '팀 블로그', '지원' +] + +function Header(props: Props) { + return ( + + + + + + + + {menuList.map((item, index) => ( + +