From de0e8fe23e82c72c570a6f31b12c291aa282de39 Mon Sep 17 00:00:00 2001
From: Vishvamsinh Vaghela <vaghelavishvamsinh11111@gmail.com>
Date: Sun, 9 Jul 2023 11:10:24 +0530
Subject: [PATCH 1/2] Improved styling for annoucement hero

---
 components/campaigns/AnnoucementHero.js | 30 +++++++++++++++----------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/components/campaigns/AnnoucementHero.js b/components/campaigns/AnnoucementHero.js
index ba77845b03bd..e12947f821d7 100644
--- a/components/campaigns/AnnoucementHero.js
+++ b/components/campaigns/AnnoucementHero.js
@@ -1,8 +1,8 @@
-import Paragraph from '../typography/Paragraph'
-import Button from '../buttons/Button'
-import Heading from '../typography/Heading'
-import Container from '../layout/Container'
-import AnnouncementRemainingDays from './AnnouncementRamainingDays'
+import Paragraph from '../typography/Paragraph';
+import Button from '../buttons/Button';
+import Heading from '../typography/Heading';
+import Container from '../layout/Container';
+import AnnouncementRemainingDays from './AnnouncementRamainingDays';
 
 function shouldShowBanner(cfpDeadline) {
   const currentDate = new Date(); // Get the current date
@@ -15,19 +15,22 @@ function shouldShowBanner(cfpDeadline) {
 
   return true;
 }
-export default function AnnouncementHero({ className = '', small = false, hideVideo = false }) {
+export default function AnnouncementHero({
+  className = '',
+  small = false,
+  hideVideo = false,
+}) {
   //return null;
 
-    const cfpDeadline = '2023-07-28T06:00:00Z'
-    const showBanner = shouldShowBanner(cfpDeadline);
+  const cfpDeadline = '2023-07-28T06:00:00Z';
+  const showBanner = shouldShowBanner(cfpDeadline);
   if (!showBanner) return null;
 
-  
   return (
-    <Container wide as="section" padding='' className='text-center'>
+    <Container wide as="section" padding="" className="text-center">
       <div
         className={`bg-gray-50 border border-gray-200 py-6 rounded ${className} ${
-          small ? 'mb-4' : 'mb-12'
+          small ? 'mb-4' : 'mx-3 mt-3 p-3 mb-6'
         }`}
       >
         <Heading
@@ -47,7 +50,10 @@ export default function AnnouncementHero({ className = '', small = false, hideVi
         <Paragraph typeStyle="body-lg">
           20th of September, 2023 | London, UK
         </Paragraph>
-        <AnnouncementRemainingDays dateTime={cfpDeadline} eventName="the end of Call for Speakers." />
+        <AnnouncementRemainingDays
+          dateTime={cfpDeadline}
+          eventName="the end of Call for Speakers."
+        />
         <div className="mt-6 pb-2 space-x-2">
           <Button
             href="https://conference.asyncapi.com/"

From 45fa7a4235e963828505c5b50dd1af56465fdd25 Mon Sep 17 00:00:00 2001
From: Vishvamsinh Vaghela <vaghelavishvamsinh11111@gmail.com>
Date: Tue, 11 Jul 2023 13:18:40 +0530
Subject: [PATCH 2/2] removed formatted code

---
 components/campaigns/AnnoucementHero.js | 30 ++++++++++---------------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/components/campaigns/AnnoucementHero.js b/components/campaigns/AnnoucementHero.js
index e12947f821d7..88928285b528 100644
--- a/components/campaigns/AnnoucementHero.js
+++ b/components/campaigns/AnnoucementHero.js
@@ -1,8 +1,8 @@
-import Paragraph from '../typography/Paragraph';
-import Button from '../buttons/Button';
-import Heading from '../typography/Heading';
-import Container from '../layout/Container';
-import AnnouncementRemainingDays from './AnnouncementRamainingDays';
+import Paragraph from '../typography/Paragraph'
+import Button from '../buttons/Button'
+import Heading from '../typography/Heading'
+import Container from '../layout/Container'
+import AnnouncementRemainingDays from './AnnouncementRamainingDays'
 
 function shouldShowBanner(cfpDeadline) {
   const currentDate = new Date(); // Get the current date
@@ -15,19 +15,16 @@ function shouldShowBanner(cfpDeadline) {
 
   return true;
 }
-export default function AnnouncementHero({
-  className = '',
-  small = false,
-  hideVideo = false,
-}) {
+export default function AnnouncementHero({ className = '', small = false, hideVideo = false }) {
   //return null;
 
-  const cfpDeadline = '2023-07-28T06:00:00Z';
-  const showBanner = shouldShowBanner(cfpDeadline);
+    const cfpDeadline = '2023-07-28T06:00:00Z'
+    const showBanner = shouldShowBanner(cfpDeadline);
   if (!showBanner) return null;
 
+  
   return (
-    <Container wide as="section" padding="" className="text-center">
+    <Container wide as="section" padding='' className='text-center'>
       <div
         className={`bg-gray-50 border border-gray-200 py-6 rounded ${className} ${
           small ? 'mb-4' : 'mx-3 mt-3 p-3 mb-6'
@@ -50,10 +47,7 @@ export default function AnnouncementHero({
         <Paragraph typeStyle="body-lg">
           20th of September, 2023 | London, UK
         </Paragraph>
-        <AnnouncementRemainingDays
-          dateTime={cfpDeadline}
-          eventName="the end of Call for Speakers."
-        />
+        <AnnouncementRemainingDays dateTime={cfpDeadline} eventName="the end of Call for Speakers." />
         <div className="mt-6 pb-2 space-x-2">
           <Button
             href="https://conference.asyncapi.com/"
@@ -64,4 +58,4 @@ export default function AnnouncementHero({
       </div>
     </Container>
   );
-}
+}
\ No newline at end of file