feat: add Header and Footer

rafal19987 · rafal19987 · commit 0507696596bc · 2024-07-31T14:58:43.000+02:00
diff --git a/client/src/app/layout.tsx b/client/src/app/layout.tsx
@@ -7,6 +7,11 @@ import { PrevPageButton } from '@/components/shared/PrevPageButton';
 import { BreadcrumbNavigation } from '@/components/shared/BreadcrumbNavigation';
 import { Providers } from './Providers';
 import { AuthButtons } from '@/components/auth/AuthButtons';
+import { Toaster } from 'react-hot-toast';
+import { Header } from '@/components/shared/Header';
+import { H1 } from '@/components/shared/typography/H1';
+import Link from 'next/link';
+import { Footer } from '@/components/shared/Footer';
 
 export const metadata: Metadata = {
   title: 'Title',
@@ -23,16 +28,23 @@ export default function RootLayout({
       <body>
         <Providers>
           <PageWrapper>
+            <Toaster />
+            <Header className='py-4'>
+              <Link href='/'>
+                <H1 className='text-xl 3xl:text-xl'>Ready4Tech</H1>
+              </Link>
+              <AuthButtons />
+            </Header>
             <MainWrapper>
-              <div className='w-full'>
-                <AuthButtons />
-              </div>
               <div className='w-full flex items-center justify-between pb-12'>
                 <BreadcrumbNavigation />
                 <PrevPageButton />
               </div>
               {children}
             </MainWrapper>
+            <Footer>
+              <span className='text-sm text-[#545454]'>version 1.0</span>
+            </Footer>
           </PageWrapper>
         </Providers>
         <TailwindIndicator />
