Home.tsx 1.02 KB
Newer Older
1
import React from "react";
jang dong hyeok's avatar
jang dong hyeok committed
2
import { Link } from "react-router-dom";
3

Jiwon Yoon's avatar
Jiwon Yoon committed
4
5
6
7
8
9
10
11
export const Home = () => (
  <div className="flex flex-col place-items-center">
    <div className="justify-end text-center text-3xl text-black h-16 mt-12">
      가장 쉽게 설문지를 만드세요!
    </div>
    <div className="flex flex-col place-items-center container">
      <div>
        <Link
jang dong hyeok's avatar
.    
jang dong hyeok committed
12
          to="/surveys/create"
Jiwon Yoon's avatar
Jiwon Yoon committed
13
14
15
16
17
18
          className="flex h-14 w-28 items-center border-2 border-themeColor font-bold text-black bg-gray-200 hover:bg-themeColor rounded-lg "
        >
          <div className="text-center w-28 font-bold text-black place-items-center">
            +
          </div>
        </Link>
19
      </div>
Jiwon Yoon's avatar
Jiwon Yoon committed
20
21
22
23
24
25
26
      <p className="text-center text-xl text-black">Create now!</p>
    </div>
    <div className="flex justify-center">
      <img
        src="https://3hbgf23vu0wr11wkpae5igwe-wpengine.netdna-ssl.com/wp-content/uploads/2021/04/SurveyExample_v3.jpg"
        className="object-scale-down justify-center"
      />
27
    </div>
Jiwon Yoon's avatar
Jiwon Yoon committed
28
  </div>
29
);