diff --git a/app/layout.tsx b/app/layout.tsx
index ce4a0df..90c5436 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,12 +1,16 @@
import { Inter } from 'next/font/google'
import type { Metadata } from 'next'
+import { ThemeProvider } from '@/components/theme-provider'
import { Header } from '@/components/header'
import { Footer } from '@/components/footer'
import './globals.css'
-const inter = Inter({ subsets: ['latin'] })
+const inter = Inter({
+ subsets: ['latin'],
+ weight: ['400', '500', '600', '700', '800'],
+})
export const metadata: Metadata = {
title: 'ZinTools',
@@ -21,17 +25,21 @@ export default function RootLayout({
return (
-
-
-
- {children}
-
-
-
-
+
+
+
+
+
+ {children}
+
+
+
+
+
+
)
diff --git a/components/button.tsx b/components/button.tsx
index 3c3c6cb..ac73eab 100644
--- a/components/button.tsx
+++ b/components/button.tsx
@@ -25,9 +25,9 @@ export const Button = ({
...props
}: buttonProps) => {
const variantCls = {
- primary: 'text-white bg-primary sm:hover:opacity-75',
- secondary: 'text-black bg-zinc-100 sm:hover:opacity-75',
- ghost: 'text-black hover:bg-zinc-100 sm:hover:opacity-75',
+ primary: 'text-white bg-primary xs:hover:opacity-75',
+ secondary: 'text-black bg-zinc-100 xs:hover:opacity-75',
+ ghost: 'text-black hover:bg-zinc-100 xs:hover:opacity-75',
outline:
'text-black bg-white border-2 border-zinc-400 disabled:hover:border-zinc-400 sm:hover:border-primary',
}[variant]
diff --git a/components/footer.tsx b/components/footer.tsx
index acabaf1..12658f4 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -1,6 +1,86 @@
+import Link from 'next/link'
+import Image from 'next/image'
+
+import { ToggleThemeButton } from '@/components/toggle-theme-button'
+
+import {
+ FOLLOW_US_LINKS,
+ INTERNAL_LINKS,
+ EXTERNAL_LINKS,
+ OTHER_LINKS,
+} from '@/constants/footer-links'
+
+interface linksProps {
+ title: string
+ links: Array<{ href: string; label: string }>
+}
+
+const Links = ({ title, links }: linksProps) => (
+
+
{title}
+
+ {links.map(({ href, label }, i) => (
+ -
+
+ {label}
+
+
+ ))}
+
+
+)
+
export const Footer = () => (
- // TODO: remove dummy height min-h-[600px]
-