Commit 6883d5f2 authored by jang dong hyeok's avatar jang dong hyeok
Browse files

HomePage

parent d0af2bb8
import React from "react"; import React from "react";
import { Link } from "react-router-dom";
type HomeProps = { type HomeProps = {
title?: string; title?: string;
}; };
export const Home = ({ title = "Simple Survey Form" }: HomeProps) => ( export const Home = ({ title = "Simple Survey Form" }: HomeProps) => (
<div>
<div className="text-center text-3xl text-black my-5"> <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 container justify-center my-6"> </div>
<div className="flex justify-center text-2xl font-bold h-14 w-28 border-blue-500 rounded-lg bg-gray-300"> <div className="flex flex-col place-items-center container">
<div className="flex"> <div>
<button className="text-black">+</button> <Link to="/create" 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>
</div> </div>
<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"
/>
</div> </div>
</div> </div>
<div className="text-center text-xl text-black">Create now</div>
</div>
); );
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment