From b8931bc58061cb1d1176223d9bfb2eaeccee7c20 Mon Sep 17 00:00:00 2001
From: Ahnnakyung <nakyung.ahn.03@gmail.com>
Date: Sun, 12 Jan 2025 11:48:07 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EB=9E=9C=EB=94=A9=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=ED=8D=BC=EB=B8=94=EB=A6=AC=EC=8B=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/www/src/app/page.tsx          | 59 +++++++++++++++++++++++++++++-
 apps/www/src/assets/icons/Logo.svg |  9 +++++
 2 files changed, 67 insertions(+), 1 deletion(-)
 create mode 100644 apps/www/src/assets/icons/Logo.svg

diff --git a/apps/www/src/app/page.tsx b/apps/www/src/app/page.tsx
index a078f8d..1e22d56 100644
--- a/apps/www/src/app/page.tsx
+++ b/apps/www/src/app/page.tsx
@@ -1,3 +1,60 @@
+import Image from "next/image";
+
+import Logo from "../assets/icons/Logo.svg";
+
 export default function Home() {
-  return <div>This is Home</div>;
+  return (
+    <div className="bg-black text-white min-h-screen pt-6 pb-40">
+      <div className="ml-20 mr-20">
+        <div className="flex flex-row">
+          <div className="flex flex-row">
+            <Image src={Logo} alt="Logo" width={40} height={40} className="mr-2" />
+            <div className="font-semibold text-xl">Nebula</div>
+          </div>
+          <div className="flex flex-row justify-end items-end ml-auto text-right">
+            <div className="font-extralight text-lg ml-6 cursor-pointer">Login</div>
+            <div className="font-extralight text-lg ml-6 cursor-pointer">Start</div>
+            <div className="font-extralight text-lg ml-6 cursor-pointer">Start</div>
+            <div className="font-extralight text-lg ml-6 cursor-pointer">Start</div>
+          </div>
+        </div>
+        <div className="flex flex-row">
+          <div className="mt-60 mb-72">
+            <div className="font-bold text-9xl">Nebula</div>
+            <div className="font-bold text-7xl">Service</div>
+            <div className="w-[550px] mt-20 font-extralight">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+              incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+              exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+            </div>
+          </div>
+          <div className="ml-auto mt-80 text-right">
+            <div className="font-mediumn text-xl">시작페이지</div>
+            <div className="font-extralight text-md mb-6">
+              로그인을 할 수 있는 마이페이지 입니다
+            </div>
+            <div className="font-mediumn text-xl">프로필</div>
+            <div className="font-extralight text-md">로그인을 할 수 있는 마이페이지 입니다</div>
+          </div>
+        </div>
+        <div className="w-full h-[532px] border border-zinc-600 rounded-md">
+          <div className="flex flex-row justify-between ml-10 mt-12 mb-20">
+            <div className="flex-grow">
+              <div className="font-bold text-7xl">Nebula</div>
+              <div className="font-bold text-7xl">Service</div>
+              <div className="w-[400px] mt-10 font-extralight">
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+              </div>
+              <button className="w-[100px] h-[48px] bg-zinc-300 self-center mt-20 rounded-sm">
+                Play
+              </button>
+            </div>
+            <div className="ml-auto text-right w-[810px] h-[432px] bg-zinc-800 mr-10"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
 }
diff --git a/apps/www/src/assets/icons/Logo.svg b/apps/www/src/assets/icons/Logo.svg
new file mode 100644
index 0000000..3d043e2
--- /dev/null
+++ b/apps/www/src/assets/icons/Logo.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="17" viewBox="0 0 32 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.87165 1.20485C11.6025 0.487904 13.4441 0.0809198 15.3123 0.0006168C15.6918 -0.0156994 16 0.293842 16 0.673778L16 7.30499C16 7.68492 15.6914 7.98985 15.3129 8.02246C14.4969 8.09274 13.695 8.28794 12.9358 8.60242C11.9644 9.00482 11.0817 9.59461 10.3381 10.3381C9.59461 11.0817 9.00482 11.9644 8.60242 12.9358C8.28794 13.695 8.09274 14.4969 8.02246 15.3129C7.98985 15.6914 7.68492 16 7.30499 16L0.673778 16C0.293842 16 -0.0156993 15.6918 0.000616796 15.3123C0.0809195 13.4441 0.487903 11.6025 1.20485 9.87165C2.00963 7.92872 3.18923 6.16333 4.67628 4.67628C6.16333 3.18923 7.92872 2.00963 9.87165 1.20485ZM22.1283 14.8864C20.3974 15.6034 18.5558 16.0103 16.6876 16.0906C16.3081 16.107 15.9999 15.7974 15.9999 15.4175V8.78627C15.9999 8.40634 16.3085 8.10141 16.687 8.06881C17.503 7.99852 18.3049 7.80332 19.0641 7.48884C20.0355 7.08644 20.9182 6.49665 21.6618 5.75312C22.4053 5.00959 22.9951 4.1269 23.3975 3.15544C23.712 2.39621 23.9072 1.59439 23.9774 0.778353C24.01 0.399819 24.315 0.09126 24.6949 0.0912599L31.3261 0.0912589C31.7061 0.0912589 32.0156 0.399412 31.9993 0.778998C31.919 2.6472 31.512 4.48875 30.7951 6.21961C29.9903 8.16254 28.8107 9.92793 27.3236 11.415C25.8366 12.902 24.0712 14.0816 22.1283 14.8864Z" fill="url(#paint0_linear_1_267)"/>
+<defs>
+<linearGradient id="paint0_linear_1_267" x1="-0.0162238" y1="-0.0162248" x2="32.0179" y2="16.1041" gradientUnits="userSpaceOnUse">
+<stop stop-color="#999999"/>
+<stop offset="1" stop-color="#111111"/>
+</linearGradient>
+</defs>
+</svg>

From cef730d4d3aac2a83745e55985500769c20fc7c3 Mon Sep 17 00:00:00 2001
From: Ahnnakyung <nakyung.ahn.03@gmail.com>
Date: Mon, 13 Jan 2025 22:35:55 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=EB=9E=9C=EB=94=A9=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EB=A6=AC=ED=8C=A9=ED=86=A0=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/www/src/app/page.tsx | 78 ++++++++++++++++++---------------------
 1 file changed, 36 insertions(+), 42 deletions(-)

diff --git a/apps/www/src/app/page.tsx b/apps/www/src/app/page.tsx
index 1e22d56..1fee354 100644
--- a/apps/www/src/app/page.tsx
+++ b/apps/www/src/app/page.tsx
@@ -4,57 +4,51 @@ import Logo from "../assets/icons/Logo.svg";
 
 export default function Home() {
   return (
-    <div className="bg-black text-white min-h-screen pt-6 pb-40">
-      <div className="ml-20 mr-20">
-        <div className="flex flex-row">
-          <div className="flex flex-row">
-            <Image src={Logo} alt="Logo" width={40} height={40} className="mr-2" />
-            <div className="font-semibold text-xl">Nebula</div>
-          </div>
-          <div className="flex flex-row justify-end items-end ml-auto text-right">
-            <div className="font-extralight text-lg ml-6 cursor-pointer">Login</div>
-            <div className="font-extralight text-lg ml-6 cursor-pointer">Start</div>
-            <div className="font-extralight text-lg ml-6 cursor-pointer">Start</div>
-            <div className="font-extralight text-lg ml-6 cursor-pointer">Start</div>
+    <main className="bg-black text-white min-h-screen pt-6 pb-40 px-20">
+      <div>
+        <div className="flex flex-row gap-2">
+          <Image src={Logo} alt="Logo" width={40} height={40} />
+          <div className="font-semibold text-xl">Nebula</div>
+        </div>
+        <div className="flex flex-row justify-end items-end ml-auto text-right">
+          <button className="font-extralight text-lg ml-6">Login</button>
+          <button className="font-extralight text-lg ml-6">Start</button>
+          <button className="font-extralight text-lg ml-6">Start</button>
+          <button className="font-extralight text-lg ml-6 ">Start</button>
+        </div>
+      </div>
+      <div className="flex flex-row">
+        <div className="mt-60 mb-72">
+          <div className="font-bold text-9xl">Nebula</div>
+          <div className="font-bold text-7xl">Service</div>
+          <div className="w-[550px] mt-20 font-extralight">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
           </div>
         </div>
-        <div className="flex flex-row">
-          <div className="mt-60 mb-72">
-            <div className="font-bold text-9xl">Nebula</div>
+        <div className="ml-auto mt-80 text-right">
+          <div className="font-mediumn text-xl">시작페이지</div>
+          <div className="font-extralight text-md mb-6">로그인을 할 수 있는 마이페이지 입니다</div>
+          <div className="font-mediumn text-xl">프로필</div>
+          <div className="font-extralight text-md">로그인을 할 수 있는 마이페이지 입니다</div>
+        </div>
+      </div>
+      <div className="w-full h-[532px] border border-zinc-600 rounded-md">
+        <div className="flex flex-row justify-between ml-10 mt-12 mb-20">
+          <div className="flex-grow">
+            <div className="font-bold text-7xl">Nebula</div>
             <div className="font-bold text-7xl">Service</div>
-            <div className="w-[550px] mt-20 font-extralight">
+            <div className="w-[400px] mt-10 font-extralight">
               Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
               incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
               exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
             </div>
+            <button className="w-[100px] h-[48px] bg-zinc-300 mt-20 rounded-sm">Play</button>
           </div>
-          <div className="ml-auto mt-80 text-right">
-            <div className="font-mediumn text-xl">시작페이지</div>
-            <div className="font-extralight text-md mb-6">
-              로그인을 할 수 있는 마이페이지 입니다
-            </div>
-            <div className="font-mediumn text-xl">프로필</div>
-            <div className="font-extralight text-md">로그인을 할 수 있는 마이페이지 입니다</div>
-          </div>
-        </div>
-        <div className="w-full h-[532px] border border-zinc-600 rounded-md">
-          <div className="flex flex-row justify-between ml-10 mt-12 mb-20">
-            <div className="flex-grow">
-              <div className="font-bold text-7xl">Nebula</div>
-              <div className="font-bold text-7xl">Service</div>
-              <div className="w-[400px] mt-10 font-extralight">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-                exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-              </div>
-              <button className="w-[100px] h-[48px] bg-zinc-300 self-center mt-20 rounded-sm">
-                Play
-              </button>
-            </div>
-            <div className="ml-auto text-right w-[810px] h-[432px] bg-zinc-800 mr-10"></div>
-          </div>
+          <div className="ml-auto text-right w-[810px] h-[432px] bg-zinc-800 mr-10"></div>
         </div>
       </div>
-    </div>
+    </main>
   );
 }