From 306ae685d68479474fe59b1d6d4e314d8cce9161 Mon Sep 17 00:00:00 2001 From: aftabrehan Date: Fri, 2 Feb 2024 12:23:05 +0500 Subject: [PATCH] Created Footer Component and Configure Theme --- app/layout.tsx | 32 ++++++----- components/button.tsx | 6 +-- components/footer.tsx | 86 ++++++++++++++++++++++++++++-- components/nav-dropdown.tsx | 2 +- components/section-wrapper.tsx | 2 +- components/theme-provider.tsx | 9 ++++ components/toggle-theme-button.tsx | 37 +++++++++++++ constants/footer-links.ts | 29 ++++++++++ package.json | 1 + public/facebook.svg | 3 ++ public/logo.svg | 1 + public/moon.svg | 3 ++ public/sun.svg | 3 ++ public/twitter.svg | 3 ++ public/youtube.svg | 3 ++ tailwind.config.ts | 1 + yarn.lock | 5 ++ 17 files changed, 206 insertions(+), 20 deletions(-) create mode 100644 components/theme-provider.tsx create mode 100644 components/toggle-theme-button.tsx create mode 100644 constants/footer-links.ts create mode 100644 public/facebook.svg create mode 100644 public/moon.svg create mode 100644 public/sun.svg create mode 100644 public/twitter.svg create mode 100644 public/youtube.svg 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} -
-
-