import type { Metadata } from "next";
import Header from "./components/header/header";
import Footer from "./components/footer/footer";

export const metadata: Metadata = {
  title: "parsa aghayi",
  description: "parsa aghayi 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 />

      <div className="main blog relative my-[200px] flex w-full flex-wrap justify-center overflow-hidden">
        {children}
      </div>

      <Footer />
    </div>
  );
}