forked from veda/www_veda_2025
sasha-astiadi
1030e0150a
- Added new love letter section below hero with custom typewriter font styling - Integrated torn paper visual effect using new booktear.png images - Added JMH Typewriter font and configured it in layout and Tailwind - Created new UI component Booktear.jsx for reusable torn paper effect - Added paper texture background and love-red color theme - Included stylized message with custom typography and spacing - Removed background color
50 lines
1.0 KiB
JavaScript
50 lines
1.0 KiB
JavaScript
import { Inter, Lexend } from 'next/font/google'
|
||
import localFont from 'next/font/local'
|
||
import clsx from 'clsx'
|
||
|
||
import '@/styles/tailwind.css'
|
||
|
||
export const metadata = {
|
||
title: {
|
||
template: '%s - MN',
|
||
default: 'Maison Noire',
|
||
},
|
||
description:
|
||
'Most bookkeeping software is accurate, but hard to use. We make the opposite trade-off, and hope you don’t get audited.',
|
||
}
|
||
|
||
const inter = Inter({
|
||
subsets: ['latin'],
|
||
display: 'swap',
|
||
variable: '--font-inter',
|
||
})
|
||
|
||
const jmhTypewriter = localFont({
|
||
src: '../fonts/jmh_typewriter/JMH Typewriter.otf',
|
||
variable: '--font-jmh-typewriter',
|
||
})
|
||
|
||
const lexend = Lexend({
|
||
subsets: ['latin'],
|
||
display: 'swap',
|
||
variable: '--font-lexend',
|
||
})
|
||
|
||
export default function RootLayout({ children }) {
|
||
return (
|
||
<html
|
||
lang="en"
|
||
className={clsx(
|
||
'h-full scroll-smooth antialiased',
|
||
inter.variable,
|
||
lexend.variable,
|
||
jmhTypewriter.variable,
|
||
)}
|
||
>
|
||
<body className="flex h-full flex-col pt-20">
|
||
{children}
|
||
</body>
|
||
</html>
|
||
)
|
||
}
|