diff --git a/app/components/footer.tsx b/app/components/footer.tsx new file mode 100644 index 0000000..7e5481e --- /dev/null +++ b/app/components/footer.tsx @@ -0,0 +1,21 @@ +import logo from "~/images/logo.png"; +import Links from "./links"; + +export default function Footer() { + return ( + + ); +} diff --git a/app/components/header.tsx b/app/components/header.tsx new file mode 100644 index 0000000..0a9f175 --- /dev/null +++ b/app/components/header.tsx @@ -0,0 +1,13 @@ +import logo from "~/images/logo.png"; +import Links from "./links"; + +export default function Header() { + return ( +
+ Home + +
+ ); +} diff --git a/app/components/links.tsx b/app/components/links.tsx new file mode 100644 index 0000000..7ade377 --- /dev/null +++ b/app/components/links.tsx @@ -0,0 +1,26 @@ +import { Link } from "@remix-run/react"; + +export default function Links() { + return ( + <> +
  • + 首頁 +
    • +
  • + 計畫自由選 +
    • +
  • + 選擇障礙專區 +
    • +
  • + CP 值專區 +
    • +
  • + 專業評估 +
    • +
  • + 關於我們 +
    • + + ); +} diff --git a/app/root.tsx b/app/root.tsx index 47fd478..3ab1ecb 100644 --- a/app/root.tsx +++ b/app/root.tsx @@ -2,7 +2,6 @@ import { cssBundleHref } from "@remix-run/css-bundle"; import type { LinksFunction, LoaderArgs } from "@remix-run/node"; import { json } from "@remix-run/node"; import { - Link, Links, LiveReload, Meta, @@ -14,6 +13,9 @@ import { import { getUser } from "~/session.server"; import stylesheet from "~/tailwind.css"; +import Header from "./components/header"; +import Footer from "./components/footer"; + export const links: LinksFunction = () => [ { rel: "stylesheet", href: stylesheet }, ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []), @@ -33,30 +35,9 @@ export default function App() { -
    - -
    +
    -
    footer
    +