Adding footer and menu API call for that, as well as adding some styling changes and additions

src/pages/[slug].tsx

@@ -36,7 +36,7 @@ const Page = ({ page }: any) => {
   console.log(page);
   return (
     <Internal>
-      <div className="container my-24 md:my-36 page-content">
+      <div className="my-24 md:my-36 w-3/4 mx-auto page-content">
         <h1 className="text-4xl md:text-[64px] text-primary md:mb-6 font-sans font-bold">
           {page.title.rendered}
         </h1>

src/pages/index.tsx

@@ -5,7 +5,7 @@ import Internal from "@/components/common/Internal";
 
 export default function Home(): JSX.Element {
   return (
-    <Internal>
+    <Internal hideFooter>
       <div className="absolute h-screen w-full top-0 left-0 scene">
         <Canvas
           shadows

src/pages/portfolio/index.tsx

@@ -61,7 +61,13 @@ export default function Portfolio({ projects }: any): JSX.Element {
   }, [carouselChange]);
   return (
     <Internal>
-      <div className="container mt-32 mb-12">
+      <div className="container mt-28 md:mt-32 mb-8 md:mb-16">
+        <h1 className="text-4xl md:text-[64px] mb-4 font-sans font-bold">
+          Portfolio
+        </h1>
+        <p>Here's all my latest projects, and the technologies used!</p>
+      </div>
+      <div className="container mb-12">
         {/*
           // @ts-ignore */}
         <Slider