header & footer

This commit is contained in:
2024-01-16 10:24:21 +01:00
parent 92eacc2764
commit 226beb974f
13 changed files with 101 additions and 41 deletions

View File

@@ -1,8 +1,25 @@
import Link from "next/link";
import React from "react";
export const PageFooter:React.FC = () => <>
<h2 className='text-xl text-sky-400/75 font-semibold mt-4'>Docs</h2>
<p><a href="https://tailwindcss.com/docs/" target="_blank">tailwindcss.com</a></p>
<p><a href="https://heroicons.com/" target="_blank">heroicons.com</a></p>
<p><a href="https://daisyui.com/components/" target="_blank">daisyui.com</a></p>
</>
export const PageFooter: React.FC = () =>
<div className="bg-base-100 text-base-content mt-10">
<footer className="footer mx-auto max-w-2xl px-4 py-10">
<div>
<div className="flex items-center gap-2">
<img src="/icon4.png"></img>
<div className="font-title inline-flex text-3xl font-black">Bills Tracker</div>
</div>
<p className="text-base-content/70 mb-5">Web app for tracking home utility bills</p>
<Link href="/" className="link link-hover">Home</Link>
<Link href="/policy/" className="link link-hover">Privacy Policy</Link>
<Link href="/terms/" className="link link-hover">Terms of Service</Link>
</div>
<div>
<span className="footer-title opacity-70">documents</span>
<a href="https://tailwindcss.com/docs/" target="_blank" className="link link-hover">tailwindcss.com</a>
<a href="https://heroicons.com/" target="_blank" className="link link-hover">heroicons.com</a>
<a href="https://daisyui.com/components/" target="_blank" className="link link-hover">daisyui.com</a>
</div>
</footer>
</div>;