init
This commit is contained in:
@@ -3,37 +3,33 @@ import { useNavigate } from 'react-router-dom';
|
||||
import useStore from '../store/useStore';
|
||||
|
||||
function Home() {
|
||||
|
||||
const navigator = useNavigate();
|
||||
|
||||
return (
|
||||
<div className="flex bg-base-200 min-h-screen flex-col items-center text-white p-8">
|
||||
<h1 className="text-4xl mt-2 md:text-5xl font-bold mb-6 text-center flex flex-col gap-2 md:block">Welcome to <span className='bg-slate-800 px-4 rounded-md relative'>LivePoll</span></h1>
|
||||
<h1 className="text-4xl mt-2 md:text-5xl font-bold mb-6 text-center flex flex-col gap-2 md:block">
|
||||
欢迎来到 <span className='bg-slate-800 px-4 rounded-md relative'>LivePoll</span>
|
||||
</h1>
|
||||
<p className="text-lg text-center max-w-2xl mb-8">
|
||||
LivePoll is your platform for real-time, interactive polling. Create polls, participate in
|
||||
active discussions, and get instant feedback with live updates and visualizations. Discover
|
||||
what people think on topics that matter to you and have your voice heard!
|
||||
LivePoll 是您进行实时互动投票的平台。创建投票,参与活跃讨论,并通过实时更新和可视化获得即时反馈。探索人们对您关心话题的看法,让您的声音被听到!
|
||||
</p>
|
||||
<div className="flex flex-col lg:flex-row gap-6 mb-8">
|
||||
<div className="bg-base-300 p-6 rounded-lg shadow-md w-full lg:w-96 text-center">
|
||||
<h2 className="text-3xl font-semibold mb-4">Create Polls</h2>
|
||||
<h2 className="text-3xl font-semibold mb-4">创建投票</h2>
|
||||
<p className="text-gray-400">
|
||||
Create custom polls on any topic and share them with others. Add options, set
|
||||
permissions, and see the responses roll in real-time.
|
||||
创建关于任何主题的自定义投票并与他人分享。添加选项,设置权限,并实时查看响应结果。
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-base-300 p-6 rounded-lg shadow-md w-full lg:w-96 text-center">
|
||||
<h2 className="text-3xl font-semibold mb-4">Vote & Participate</h2>
|
||||
<h2 className="text-3xl font-semibold mb-4">投票与参与</h2>
|
||||
<p className="text-gray-400">
|
||||
Browse a variety of public polls or join private ones shared with you. Cast your vote
|
||||
and see the real-time results as others participate.
|
||||
浏览各种公开投票或加入与您分享的私人投票。投出您的一票,并在他人参与时查看实时结果。
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-base-300 p-6 rounded-lg shadow-md w-full lg:w-96 text-center">
|
||||
<h2 className="text-3xl font-semibold mb-4">Bookmark & Track</h2>
|
||||
<h2 className="text-3xl font-semibold mb-4">收藏与追踪</h2>
|
||||
<p className="text-gray-400">
|
||||
Bookmark polls to save them for later, view your past participation, and stay updated
|
||||
on topics you care about.
|
||||
收藏投票以便稍后查看,查看您过去的参与记录,并随时了解您关心的话题动态。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -41,7 +37,7 @@ function Home() {
|
||||
className="btn btn-primary px-6 py-3 font-semibold text-lg"
|
||||
onClick={() => navigator("/dashboard")}
|
||||
>
|
||||
Make a Poll
|
||||
创建投票
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user