parsaaghayi-front/src/app/(routes)/blog/layout.tsx
2024-11-18 15:33:20 +03:30

48 lines
1.2 KiB
TypeScript

import type { Metadata } from "next";
import Header from "./components/header/header";
import Footer from "./components/footer/footer";
import NextTopLoader from "nextjs-toploader";
export const metadata: Metadata = {
title: {
template: "%s | parsa aghayi's blog",
default: "parsa aghayi's blog",
},
description: "parsa aghayi personal blog",
openGraph: {
title: {
template: "%s | parsa aghayi's blog",
default: "parsa aghayi's blog",
},
description: "parsa aghayi personal blog",
images: [
`${process.env.NEXT_PUBLIC_FRONT_URL}/og-image?text=parsa aghayi's personal blog`,
],
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<div className="flex w-full flex-wrap justify-center bg-blog-background">
<link
rel="icon"
href="/images/favicons/blog-icon.png"
type="image/png"
sizes="32x32"
/>
<Header />
<NextTopLoader color="rgb(146 131 224)" showAtBottom={false} />
<div className="main blog relative my-[100px] flex w-full flex-wrap justify-center md:my-[150px]">
{children}
</div>
<Footer />
</div>
);
}