Merge branch 'dev' into jsimj001/home-page-secondary-text

src/app/page.tsx

@@ -1,3 +1,4 @@
+import BlurbHome from "@/components/home/BlurbHome";
 import MainText from "@/components/home/mainText";
 import HomePage from "@/components/home/homepage";
 
@@ -6,6 +7,7 @@ const Home = () => {
     <div>
       <MainText />
       <HomePage />
+      <BlurbHome />
     </div>
   );
 };

src/components/home/BlurbHome.tsx

@@ -0,0 +1,27 @@
+import Image from "next/image";
+import Cupcakes from "@/public/home/cupcakes.webp";
+
+const BlurbHome = () => {
+  return (
+    <div className="flex w-[30vw] flex-col items-center">
+      <div>
+        <Image
+          src={Cupcakes}
+          alt="12 Cupcakes on the table with two people sitting behind it"
+          className="h-[37vh] w-[20vw] rounded-[15%] border-2 border-cvdsa-cornflower-100"
+        />
+      </div>
+
+      <p className="my-[1vh] text-[1.7vw] font-medium">Collaborations</p>
+
+      <p className="w-[18vw] text-center text-[0.9vw] font-light leading-tight">
+        We collaborate with various organizations, including SAGE and St. John
+        Ambulance (SJA) Canada. We plan to host campus-wide events and are
+        actively networking with other groups focused on cardiovascular disease
+        initiatives!
+      </p>
+    </div>
+  );
+};
+
+export default BlurbHome;