From b653806d5a137ddcbbc1d0edf41d8c6276a93a1b Mon Sep 17 00:00:00 2001
From: Toby Brown <hi@tobyb.dev>
Date: Fri, 8 Mar 2024 16:21:47 +0000
Subject: [PATCH] sahiti's video on clubs page now

---
 pages/clubs.js | 26 ++++++++++----------------
 1 file changed, 10 insertions(+), 16 deletions(-)

diff --git a/pages/clubs.js b/pages/clubs.js
index 58c3bcfe..cb4e7f62 100644
--- a/pages/clubs.js
+++ b/pages/clubs.js
@@ -1,15 +1,4 @@
-import {
-  Box,
-  Button,
-  Card,
-  Container,
-  Grid,
-  Heading,
-  Image,
-  Badge,
-  Link,
-  Text
-} from 'theme-ui'
+import { Badge, Box, Button, Card, Container, Grid, Heading, Link, Text } from 'theme-ui'
 import styled from '@emotion/styled'
 import Head from 'next/head'
 import NextLink from 'next/link'
@@ -20,12 +9,9 @@ import BGImg from '../components/background-image'
 import ForceTheme from '../components/force-theme'
 import SlideDown from '../components/slide-down'
 import FadeIn from '../components/fade-in'
-import Photo from '../components/photo'
 import Footer from '../components/footer'
-import FooterImgFile from '../public/home/footer.png'
 import AssembleImgFile from '../public/home/assemble.jpg'
 import Slack from '../components/slack'
-import Announcement from '../components/announcement'
 import Stage from '../components/stage'
 
 let Highlight = styled(Text)`
@@ -264,12 +250,20 @@ const Page = () => (
           at the end.
         </Text>
         <Grid columns={[null, null, 2, '3fr 2fr']} gap={[3, 4]} pt={[3, 3]}>
-          <Photo
+          {/* <Photo
             src="https://cloud-5pdwvchgm-hack-club-bot.vercel.app/05851864a.jpg"
             alt="Summer Creek Hack Club meeting, February 2020"
             width={3000}
             height={2550}
             showAlt
+          />*/}
+          <iframe
+            width={660}
+            height={515}
+            src="https://www.youtube.com/embed/xXIxwV7bQTw?si=gmhvvHTcUxKTVMjt"
+            title="YouTube video player"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            style={{ borderRadius: 12, border: 'hidden' }}
           />
           <Grid
             columns="auto 1fr"