feat: add AACoT London banner (#2106)

components/campaigns/AnnoucementHero.js

@@ -19,7 +19,7 @@ function shouldShowBanner(cfpDeadline) {
 export default function AnnouncementHero({ className = '', small = false, hideVideo = false }) {
   //return null;
 
-    const cfpDeadline = '2023-07-28T06:00:00Z'
+    const cfpDeadline = '2023-09-20T06:00:00Z'
     const showBanner = shouldShowBanner(cfpDeadline);
   if (!showBanner) return null;
 
@@ -48,12 +48,12 @@ 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="AACoT'23 London Edition" />
         <div className="mt-6 pb-2 space-x-2">
           <Button
-            href="https://conference.asyncapi.com/"
+            href="https://opencollective.com/asyncapi/events/asyncapi-conference-on-tour-6b3c0aa1/contribute/aacot-london-edition-61313"
             target="_blank"
-            text="Submit a session"
+            text="Get Your Tickets"
             data-testid="AnnouncementHero-submit-session"
           />
         </div>

cypress/test/campaignTests/AnnouncementHero.cy.js

@@ -27,13 +27,16 @@ describe('AnnouncementHero Component', () => {
     cy.get('h3').should('exist');
 
   });
-
-  it('should have a link to submit a session', () => {
-    // Assert the link
-    cy.get('[data-testid="Button-link"]').should('have.attr', 'href', 'https://conference.asyncapi.com/')
+  it('should have a link and text for the button', () => {
+    mount(<AnnouncementHero />);
+    cy.get('[data-testid="Button-link"]')
       .should('have.attr', 'target', '_blank')
-      .contains('Submit a session');
-  });
+      //making sure link starts with https://
+      .should('have.attr', 'href').and('match', /^https:\/\//)
+    cy.get('[data-testid="Button-link"]')
+      .find('span') // Find the <span> element inside the <a>
+      .and('not.be.empty');
+   });
 
   //check if announcement rendered is small or large .
   it('should render a small announcement when "small" prop is true', () => {