add cfp link to hero

Author: jonmarkgo

public/data/settings.json

@@ -216,5 +216,6 @@
     "status": "open",
     "formUrl": "https://majorleaguehacking.typeform.com/to/WkalvfPw",
     "year": "2026"
-  }
+  },
+  "ticketUrl": "https://ti.to/mlh/devrelcon-2026"
 }

src/pages/home-page.ts

@@ -28,12 +28,14 @@ import { openVideoDialog } from '../store/ui/actions';
 import {
   aboutBlock,
   buyTicket,
+  cfp,
   scholarshipTicket,
   dates,
   description,
   heroSettings,
   location,
   showForkMeBlockForProjectIds,
+  ticketUrl,
   title,
   viewHighlights,
 } from '../utils/data';
@@ -123,7 +125,7 @@ export class HomePage extends ReduxMixin(PolymerElement) {
         }
 
         .action-buttons {
-          margin: 0 -8px;
+          margin: 24px -8px 0;
           font-size: 14px;
         }
 
@@ -140,6 +142,25 @@ export class HomePage extends ReduxMixin(PolymerElement) {
           margin-right: 8px;
         }
 
+        .apply-to-speak {
+          background-color: #fff;
+          color: var(--default-primary-color);
+          font-size: 16px;
+          font-weight: 600;
+          padding: 12px 32px;
+          letter-spacing: 0.02em;
+        }
+
+        .buy-ticket {
+          background-color: var(--default-primary-color);
+          color: #fff;
+          font-size: 16px;
+          font-weight: 600;
+          padding: 12px 32px;
+          letter-spacing: 0.02em;
+          border: 2px solid #fff;
+        }
+
         .scroll-down {
           margin-top: 24px;
           color: currentColor;
@@ -283,6 +304,23 @@ export class HomePage extends ReduxMixin(PolymerElement) {
             </div>
           </div>
 
+          <template is="dom-if" if="[[isCfpOpen]]">
+            <div class="action-buttons" layout horizontal center-justified wrap>
+              <a href="[[cfpFormUrl]]" target="_blank" rel="noopener noreferrer">
+                <paper-button class="apply-to-speak animated icon-right">
+                  <span>Apply to Speak</span>
+                  <iron-icon icon="hoverboard:arrow-right-circle"></iron-icon>
+                </paper-button>
+              </a>
+              <a href="[[ticketUrl]]" target="_blank" rel="noopener noreferrer">
+                <paper-button class="buy-ticket animated icon-right">
+                  <span>[[buyTicket]]</span>
+                  <iron-icon icon="hoverboard:arrow-right-circle"></iron-icon>
+                </paper-button>
+              </a>
+            </div>
+          </template>
+
           <div class="scroll-down" on-click="scrollNextBlock">
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -376,6 +414,9 @@ export class HomePage extends ReduxMixin(PolymerElement) {
   private scholarshipTicket = scholarshipTicket;
   private heroSettings = heroSettings.home;
   private aboutBlock = aboutBlock;
+  private isCfpOpen = cfp.status === 'open';
+  private cfpFormUrl = cfp.formUrl;
+  private ticketUrl = ticketUrl;
 
   @query('#hero')
   hero!: HeroBlock;

src/utils/data.ts

@@ -72,4 +72,5 @@ export {
   showForkMeBlockForProjectIds,
   signInProviders,
   socialNetwork,
+  ticketUrl,
 } from '../../public/data/settings.json';