Home.tsx 779 Bytes
Newer Older
Yoon, Daeki's avatar
Yoon, Daeki committed
1
2
import React from "react";
import { Link } from "react-router-dom";
3
import homeImg from "../icons/homeImg.png";
4

Lee SeoYeon's avatar
Lee SeoYeon committed
5
6
export const Home = () => {
  return (
Yoon, Daeki's avatar
Yoon, Daeki committed
7
8
    <div className="flex flex-col items-center">
      <div className="text-center text-2xl md:text-3xl text-black mt-12">
Lee SeoYeon's avatar
Lee SeoYeon committed
9
10
        가장 쉽게 설문지를 만드세요!
      </div>
Yoon, Daeki's avatar
Yoon, Daeki committed
11
12
13
14
15
16
17
      <Link
        to={"/surveys"}
        className="flex justify-center items-center my-6 h-12 w-28 border-2 font-bold text-black hover:text-white bg-gray-200 hover:bg-themeColor text-xl rounded-lg"
      >
        +
      </Link>
      <p className="text-center text-xl text-black mb-3">Create now!</p>
18
19
      <div className="flex mt-5 md:px-48 bg-themeColor">
        <img src={homeImg} className="m-3" />
20
21
      </div>
    </div>
Lee SeoYeon's avatar
Lee SeoYeon committed
22
23
  );
};