modified likes page

app/likes/page.tsx

@@ -1,3 +1,35 @@
-export default function Page() {
-  return <div>ayoooooooooooooooo</div>
-}
+import projectsData from '@/data/likesData'
+import Card from '@/components/Card'
+import { genPageMetadata } from 'app/seo'
+
+export const metadata = genPageMetadata({ title: 'Likes' })
+
+export default function Likes() {
+  return (
+    <>
+      <div className="divide-y divide-gray-200 dark:divide-gray-700">
+        <div className="space-y-2 pb-8 pt-6 md:space-y-5">
+          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
+            Likes
+          </h1>
+          <p className="text-lg leading-7 text-gray-500 dark:text-gray-400">
+            These things are pretty cool, check 'em out.
+          </p>
+        </div>
+        <div className="container py-12">
+          <div className="-m-4 flex flex-wrap">
+            {projectsData.map((d) => (
+              <Card
+                key={d.title}
+                title={d.title}
+                description={d.description}
+                imgSrc={d.imgSrc}
+                href={d.href}
+              />
+            ))}
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}

app/projects/page.tsx

@@ -32,4 +32,4 @@ export default function Projects() {
       </div>
     </>
   )
-}
+}