fix how to work , about,blog

This commit is contained in:
2026-05-29 18:02:58 +05:30
parent 0a65d2e04a
commit 88722329d5
30 changed files with 2881 additions and 866 deletions

View File

@@ -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>
);