|
1 | 1 | import type { NextPage } from "next";
|
2 |
| -import Head from "next/head"; |
3 |
| -import Image from "next/image"; |
4 |
| -import styles from "@shared/styles/Home.module.css"; |
| 2 | +import Link from "next/link"; |
5 | 3 |
|
6 | 4 | const Home: NextPage = () => {
|
7 | 5 | return (
|
8 |
| - <div className={styles.container}> |
9 |
| - <Head> |
10 |
| - <title>Create Next App</title> |
11 |
| - <meta name="description" content="Generated by create next app" /> |
12 |
| - <link rel="icon" href="/favicon.ico" /> |
13 |
| - </Head> |
14 |
| - |
15 |
| - <main className={styles.main}> |
16 |
| - <h1 className={styles.title}> |
17 |
| - Welcome to <a href="https://nextjs.org">Next.js!</a> |
18 |
| - </h1> |
19 |
| - <div className="pb-5"> |
20 |
| - <p className="text-xl title">its title!</p> |
| 6 | + <> |
| 7 | + <div |
| 8 | + className="w-screen h-screen bg-gradient-to-b from-[#F85E9F] via-[#FFDED3] via-85% to-[#FFFFFF] |
| 9 | + " |
| 10 | + > |
| 11 | + <div className="flex flex-col items-center justify-center text-white pt-52"> |
| 12 | + <h1 className="p-10 font-sans font-thin tracking-tighter text-8xl"> |
| 13 | + 일상의 행복을 <span className="font-bold">확대</span>하다 |
| 14 | + </h1> |
| 15 | + <span className="text-4xl"> |
| 16 | + <h3>왜, 나는 일정 만들기가 어려울까?</h3> |
| 17 | + <h3>일정을 바로 고르고 편집하는 캐쳐!</h3> |
| 18 | + </span> |
21 | 19 | </div>
|
22 |
| - <p className={styles.description}> |
23 |
| - Get started by editing{" "} |
24 |
| - <code className={styles.code}>pages/index.tsx</code> |
25 |
| - </p> |
26 |
| - |
27 |
| - <div className={styles.grid}> |
28 |
| - <a href="https://nextjs.org/docs" className={styles.card}> |
29 |
| - <h2>Documentation →</h2> |
30 |
| - <p>Find in-depth information about Next.js features and API.</p> |
31 |
| - </a> |
32 | 20 |
|
33 |
| - <a href="https://nextjs.org/learn" className={styles.card}> |
34 |
| - <h2>Learn →</h2> |
35 |
| - <p>Learn about Next.js in an interactive course with quizzes!</p> |
36 |
| - </a> |
37 |
| - <a |
38 |
| - href="https://github.com/vercel/next.js/tree/canary/examples" |
39 |
| - className={styles.card} |
40 |
| - > |
41 |
| - <h2>Examples →</h2> |
42 |
| - <p>Discover and deploy boilerplate example Next.js projects.</p> |
43 |
| - </a> |
44 |
| - |
45 |
| - <a |
46 |
| - href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" |
47 |
| - className={styles.card} |
48 |
| - > |
49 |
| - <h2>Deploy →</h2> |
50 |
| - <p> |
51 |
| - Instantly deploy your Next.js site to a public URL with Vercel. |
52 |
| - </p> |
53 |
| - </a> |
| 21 | + <div className="top-[50%} absolute left-20 text-xl"> |
| 22 | + <ul>index</ul> |
| 23 | + <li> |
| 24 | + <Link href={"/login"}>로그인</Link> |
| 25 | + </li> |
| 26 | + <li> |
| 27 | + <Link href={"/signup"}>회원가입</Link> |
| 28 | + </li> |
| 29 | + <li> |
| 30 | + <Link href={"/schedule"}>일정 찾기</Link> |
| 31 | + </li> |
| 32 | + <li> |
| 33 | + <Link href={"/create-schedule"}>일정 만들기</Link> |
| 34 | + </li> |
| 35 | + <li> |
| 36 | + <Link href={"/faq"}>자주하는 질문</Link> |
| 37 | + </li> |
| 38 | + <li> |
| 39 | + <Link href={"/notice"}>공지사항</Link> |
| 40 | + </li> |
| 41 | + <li> |
| 42 | + <Link href={"/mypage"}>마이페이지</Link> |
| 43 | + </li> |
54 | 44 | </div>
|
55 |
| - </main> |
56 | 45 |
|
57 |
| - <footer className={styles.footer}> |
58 |
| - <a |
59 |
| - href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" |
60 |
| - target="_blank" |
61 |
| - rel="noopener noreferrer" |
62 |
| - > |
63 |
| - Powered by{" "} |
64 |
| - <span className={styles.logo}> |
65 |
| - <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} /> |
66 |
| - </span> |
67 |
| - </a> |
68 |
| - </footer> |
69 |
| - </div> |
| 46 | + <div className="absolute overflow-hidden bg-white rounded-full h-[50vw] w-[50vw] m-auto bottom-[-25vw] right-[25vw]"> |
| 47 | + <video |
| 48 | + src="media/main_circle.mov" |
| 49 | + autoPlay={true} |
| 50 | + loop={true} |
| 51 | + muted={true} |
| 52 | + className="object-cover w-full h-full" |
| 53 | + ></video> |
| 54 | + </div> |
| 55 | + </div> |
| 56 | + </> |
70 | 57 | );
|
71 | 58 | };
|
72 | 59 |
|
|
0 commit comments