feat: add Welcome widget to Home

src/pages/home.tsx

@@ -1,19 +1,45 @@
 import { Card, CardContent } from "@/components/ui/card"
 import Main from "@/templates/Main"
 
+// const scoreData = [
+// 	{ label: "Total Posts", count: "548" },
+// 	{ label: "Tags", count: "68" },
+// 	{ label: "Backlinks", count: "766" },
+// ]
+
 export default function Home() {
 	return (
 		<>
 			<Main pageTitle="Home">
+				{/*
+									<div className="grid grid-cols-3 gap-4 p-6 pb-0">
+                     {scoreData.map((item, index) => (
+                        <ScoreCard key={index} label={item.label} count={item.count} />
+                     ))}
+                  </div>
+				*/}
+
 				<div className="flex-1 flex flex-col overflow-auto">
 					<div className="@container/main flex flex-col">
 						<div className="p-4 lg:p-6 flex-1 flex">
-							<Card className="border rounded-sm shadow-none w-full">
-								<CardContent className="p-4 overflow-auto">
+							<Card className="border rounded-none shadow-none w-full p-2">
+								<CardContent className="p-4 pt-6 overflow-auto">
+									<h2 className="scroll-m-20 text-xl font-semibold">Welcome</h2>
 									<p className="leading-7 [&:not(:first-child)]:mt-6 font-normal">
-										Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget
-										justo non ipsum venenatis suscipit.
+										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 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>
+
+									<h2 className="scroll-m-20 text-lg font-semibold">Recent edits</h2>
 								</CardContent>
 							</Card>
 						</div>
@@ -23,3 +49,12 @@ export default function Home() {
 		</>
 	)
 }
+
+// const ScoreCard = ({ label, count }) => (
+// 	<div className="rounded-sm border bg-card text-card-foreground  p-6">
+// 		<div className="flex flex-col space-y-1.5">
+// 			<h3 className="text-2xl font-semibold leading-none tracking-tight">{count}</h3>
+// 			<p className="text-sm text-muted-foreground">{label}</p>
+// 		</div>
+// 	</div>
+// )