diff options
Diffstat (limited to 'src/app/components/header/header.jsx')
| -rw-r--r-- | src/app/components/header/header.jsx | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx new file mode 100644 index 0000000..22798b4 --- /dev/null +++ b/src/app/components/header/header.jsx @@ -0,0 +1,30 @@ +import Link from "next/link"; + +export default function Header() { + return ( + <div className="headMain"> + <div className="headNav"> + <Link + href="/" + style={{ color: "black", textDecoration: "none" }} + > + <p style={{ fontSize: "26px", color: "var(--pastel-red)" }}> + Dramalama + </p> + </Link> + <div className="rightNav"> + <Link href="/anime"> + <p>Anime</p> + </Link> + <Link href="/manga"> + <p>Manga</p> + </Link> + <Link href="/kdrama"> + <p>Kdrama</p> + </Link> + </div> + </div> + <hr style={{ marginTop: "-3px" }} /> + </div> + ); +} |