feat: start over and layout
This commit is contained in:
@@ -0,0 +1 @@
|
||||
@layer reset, base, tokens, recipes, utilities;
|
||||
+38
-3
@@ -1,8 +1,43 @@
|
||||
import { type FC } from 'react'
|
||||
import '@/app/global.css'
|
||||
import Footer from '@/components/layout/Footer'
|
||||
import Header from '@/components/layout/Header'
|
||||
import { css } from '@/styled-system/css'
|
||||
import '@fontsource/open-sans/latin-300.css'
|
||||
import '@fontsource/open-sans/latin-400.css'
|
||||
import '@fontsource/open-sans/latin-700.css'
|
||||
import '@fontsource/permanent-marker/latin-400.css'
|
||||
import { config } from '@fortawesome/fontawesome-svg-core'
|
||||
import '@fortawesome/fontawesome-svg-core/styles.css'
|
||||
import { type Metadata } from 'next'
|
||||
import { type FC, type ReactNode } from 'react'
|
||||
|
||||
const RootLayout: FC = () => {
|
||||
config.autoAddCss = false
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Home | EntGamers',
|
||||
description: 'Una comunidad de jugadores, para jugadores'
|
||||
}
|
||||
|
||||
interface RootLayoutProps {
|
||||
children: ReactNode
|
||||
}
|
||||
|
||||
const RootLayout: FC<RootLayoutProps> = ({ children }) => {
|
||||
return (
|
||||
<div>RootLayout</div>
|
||||
<html lang="en">
|
||||
<body>
|
||||
<Header />
|
||||
<main
|
||||
className={css({
|
||||
paddingBlock: 'medium',
|
||||
minHeight: 'calc(100vh - 60px - 72px)'
|
||||
})}
|
||||
>
|
||||
{children}
|
||||
</main>
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
)
|
||||
}
|
||||
export default RootLayout
|
||||
|
||||
@@ -0,0 +1,13 @@
|
||||
import { type FC } from 'react'
|
||||
|
||||
const HomePage: FC = () => {
|
||||
return (
|
||||
<>
|
||||
<h1>
|
||||
Home Page
|
||||
</h1>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default HomePage
|
||||
Reference in New Issue
Block a user