From 208c5fd9d3529ce55afb8075e483f2a0a60a95be Mon Sep 17 00:00:00 2001
From: Chee Kian Teoh <teoh4770@mylaurier.ca>
Date: Tue, 26 Mar 2024 22:43:53 -0400
Subject: [PATCH] Fix: put back the logo and update the sizes

---
 src/components/sections/HeroStats.section.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/sections/HeroStats.section.tsx b/src/components/sections/HeroStats.section.tsx
index 809ff78e..44611da7 100644
--- a/src/components/sections/HeroStats.section.tsx
+++ b/src/components/sections/HeroStats.section.tsx
@@ -3,6 +3,7 @@ import {
     HeroAboutMobile,
     HeroAboutAirBalloon,
     HeroAboutDesktop,
+    HawkHacksLogo,
 } from '@assets';
 
 const HeroStatSection: React.FC = () => {
@@ -55,12 +56,18 @@ const HeroStatSection: React.FC = () => {
                     alt="Hawkhacks stats"
                     className="block w-full sm:hidden"
                 />
-                <div className="px-4 sm:px-0 mx-auto mt-16 lg:ml-20 lg:mt-24 xl:ml-24 xl:mt-32">
-                    <div className="sm:space-y-2">
-                        <h1 className="bg-gradient-to-b from-[#2B6469] to-[#00CEDB] bg-clip-text text-4xl font-extrabold text-transparent sm:text-5.5xl lg:text-8xl xl:text-8.5xl">
+                <div className="mx-auto mt-16 px-4 sm:ml-16 sm:mt-16 sm:px-0 lg:ml-20 lg:mt-24 xl:ml-24 xl:mt-32 2xl:mt-10">
+                    <div>
+                        {/* lg:w-36 */}
+                        <img
+                            className="hidden aspect-square sm:mb-4 sm:block sm:w-28 lg:mb-10 xl:w-36 2xl:w-60"
+                            src={HawkHacksLogo}
+                            alt="Hawkhacks logo"
+                        />
+                        <h1 className="bg-gradient-to-b from-[#2B6469] to-[#00CEDB] bg-clip-text text-4xl font-extrabold text-transparent sm:text-5.5xl lg:text-7xl 2xl:text-7.5xl">
                             HawkHacks 2024
                         </h1>
-                        <p className="text-base text-[#2B6469] lg:text-3xl xl:text-3.5xl">
+                        <p className="text-base text-[#2B6469] lg:text-xl 2xl:text-3.5xl">
                             Hosted at Wilfrid Laurier University
                         </p>
                     </div>