Adding in functionality for Wordpress Menus, and logic to switch to Sheet when menu is too big

src/pages/[slug].tsx

@@ -33,10 +33,14 @@ export const getStaticProps = wrapper.getStaticProps(
 );
 
 const Page = ({ page }: any) => {
+  console.log(page);
   return (
     <Internal>
-      <div className="container my-32">
-        {parser(page.content.rendered, { trim: true })}
+      <div className="container my-24 md:my-36 page-content">
+        <h1 className="text-4xl md:text-[64px] text-primary md:mb-6 font-sans font-bold">
+          {page.title.rendered}
+        </h1>
+        <div className="">{parser(page.content.rendered, { trim: true })}</div>
       </div>
     </Internal>
   );

src/pages/blog/[slug]/index.tsx

@@ -4,7 +4,6 @@ import { getPost, getPosts, getRunningQueriesThunk } from "@/services/posts";
 import { wrapper, reduxStore } from "@/lib/redux";
 import Internal from "@/components/common/Internal";
 import ScrollDown from "@/components/common/scrollDown";
-import { revalidatePath } from "next/cache";
 
 export const getStaticPaths = async () => {
   const store = reduxStore();