From 70cf90d896ecf786fb69f074d46280859f050fd0 Mon Sep 17 00:00:00 2001
From: tybens <tb19@princeton.edu>
Date: Fri, 2 Aug 2024 20:13:49 +0200
Subject: [PATCH] add flyer bifi2024 to home

---
 src/pages/Home/index.js                    | 35 ++++++++++++++++++++--
 src/pages/Shop/Collections/Collections.jsx |  2 +-
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/src/pages/Home/index.js b/src/pages/Home/index.js
index 727bc36..55eb709 100644
--- a/src/pages/Home/index.js
+++ b/src/pages/Home/index.js
@@ -46,7 +46,9 @@ const Home = ({ history, navColors, onSetNavColors }) => {
   }
 
   const handleClickHeader = () => {
-    routeToExt('https://www.linkedin.com/pulse/copy-introducing-anywhere-habitat-sartorials-global-vopkc/')
+    routeToExt(
+      "https://www.linkedin.com/pulse/copy-introducing-anywhere-habitat-sartorials-global-vopkc/"
+    );
   };
 
   const waveOptions = {
@@ -58,9 +60,36 @@ const Home = ({ history, navColors, onSetNavColors }) => {
 
   return (
     <>
-      <video onClick={handleClickHeader} width="100%" height="100%" autoPlay muted loop playsInline style={{cursor: 'pointer'}}>
+      <Grid
+        item
+        xs={12}
+        className={classes.gutterBottom}
+        container
+        direction="column"
+        alignItems="center"
+      >
+        <h1 className={classes.concertText}>BIFI 2024</h1>
+        <Typography variant="h6" color="inherit" className={classes.flyerText}>
+          By Indy For Indy 2024 is here! Click the flyer below to get your tickets now!
+        </Typography>
+          <Grid item xs={10}>
+            <img
+              className={classes.flyer}
+              src="https://res.cloudinary.com/habitatsartorial/image/upload/v1722374229/bifi24/317habitat._001_j7hvxn.jpg"
+              width="100%"
+              alt="flyer"
+              height="100%"
+              onClick={() =>
+                routeToExt(
+                  "https://wl.seetickets.us/event/by-indy-for-indy-2024-hi-fi-annex/614140?afflky=HIFI"
+                )
+              }
+            />
+        </Grid>
+      </Grid>
+      {/* <video onClick={handleClickHeader} width="100%" height="100%" autoPlay muted loop playsInline style={{cursor: 'pointer'}}>
         <source src="/videos/anywhere-final.mp4" type="video/mp4" />
-      </video>
+      </video> */}
 
       <h1 className={classes.firstBlock}>
         <Grid
diff --git a/src/pages/Shop/Collections/Collections.jsx b/src/pages/Shop/Collections/Collections.jsx
index 625648e..6c07ced 100644
--- a/src/pages/Shop/Collections/Collections.jsx
+++ b/src/pages/Shop/Collections/Collections.jsx
@@ -16,7 +16,7 @@ const Collections = ({ collectionsData, url }) => {
         item
         className={classes.parentWrap}
         justify="space-between"
-        alignItems="center"
+      alignItems="center"
         direction="column"
         id="content"
       >