Add new footer for page

src/app/(home)/layout.tsx

@@ -0,0 +1,20 @@
+import type { Metadata } from "next";
+import Footer from "@/components/footer";
+
+export const metadata: Metadata = {
+  title: "Barcelona Supercomputing Center",
+  description: "Barcelona Supercomputing Center",
+};
+
+export default function HomeLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <>
+      {children}
+      <Footer />
+    </>
+  );
+}

src/app/case-study-energy/layout.tsx

@@ -0,0 +1,20 @@
+import type { Metadata } from "next";
+import Footer from "@/components/footer";
+
+export const metadata: Metadata = {
+  title: "Barcelona Supercomputing Center",
+  description: "Barcelona Supercomputing Center",
+};
+
+export default function EnergyLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <>
+      {children}
+      <Footer backgroundClass="bg-blue-900" />
+    </>
+  );
+}

src/app/layout.tsx

@@ -33,7 +33,6 @@ export default function RootLayout({
           <Header />
           <Menu />
           {children}
-          <Footer />
         </ContextWrapper>
       </body>
     </html >