eolas-app/src/pages/home.tsx

import MainTemplate from "@/templates/MainTemplate"
import RecentEdits from "@/containers/RecentEdits"
export default function Home() {
   return (
      <>
         <MainTemplate pageTitle="Home">
            <div className="flex-1 flex flex-col overflow-auto">
               <div className="@container/main flex flex-col">
                  <div className="p-4 lg:p-6 flex flex-1">
                     <div className="border w-full">
                        <div className="border-b py-2 px-4 lg:px-6 bg-sidebar">
                           <h2 className="scroll-m-20 font-semibold">Welcome</h2>
                        </div>
                        <div className="p-4 lg:p-6">
                           <p className="leading-7 [&:not(:first-child)]:mt-6 font-normal">
                              Hi,{" "}
                              <a
                                 className="text-foreground underline-offset-3 font-medium underline hover:text-gray-700 dark:hover:text-green-300"
                                 href="https://systemsobscure.blog/about"
                                 target="_blank"
                              >
                                 I'm Thomas
                              </a>
                              , Eólas is my technical knowledge management system, or
                              "second-brain", comprising notes from the study of software
                              engineering and computer science.{" "}
                           </p>
                        </div>
                     </div>
                  </div>

                  <div className="px-4 lg:px-6 flex-1 flex">
                     <RecentEdits />
                  </div>
               </div>
            </div>
         </MainTemplate>
      </>
   )
}