From fe8d2fa6a803ca0ac961c13a0f2ddaf946c6051a Mon Sep 17 00:00:00 2001
From: Scott Jochems <s.a.jochems@student.tudelft.nl>
Date: Mon, 26 Feb 2024 14:52:28 +0100
Subject: [PATCH] Added ticket button and grammer fixes

---
 src/components/about/index.tsx  | 2 +-
 src/components/header/index.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/about/index.tsx b/src/components/about/index.tsx
index 62504c8..b5ac534 100644
--- a/src/components/about/index.tsx
+++ b/src/components/about/index.tsx
@@ -14,7 +14,7 @@ export const About: FunctionalComponent = () => (
             <div class={style.column}>
                 <h3>What?</h3>
                 <p>
-                    Embark on an exciting journey with Hack to the Future, a fully inclusive 24-hour hackathon experience. Immerse yourself in a dynamic environment where participants take on entertaining challenges presented by our amazing partner companies. Beyond the thrill of problem-solving, the event offers the chance to win exciting prizes and guarantees a good time for all involved. A brunch is also offered on sunday for this you will have to buy an different brunch ticket.
+                    Embark on an exciting journey with Hack to the Future, a fully inclusive 24-hour hackathon experience. Immerse yourself in a dynamic environment where participants take on entertaining challenges presented by our amazing partner companies. Beyond the thrill of problem-solving, the event offers the chance to win exciting prizes and guarantees a good time for all involved. A brunch is also offered on sunday. To join this you will have to buy a different brunch ticket.
                 </p>
                 <h3>Who?</h3>
                 <p>
diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
index 4cfb04c..faf0d99 100644
--- a/src/components/header/index.tsx
+++ b/src/components/header/index.tsx
@@ -1,5 +1,5 @@
 import { h, FunctionalComponent } from "preact";
-import { faCalendarDay, faLocationDot } from "@fortawesome/free-solid-svg-icons";
+import { faCalendarDay, faLocationDot, faTicket } from "@fortawesome/free-solid-svg-icons";
 import { faDiscord } from "@fortawesome/free-brands-svg-icons";
 
 
@@ -26,6 +26,10 @@ export const Header: FunctionalComponent = () => (
                 {/* TODO: uncomment when tickets are online */}
                 {/* <button>Tickets</button> */}
                 {/* <button class={style.secondary}>Join Discord</button> */}
+                <a href="https://ch.tudelft.nl/activities/event/2024/hackaton/" target="_blank">
+                    <Icon icon={faTicket} pad />
+                    Buy Tickets
+                </a>
                 <a href="https://discord.gg/rB2ucUaFnc" target="_blank">
                     <Icon icon={faDiscord} pad />
                     Join Discord