diff --git a/website/app/src/Home/FAQ/index.tsx b/website/app/src/Home/FAQ/index.tsx
new file mode 100644
index 0000000..221178c
--- /dev/null
+++ b/website/app/src/Home/FAQ/index.tsx
@@ -0,0 +1,85 @@
+import {
+ Accordion,
+ AccordionDetails,
+ AccordionGroup,
+ AccordionSummary,
+ Card,
+ CardContent,
+ Link,
+ Typography,
+} from "@mui/joy";
+import React from "react";
+
+export default function FAQ() {
+ return (
+
+
+
+ FAQ
+
+
+
+
+
+ What is UPAC?
+
+
+ UPAC stands for University Poker Algorithm Competition. It is a
+ competition where students from different universities compete
+ to create the best poker bot.
+
+
+
+
+ Can I compete on a team?
+
+
+ Yes! You can create a team and add your friends to it. You can
+ then submit a bot together.
+
+
+
+
+ Who is elligible to compete?
+
+
+ Right now anyone is elligible, university student or not! The
+ website is open so that anyone can create an account and submit
+ a bot. Next year we plan to host a university only competition
+ with prizes.
+
+
+
+
+ Who is behind UPAC?
+
+
+ UPAC was created by a group of students from McGill University.
+ We started talking about strategies in our poker club and
+ decided it would be fun to create a competition around it. After
+ we started developing the website we realized that MIT hosts a
+ similar event, but it's not open to the public. We decided to
+ make our event open to everyone and we are excited to see the
+ results.
+
+
+
+
+
+ Do I have to use a particular language/technology in particular?
+
+
+
+ Nope! You can use any language or technology you want. You
+ submit a json file with a build command and a run command, and
+ we will take care of the rest. Communication with the engine is
+ done through stdin and stdout. For more information, check out
+ the documentation.
+
+
+
+
+
+
+ );
+}
diff --git a/website/app/src/Home/Sponsors/Sponsors.tsx b/website/app/src/Home/Sponsors/Sponsors.tsx
new file mode 100644
index 0000000..8481299
--- /dev/null
+++ b/website/app/src/Home/Sponsors/Sponsors.tsx
@@ -0,0 +1,11 @@
+import { Box } from "@mui/joy";
+import React from "react";
+import QuantConnectLogo from "./logos/QuantConnect";
+
+export default function Logos() {
+ return (
+
+
+
+ );
+}
diff --git a/website/app/src/Home/Sponsors/logos/QuantConnect.tsx b/website/app/src/Home/Sponsors/logos/QuantConnect.tsx
new file mode 100644
index 0000000..4534231
--- /dev/null
+++ b/website/app/src/Home/Sponsors/logos/QuantConnect.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function QuantConnectLogo() {
+ return ;
+}
\ No newline at end of file
diff --git a/website/app/src/Home/index.tsx b/website/app/src/Home/index.tsx
index 21e08b1..e6e6e3b 100644
--- a/website/app/src/Home/index.tsx
+++ b/website/app/src/Home/index.tsx
@@ -1,13 +1,15 @@
import React from "react";
import Box from "@mui/joy/Box";
import Logo from "../components/Logo";
-import { Button, Link, Sheet, Typography } from "@mui/joy";
+import { Button, Divider, Link, Sheet, Typography, useTheme } from "@mui/joy";
import { DiscordLogo } from "./Discord";
import Container from "@mui/joy/Container";
import graphic_small from "./graphic_small.png";
import graphic from "./graphic.png";
import BackgroundImage from "../components/BackgroundImage";
import HeaderFooter from "../components/HeaderFooter";
+import Logos from "./Sponsors/Sponsors";
+import FAQ from "./FAQ";
export function LogoText({ text }: { text: string }) {
let vals1 = "0px 0px";
@@ -50,39 +52,76 @@ export function LogoText({ text }: { text: string }) {
);
}
+function InfoSection(props: { title: string; children: React.ReactNode }) {
+ return (
+
+
+ {props.title}
+
+ {props.children}
+
+ );
+}
+
+function InfoSections() {
+ return (
+ ({
+ display: "flex",
+ flexDirection: "row",
+ gap: 2,
+ justifyContent: "space-between",
+ [theme.breakpoints.down("sm")]: {
+ flexDirection: "column",
+ gap: 4,
+ },
+ })}
+ >
+
+
+ Develop a poker algorithm in a programming language of your choice
+
+ View documentation
+
+
+
+ Your algorithms will automatically be tested against each other on our
+ platform
+
+ View recent games
+
+
+
+ We will calculate your Elo, and rank you against other competitors
+
+ View leaderboard
+
+
+ );
+}
+
export default function HomePage() {
return (
-
-
-
-
+
-
- The competition will start in 2024. For sponsorship inquiries,
- please contact{" "}
+
+
+
+ Sponsored by
+
+
+
+
+
+ For sponsorship inquiries, please contact{" "}
alex@alexwp.com
-
+
+
+
);
}
;
+}
\ No newline at end of file
diff --git a/website/app/src/Home/index.tsx b/website/app/src/Home/index.tsx
index 21e08b1..e6e6e3b 100644
--- a/website/app/src/Home/index.tsx
+++ b/website/app/src/Home/index.tsx
@@ -1,13 +1,15 @@
import React from "react";
import Box from "@mui/joy/Box";
import Logo from "../components/Logo";
-import { Button, Link, Sheet, Typography } from "@mui/joy";
+import { Button, Divider, Link, Sheet, Typography, useTheme } from "@mui/joy";
import { DiscordLogo } from "./Discord";
import Container from "@mui/joy/Container";
import graphic_small from "./graphic_small.png";
import graphic from "./graphic.png";
import BackgroundImage from "../components/BackgroundImage";
import HeaderFooter from "../components/HeaderFooter";
+import Logos from "./Sponsors/Sponsors";
+import FAQ from "./FAQ";
export function LogoText({ text }: { text: string }) {
let vals1 = "0px 0px";
@@ -50,39 +52,76 @@ export function LogoText({ text }: { text: string }) {
);
}
+function InfoSection(props: { title: string; children: React.ReactNode }) {
+ return (
+