feat : 메인 페이지 퍼블리싱

Author: seungw0o

apps/web/src/app/page.tsx

@@ -1,3 +1,54 @@
+"use client";
+import { Button, SearchInput, Contents } from "@web/components";
+
+import { useRouter } from "next/navigation";
+
 export default function Home() {
-  return <></>;
+  const router = useRouter();
+  return (
+    <div className="flex flex-col gap-4">
+      <div className="flex items-center justify-between pl-5 pr-7 pt-4 pb-4 border-b border-solid border-zinc-300">
+        <img src="/assets/logoWithTexts.svg" />
+        <Button
+          size="small"
+          backColor="blue"
+          borderColor="blue"
+          onClick={() => {
+            router.push(`/login`);
+          }}
+        >
+          시작하기
+        </Button>
+      </div>
+      <div className="flex flex-col pt-6 pl-32 gap-10">
+        <SearchInput />
+        <div className="grid grid-cols-2 gap-10">
+          <Contents
+            img=""
+            title="test"
+            date="2025-06-01"
+            tags={["test", "test", "test"]}
+          />
+          <Contents
+            img=""
+            title="test"
+            date="2025-06-01"
+            tags={["test", "test", "test"]}
+          />
+          <Contents
+            img=""
+            title="test"
+            date="2025-06-01"
+            tags={["test", "test", "test"]}
+          />
+          <Contents
+            img=""
+            title="test"
+            date="2025-06-01"
+            tags={["test", "test", "test"]}
+          />
+        </div>
+      </div>
+    </div>
+  );
 }