fix how to work , about,blog
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { Manrope, Space_Grotesk } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import Header from "@/components/layout/Header";
|
||||
import Footer from "@/components/layout/Footer";
|
||||
@@ -7,11 +7,18 @@ import BodyClasses from "@/components/layout/BodyClasses";
|
||||
import BodyOverlay from "@/components/layout/BodyOverlay";
|
||||
import { HeaderUIProvider } from "@/components/layout/HeaderUIProvider";
|
||||
import { SHARED_BODY_CLASSES } from "@/lib/bodyClasses";
|
||||
import AnimationProvider from "@/animations/AnimationProvider";
|
||||
|
||||
const manrope = Manrope({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-manrope",
|
||||
weight: ["300", "400", "500", "600", "700", "800"],
|
||||
weight: ["200", "300", "400", "500", "600", "700", "800"],
|
||||
});
|
||||
|
||||
const spaceGrotesk = Space_Grotesk({
|
||||
subsets: ["latin"],
|
||||
variable: "--font-space-grotesk",
|
||||
weight: ["400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
@@ -29,7 +36,7 @@ export default function RootLayout({
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
return (
|
||||
<html lang="en-US" className={manrope.variable}>
|
||||
<html lang="en-US" className={`${manrope.variable} ${spaceGrotesk.variable}`}>
|
||||
<head>
|
||||
{/* FontAwesome icons */}
|
||||
<link
|
||||
@@ -63,16 +70,18 @@ export default function RootLayout({
|
||||
*/}
|
||||
<body className={SHARED_BODY_CLASSES}>
|
||||
<BodyClasses />
|
||||
<HeaderUIProvider>
|
||||
<BodyOverlay />
|
||||
<div className="body-container">
|
||||
<div id="page" className="hfeed site">
|
||||
<Header />
|
||||
{children}
|
||||
<Footer />
|
||||
<AnimationProvider>
|
||||
<HeaderUIProvider>
|
||||
<BodyOverlay />
|
||||
<div className="body-container">
|
||||
<div id="page" className="hfeed site">
|
||||
<Header />
|
||||
{children}
|
||||
<Footer />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</HeaderUIProvider>
|
||||
</HeaderUIProvider>
|
||||
</AnimationProvider>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user