HomePage.tsx 862 Bytes
Newer Older
Jiwon Yoon's avatar
Jiwon Yoon committed
1
2
3
import React from "react";
import "tailwindcss/tailwind.css";

jang dong hyeok's avatar
jang dong hyeok committed
4
5
6
type HomeProps = {
    title?: string;
};
Jiwon Yoon's avatar
Jiwon Yoon committed
7

jang dong hyeok's avatar
jang dong hyeok committed
8
const HomePage = ({ title = "Simple Survey Form" }: HomeProps) => (
jang dong hyeok's avatar
0624JDH    
jang dong hyeok committed
9
    <div>
Jiwon Yoon's avatar
Jiwon Yoon committed
10
        <div className="text-slate-300 text-center text-3xl text-black my-5">
jang dong hyeok's avatar
0624JDH    
jang dong hyeok committed
11
12
            가장 쉽게 설문지를 만드세요!
        </div>
jang dong hyeok's avatar
jang dong hyeok committed
13
14
        <div className="flex container justify-center my-6">
            <div className="flex justify-center text-2xl font-bold h-14 w-28 border-blue-500 rounded-lg bg-gray-300">
jang dong hyeok's avatar
0624JDH    
jang dong hyeok committed
15
16
17
18
19
20
21
22
23
24
                <div className="flex">
                    <button className="text-black">
                        +
                    </button>
                </div>
            </div>
        </div>
        <div className="text-slate-300 text-center text-xl text-black">
            Create now
        </div>
Jiwon Yoon's avatar
Jiwon Yoon committed
25
    </div>
jang dong hyeok's avatar
0624JDH    
jang dong hyeok committed
26
27
);

Jiwon Yoon's avatar
Jiwon Yoon committed
28
export default HomePage;