portfolio/app/layout.tsx
r-freeman 829c6ba4be
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 2m42s
Test og images
2024-10-10 16:09:12 +01:00

38 lines
1.2 KiB
TypeScript

import {ReactNode} from 'react'
import {Providers} from '@/app/providers'
import {Header} from '@/components/common/Header'
import {Footer} from '@/components/common/Footer'
import '@/styles/tailwind.css'
export const metadata = {
title: 'Ryan Freeman - Full-stack software engineer from Dublin, Ireland.',
description: 'Full-stack software engineer who enjoys building cloud-native applications.',
metadataBase: new URL('https://ryanfreeman.dev'),
alternates: {
canonical: '/'
}
}
export default function RootLayout({children}: { children: ReactNode }) {
return (
<html className="h-full antialiased" lang="en" suppressHydrationWarning={true}>
<body className="flex h-full flex-col dark:bg-black-950">
<div className="fixed inset-0 flex justify-center sm:px-8">
<div className="flex w-full max-w-7xl lg:px-8">
<div className="w-full bg-white dark:bg-black-950 dark:ring-zinc-300/20"/>
</div>
</div>
<div className="relative">
<Providers>
<Header/>
<main>
{children}
</main>
<Footer/>
</Providers>
</div>
</body>
</html>
)
}