From c8a6bb4428288c5c2d2708e8de9b1e944cedb217 Mon Sep 17 00:00:00 2001
From: Spencer Schoeneman <spencer.schoeneman@gmail.com>
Date: Tue, 14 Nov 2023 16:08:02 -0600
Subject: [PATCH] edit page to work with new page layouts

---
 packages/nextjs/pages/index.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
index a94c44b..5ec514b 100644
--- a/packages/nextjs/pages/index.tsx
+++ b/packages/nextjs/pages/index.tsx
@@ -1,11 +1,13 @@
+import { ReactElement } from "react";
 import Link from "next/link";
-import type { NextPage } from "next";
+import type { NextPageWithLayout } from "./_app";
 import { MetaHeader } from "~~/components/MetaHeader";
+import CleanLayout from "~~/components/layouts/CleanLayout";
 
-const Home: NextPage = () => {
+const LandingPage: NextPageWithLayout = () => {
   return (
     <>
-      <MetaHeader />
+      <MetaHeader /> {/* Look into MetaHeader - should it be moved to _app.tsx ??? */}
       <div className="flex flex-col items-center pt-10">
         <div className="px-5">
           <h1 className="text-center mb-8">
@@ -26,4 +28,8 @@ const Home: NextPage = () => {
   );
 };
 
-export default Home;
+LandingPage.getLayout = function getLayout(page: ReactElement) {
+  return <CleanLayout>{page}</CleanLayout>;
+};
+
+export default LandingPage;