Updated newsletter section (#429)

Co-authored-by: Jesús Alberola Herrero <127695115+Whisperpiano@users.noreply.github.com>

index.html

@@ -533,7 +533,7 @@ <h3 id="home-section4-heading" class="text-[32px] font-semibold">
       <!-- End Main Content Section 5 -->
       <!-- Section 6 -->
       <section
-        class="grid gap-y-12 grid-rows-1 grid-cols-6 relative mx-28 font-normal"
+        class="grid gap-y-12 grid-rows-1 grid-cols-6 relative mx-28 font-normal my-10"
       >
         <!-- Events -->
         <div class="row-span-1 col-span-5">
@@ -591,30 +591,32 @@ <h2 class="font-justAnotherHand text-8xl mb-7">Upcoming Events</h2>
 
       <!-- Section 7 starts here -->
       <!-- Newsletter Subscription -->
-      <section>
-        <div class="w-full text-center my-28">
+      <section class="bg-sunset-red py-16">
+        <div class="w-full text-center">
           <h3 class="text-2xl font-semibold mb-6">
-            Subscribe to our newsletter
+            Subscribe to our newsletter!
           </h3>
-          <div
-            class="max-w-[452px] mx-auto border-[1px] border-[#EE6352] rounded-lg p-2"
-          >
+          <p class="mb-6">
+            Join our newsletter today to, stay updated on our events and
+            projects!
+          </p>
+          <div class="max-w-[452px] mx-auto">
             <form
               action="#"
               method="POST"
-              class="flex justify-center items-center gap-4"
+              class="flex justify-center items-center gap-5"
             >
               <input
                 type="email"
                 name="email"
                 placeholder="example@example.com"
-                class="w-[300px] p-2 outline-none"
+                class="w-[300px] h-[42.5px] p-2 outline-none border-2 rounded-md"
               />
               <button
                 type="submit"
-                class="alt-button text-2xl font-normal w-[148px] h-[33px] py-1"
+                class="bg-white text-sunset-red font-sans text-2xl font-semibold rounded-md w-[148px] h-[42px]"
               >
-                SIGN UP
+                Sign Up
               </button>
             </form>
           </div>
@@ -646,9 +648,7 @@ <h3 class="text-2xl font-semibold mb-6">
         <div class="flex flex-col">
           <a
             class="alt-button uppercase font-sans text-2xl px-8"
-
             href="./pages/support-page.html"
-
             >donate</a
           >
 
@@ -707,15 +707,12 @@ <h3 class="text-2xl font-semibold mb-6">
       <div class="flex justify-center mt-32">
         <a
           class="underline pr-6 font-semibold"
-
           href="./pages/privacy-policy.html"
           >Privacy Policy</a
         >
         <a
           class="underline pl-6 font-semibold"
-
           href="./pages/terms-and-conditions.html"
-
           >Terms and Conditions</a
         >
       </div>