sahiti's video on clubs page now

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"