pollo/src/pages/index.tsx

60 lines
1.8 KiB
TypeScript
Raw Normal View History

2023-04-20 04:20:00 -06:00
import { type NextPage } from "next";
import Head from "next/head";
const Home: NextPage = () => {
return (
<>
<Head>
<title>Sprint Padawan</title>
<meta name="description" content="Plan. Sprint. Repeat." />
</Head>
2023-06-05 16:56:28 -06:00
<div className="flex flex-col text-center items-center justify-center px-4 py-16 gap-4">
2023-04-20 04:20:00 -06:00
<HomePageBody />
</div>
</>
);
};
export default Home;
const HomePageBody: React.FC = () => {
return (
<>
2023-06-07 22:37:47 -06:00
<h1 className="text-6xl font-bold">
2023-07-11 18:19:45 -06:00
Sprint{ " " }
<span className="bg-gradient-to-br from-pink-600 to-cyan-400 bg-clip-text text-transparent box-decoration-clone">
Padawan
</span>
</h1>
2023-06-07 22:37:47 -06:00
<h2 className="my-4 text-3xl font-bold">
2023-07-11 18:19:45 -06:00
A{ " " }
<span className="bg-gradient-to-br from-pink-600 to-pink-400 bg-clip-text text-transparent box-decoration-clone">
2023-07-11 18:19:45 -06:00
scrum poker{ " " }
</span>{ " " }
tool that helps{ " " }
<span className="bg-gradient-to-br from-purple-600 to-purple-400 bg-clip-text text-transparent box-decoration-clone">
2023-07-11 18:19:45 -06:00
agile teams{ " " }
</span>{ " " }
plan their sprints in{ " " }
<span className="bg-gradient-to-br from-cyan-600 to-cyan-400 bg-clip-text text-transparent box-decoration-clone">
real-time
</span>
.
</h2>
2023-06-05 16:56:28 -06:00
<div className="card bg-secondary text-black font-bold text-left">
<div className="card-body">
<h2 className="card-title">Features:</h2>
<ul>
<li>🚀 Real-time votes!</li>
2023-06-18 12:54:34 -06:00
<li>🚀 Granular control of room name and vote scale!</li>
2023-06-05 16:56:28 -06:00
<li>🚀 CSV Reports for every room!</li>
<li>🚀 100% free and open-source... forever!</li>
</ul>
</div>
</div>
</>
);
};