Dunk/comingsoon

src/app/comingsoon/page.tsx

@@ -0,0 +1,29 @@
+import Border from '@/components/Border';
+import Back_To_Menu from '@/components/comingsoon/back_to_menu';
+import Welcome from '@/components/comingsoon/welcome';
+
+export default function Home() {
+  return (
+    <main className="w-full h-screen flex justify-center items-center flex-col">
+      <Border
+        variant="transparent"
+        className="relative"
+      />{' '}
+      <Welcome />
+      <div className="absolute">
+        <h1 className="text-2xl text-center font-semibold text-project-light-gray mb-6">
+          รับเพื่อนก้าวใหม่ 2024
+        </h1>
+        <h1 className="text-4xl text-center text-project-light-gray mb-8 font-season italic font-bold">
+          &#39;Coming Soon&#39;
+        </h1>
+        <h1 className="text-xl text-center font-semibold text-project-light-gray mb-10">
+          พร้อมให้ลงทะเบียน
+          <br />
+          ในวันที่ 18 กรกฎาคม 2567
+        </h1>
+        <Back_To_Menu />
+      </div>
+    </main>
+  );
+}

src/app/page.tsx

@@ -7,7 +7,7 @@ export default function Home() {
         <h1 className="text-4xl font text-center text-white font-season italic">
           Contact list
         </h1>
-        <p className='font-sarun'>test สวัสดีครับ</p>
+        <p className="font-sarun">test สวัสดีครับ</p>
       </Border>
     </main>
   );

src/components/comingsoon/back_to_menu.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import Link from 'next/link';
+export default function Back_To_Menu() {
+  return (
+    <div className="flex text-center justify-center ">
+      <Link
+        href="/"
+        className="bg-project-fuchsia text-xl text-white py-2 px-2 w-60 h-12 rounded-md"
+      >
+        กลับสู่หน้าหลัก
+      </Link>
+    </div>
+  );
+}

src/components/comingsoon/welcome.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+export default function Welcome() {
+  return (
+    <div className="absolute top-20 text-center font-season italic">
+      <h1 className="text-4xl mb-1">Welcome,</h1>
+      <h1 className="text-3xl bg-gradient-to-t bg-clip-text text-transparent from-project-fuchsia from-30% via-80% to-95% to-project-cream">
+        CU108
+      </h1>
+    </div>
+  );
+}