From 57e799e8d37ba2ff218ee823ce4dae35dfa9609f Mon Sep 17 00:00:00 2001 From: Austin Chen Date: Tue, 7 Dec 2021 10:56:40 -0800 Subject: [PATCH] Extract header to separate component --- web/components/header.tsx | 52 +++++++++++++++++++++++++++++++++++++++ web/components/hero.tsx | 51 ++------------------------------------ 2 files changed, 54 insertions(+), 49 deletions(-) create mode 100644 web/components/header.tsx diff --git a/web/components/header.tsx b/web/components/header.tsx new file mode 100644 index 00000000..f2231d9d --- /dev/null +++ b/web/components/header.tsx @@ -0,0 +1,52 @@ +import { Popover } from '@headlessui/react' +import Link from 'next/link' + +const navigation = [ + { + name: 'About', + href: 'https://mantic.notion.site/About-Mantic-Markets-09bdde9044614e62a27477b4b1bf77ea', + }, + { name: 'Simulator', href: '/simulator' }, +] + +export function Header() { + return ( + +
+ +
+
+ ) +} diff --git a/web/components/hero.tsx b/web/components/hero.tsx index 07df912f..e218d696 100644 --- a/web/components/hero.tsx +++ b/web/components/hero.tsx @@ -1,57 +1,10 @@ -import { Popover } from '@headlessui/react' import { ConvertKitEmailForm } from './convert-kit-email-form' - -const navigation = [ - { - name: 'About', - href: 'https://mantic.notion.site/About-Mantic-Markets-09bdde9044614e62a27477b4b1bf77ea', - }, - { name: 'Simulator', href: 'https://simulator.mantic.markets' }, -] +import { Header } from './header' export const Hero = () => { return (
- {/*
*/} - - -
- -
-
- +