diff --git a/components/footer.tsx b/components/footer.tsx new file mode 100644 index 0000000..e69de29 diff --git a/components/header.tsx b/components/header.tsx new file mode 100644 index 0000000..7c2ff09 --- /dev/null +++ b/components/header.tsx @@ -0,0 +1,23 @@ +import Link from "next/link" +import styled from 'styled-components' + +const Header = styled.header` + display: flex; + gap: 1rem; + align-items: center; + line-height: 1; +` + +const Nav = styled(Header).attrs({as: "nav"})`` + +export default () => { + return ( +
+

wych.dev

+ +
+ ) +} diff --git a/components/layout.tsx b/components/layout.tsx new file mode 100644 index 0000000..fbeb0a0 --- /dev/null +++ b/components/layout.tsx @@ -0,0 +1,10 @@ +import Header from './header' +import Footer from './footer' + +export default ({children}) => { + return <> +
+
{children}
+