eolas-app/src/pages/home.tsx

import Main from "@/templates/Main"
import RecentEdits from "@/containers/RecentEdits"

export default function Home() {
   return (
      <>
         <Main 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-6 [&:not(:first-child)]:mt-6 font-normal">
                              I'm Thomas. Eólas is my technical knowledge management system, or
                              "second-brain", comprising notes from my study of software engineering
                              and computer science.
                           </p>
                        </div>
                     </div>
                  </div>

                  {/*
									
									<div className="bg-muted rounded-none p-3 font-medium text-sm text-muted-foreground my-4 mb-6">
										<p className="">
											{" "}
											<span className="mr-2">🇮🇪</span> "Eólas" is Irish for "knowledge",
											especially knowledge gained through practical experience.
										</p>
									</div>

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