From f5f8995e89ab14712271e16488678cb6fa4c97db Mon Sep 17 00:00:00 2001 From: David Rondio Date: Mon, 30 Sep 2024 15:35:08 +0200 Subject: [PATCH] feat(repo:app): add darkmode --- app/layout.tsx | 22 +++++++++++++++---- app/page.tsx | 44 ++++++------------------------------- app/providers.tsx | 7 ++++++ components/footer.tsx | 24 ++++++++++++++++++++ components/header.tsx | 15 +++++++++++++ components/theme-button.tsx | 34 ++++++++++++++++++++++++++++ package.json | 2 ++ pnpm-lock.yaml | 44 +++++++++++++++++++++++++++++-------- tailwind.config.ts | 10 +++++++-- 9 files changed, 150 insertions(+), 52 deletions(-) create mode 100644 app/providers.tsx create mode 100644 components/footer.tsx create mode 100644 components/header.tsx create mode 100644 components/theme-button.tsx diff --git a/app/layout.tsx b/app/layout.tsx index 2a89b39..ae38a4c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -3,8 +3,11 @@ import localFont from 'next/font/local'; import React from 'react'; import GoogleAnalytics from '@/components/GoogleAnalytics'; +import Footer from '@/components/footer'; +import Header from '@/components/header'; import './globals.css'; +import Providers from './providers'; import siteConfig from '@/config/site'; const geistSans = localFont({ @@ -24,7 +27,14 @@ export const metadata: Metadata = { template: `%s | ${siteConfig.name}`, }, description: siteConfig.description, - keywords: ['Next.js', 'Tailwind CSS', 'Husky', 'Lint-Staged', 'Docker'], + keywords: [ + 'Next.js', + 'Tailwind CSS', + 'Husky', + 'Lint-Staged', + 'Docker', + 'Google Analytics', + ], authors: [ { name: siteConfig.author, @@ -61,7 +71,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + {/* */} - {children} + +
+
{children}
+