mirror of
https://github.com/lukevella/rallly.git
synced 2025-07-13 06:27:30 +02:00
First public commit
This commit is contained in:
commit
e05cd62e53
228 changed files with 17717 additions and 0 deletions
36
components/home/how-it-works.tsx
Normal file
36
components/home/how-it-works.tsx
Normal file
|
@ -0,0 +1,36 @@
|
|||
import * as React from "react";
|
||||
|
||||
const HowItWorks: React.VoidFunctionComponent = () => {
|
||||
return (
|
||||
<div className="bg-gradient-to-b from-transparent via-white to-white">
|
||||
<div className="py-16 px-8 mx-auto max-w-7xl">
|
||||
<h2 className="heading text-center">How it works</h2>
|
||||
<p className="subheading text-center">It's simple!</p>
|
||||
<div className="grid grid-cols-3 gap-16">
|
||||
<div className="col-span-1">
|
||||
<h3 className="text-xl">Create a poll</h3>
|
||||
<p className="text">
|
||||
Choose options you would like your participants to choose from.
|
||||
</p>
|
||||
</div>
|
||||
<div className="col-span-1">
|
||||
<h3 className="text-xl">Share your link</h3>
|
||||
<p className="text">
|
||||
Share your unique link with your participants to give them access
|
||||
to the page.
|
||||
</p>
|
||||
</div>
|
||||
<div className="col-span-1">
|
||||
<h3 className="text-xl">Vote</h3>
|
||||
<p className="text">
|
||||
Participants vote for the dates they prefer. The option with the
|
||||
most votes wins!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default HowItWorks;
|
Loading…
Add table
Add a link
Reference in a new issue