From 41d24a87707cc64c26951630a82682041e3bf797 Mon Sep 17 00:00:00 2001
From: jc <46619361+juancwu@users.noreply.github.com>
Date: Mon, 1 Apr 2024 17:03:04 -0400
Subject: [PATCH 1/2] update newsletter button/size

the socials were removed from this section because the footer has them and are very close to each other.
---
 src/components/sections/Contact.section.tsx | 29 ++++++++-------------
 1 file changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/components/sections/Contact.section.tsx b/src/components/sections/Contact.section.tsx
index ab8404f0..4e4325b6 100644
--- a/src/components/sections/Contact.section.tsx
+++ b/src/components/sections/Contact.section.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { TopBorder, BottomBorder, MiddleBody, Hawk, BirdParts } from '@assets';
-import { Button, SocialIcons } from '@components';
+import { Button } from '@components';
 
 const ContactSection: React.FC = () => {
     const openInNewTab = (url: string) => {
@@ -32,28 +32,21 @@ const ContactSection: React.FC = () => {
                     >
                         CONTACT US
                     </h2>
-                    <p className="text-md lg:text-lg xl:mt-9">
+                    <p className="my-6">
                         Reach out at <b>hello@hawkhacks.ca</b> for any help or
                         support, and please be sure to join the{' '}
                         <b>HawkHacks Discord</b> community!
                     </p>
                 </div>
-                <div className="newsletter text-center sm:text-left lg:mt-6">
-                    <div className="mt-2 flex flex-col items-center sm:items-start md:mt-4">
-                        <div className="relative mb-4 flex w-full justify-center sm:mb-6 sm:w-1/2 sm:justify-start lg:max-w-lg">
-                            <Button
-                                type="button" // Changed to type="button" to prevent form submission
-                                onClick={handleSubmit}
-                                className="inset-y-0 flex w-1/3 justify-center rounded-r-lg bg-gradient-to-b from-tbrand to-tbrand-hover px-4 sm:w-2/3 sm:justify-start"
-                            >
-                                Sign up for our newsletter!
-                            </Button>
-                        </div>
-                        <div className="pt-2 sm:pt-4">
-                            <SocialIcons color="#32848C" />
-                        </div>
-                    </div>
-                </div>
+                <Button
+                    type="button" // Changed to type="button" to prevent form submission
+                    onClick={handleSubmit}
+                    className="relative w-fit rounded-r-lg bg-gradient-to-b from-tbrand to-tbrand-hover before:absolute before:inset-0 before:bg-white before:opacity-0 before:transition before:duration-300 before:hover:opacity-10"
+                >
+                    <span className="whitespace-nowrap">
+                        Sign up for our newsletter!
+                    </span>
+                </Button>
             </div>
             <img
                 src={MiddleBody}

From 8643c50006eb3cc99b81b6ac80ff739e133aa0e1 Mon Sep 17 00:00:00 2001
From: jc <46619361+juancwu@users.noreply.github.com>
Date: Tue, 2 Apr 2024 10:11:23 -0400
Subject: [PATCH 2/2] center newsletter btn on smaller screen sizes

---
 src/components/sections/Contact.section.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/sections/Contact.section.tsx b/src/components/sections/Contact.section.tsx
index 4e4325b6..9eb51348 100644
--- a/src/components/sections/Contact.section.tsx
+++ b/src/components/sections/Contact.section.tsx
@@ -41,7 +41,7 @@ const ContactSection: React.FC = () => {
                 <Button
                     type="button" // Changed to type="button" to prevent form submission
                     onClick={handleSubmit}
-                    className="relative w-fit rounded-r-lg bg-gradient-to-b from-tbrand to-tbrand-hover before:absolute before:inset-0 before:bg-white before:opacity-0 before:transition before:duration-300 before:hover:opacity-10"
+                    className="relative mx-auto block w-fit rounded-r-lg bg-gradient-to-b from-tbrand to-tbrand-hover before:absolute before:inset-0 before:bg-white before:opacity-0 before:transition before:duration-300 before:hover:opacity-10 sm:mx-0"
                 >
                     <span className="whitespace-nowrap">
                         Sign up for our newsletter!