Merge pull request #7 from StanfordACM/quant-gym

Quant gym

components/navigation.tsx

@@ -133,6 +133,9 @@ export default function Navigation({ pageName }: { pageName: string }) {
         >
           poker tournament
         </NavigationLink>
+        <NavigationLink selected={pageName === 'quantGym'} href="/quantGym">
+          quant gym
+        </NavigationLink>
       </Links>
     </Sidebar>
   );

components/quant.tsx

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+
+import { Title } from './section';
+
+const MainTitle = styled(Title)`
+  font: 36px/1 ${({ theme }) => theme.fonts.mono};
+  font-weight: bold;
+`;
+
+export function QuantTitle() {
+  return <MainTitle>🏋️ Quant Gym 🏋️</MainTitle>;
+}

pages/index.tsx

@@ -76,21 +76,19 @@ export default function About() {
           and engaging opportunity for high school students in the Bay Area to
           explore their passion in computer science.
         </Paragraph>
-        <Paragraph>
-          <b>Date:</b> May 4, 2024
-          <br />
-          <b>Time:</b> 9 AM
-          <br />
-          <b>Location:</b> Sapp Center for Science Teaching and Learning
-          <br />
-          <b>Deadline to sign up:</b> Wednesday, May 1<br />
-        </Paragraph>
 
         <SectionTitle href="/puzzleHunt">Puzzlehunt</SectionTitle>
         <Paragraph>
           ACM hosts a puzzle hunt open to all Stanford students. We invite you
           to solve puzzles as quickly as possible for prizes while having fun!
         </Paragraph>
+
+        <SectionTitle href="/quantGym">Quant Gym</SectionTitle>
+        <Paragraph>
+          Quant Gym is Stanford ACMs premier quantitative trading training
+          program. Get ready to flex those mind muscles, and let&apos;s work
+          together to practice our skills and ACE the interviews 😤.
+        </Paragraph>
       </Section>
     </Layout>
   );

pages/quantGym.tsx

@@ -0,0 +1,49 @@
+import Image from 'next/image';
+import styled from 'styled-components';
+
+import Layout from '../components/layout';
+import { QuantTitle } from '../components/quant';
+import { LinkComponent, Paragraph, Section } from '../components/section';
+
+const Center = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 40px;
+`;
+
+export default function QuantGym() {
+  return (
+    <Layout title="Quant Gym" pageName="quantGym">
+      <Section>
+        <QuantTitle />
+        <Center>
+          <Image
+            src="/quantGym/greenbook.png"
+            alt="Puzzle Hunt"
+            style={{ borderRadius: '5px' }}
+            width={350}
+            height={336}
+          />
+        </Center>
+        <Paragraph>
+          Quant Gym is Stanford ACM&apos;s premier quantitative trading training
+          program. The key to getting a Quant Job is to practice Quant
+          Questions, so get ready to flex those mind muscles. Let&apos;s work
+          together to practice our skills and <b>ACE</b> the interviews 😤!
+        </Paragraph>
+        <Paragraph>
+          <b>Time: </b> Fridays 5 PM <br />
+          <b>Location: </b> STLC 114 <br />
+        </Paragraph>
+        <Paragraph>
+          (If you are interested in partnering with us, please email{' '}
+          <LinkComponent href="mailto:[email protected]">
+            [email protected]
+          </LinkComponent>{' '}
+          to discuss details.)
+        </Paragraph>
+      </Section>
+    </Layout>
+  );
+}