✨ feat : Create an intro page layout

You've created an intro page layout to introduce your web page

Related issue: YJU-OKURA#45

Author: dorimu0

src/app/intro/page.tsx

@@ -0,0 +1,37 @@
+'use client';
+import {introImg} from '@/public/svgs/intro';
+import {useState} from 'react';
+import Image from 'next/image';
+import Login from './component/login';
+
+export default function Page() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const openModal = () => {
+    setIsOpen(true);
+  };
+
+  const onClose = () => {
+    setIsOpen(false);
+  };
+  return (
+    <main className="flex min-h-screen flex-col items-center p-24">
+      <div className="text-5xl font-semibold text-center">
+        Make your collateral more efficient, <br /> more accessible.
+      </div>
+      <div className="m-4 font-semibold text-gray-500">
+        Minori makes it easier and more efficient to analyze data with LLM.
+      </div>
+      <div>
+        <Image src={introImg} width={500} height={500} alt="mainImg" />
+      </div>
+      <button
+        onClick={openModal}
+        className="bg-indigo-600 text-white py-2 px-7 rounded-3xl"
+      >
+        Get Start
+      </button>
+      {isOpen && <Login onClose={onClose} />}
+    </main>
+  );
+}