Merge from Stg to Main (#443)

* Merge from Dev to Stg (#436) * feat(SNW-24): Adjust styling on save my spot button (#413) * feat(SNW-26): Fix secret nfts page (#412) * feat(SNW-25): Adjust width and style in Countdown (#411) * feat(SNW-8): Implement Hero section (#416) * feat(SNW-10): Implement Banner section (#418) * feat(SNW-9): Implement Description Section (#417) * Remove unnecessary query fields * feat(SNW-11): Implement speakers section (#419) * feat(SNW-13): Implement announcement section (#421) * feat(SNW-12): Implement Sponsors section (#420) * feat(SNW-14): Implement About Secret and CTAs section (#422) * feat(SNW-17): Implement event started state (#423) * feat(SNW-16): Implement Summit Agenda page (#425) * feat(SNW-16): Implement Summit Agenda page * fix: Adjust fixes from Strapi to make site work * fix: Remove unnecesary user img * feat: Adjust time formats * feat(SNW-18): Integrate chat and live stream (#426) * feat(SNW-31): Adjust footer (#429) * feat(SNW-31): Adjust footer * feat: fix: Adjust first letter in text to uppercase * feat(SNW-29): Adjust breadcrumb with content in mobile (#428) * feat(SNW-28): Adjust color in UTC word (#427) * feat(SNW-36): Fix problem when sponsor image empty (#431) * feat(SNW-40): Adjust time column on Summit Agenda page (#434) * feat(SNW-35): Hide moderator cell if empty (#430) * feat(SNW-34): Adjust speaker image size on Speakers section (#435) * feat(SNW-33): Adjust styles in all buttons (#432) * feat(SNW-32): Add missing column headers on agenda table on mobile (#433) * Merge from Dev to Stg (#439) * feat(SNW-24): Adjust styling on save my spot button (#413) * feat(SNW-26): Fix secret nfts page (#412) * feat(SNW-25): Adjust width and style in Countdown (#411) * feat(SNW-8): Implement Hero section (#416) * feat(SNW-10): Implement Banner section (#418) * feat(SNW-9): Implement Description Section (#417) * Remove unnecessary query fields * feat(SNW-11): Implement speakers section (#419) * feat(SNW-13): Implement announcement section (#421) * feat(SNW-12): Implement Sponsors section (#420) * feat(SNW-14): Implement About Secret and CTAs section (#422) * feat(SNW-17): Implement event started state (#423) * feat(SNW-16): Implement Summit Agenda page (#425) * feat(SNW-16): Implement Summit Agenda page * fix: Adjust fixes from Strapi to make site work * fix: Remove unnecesary user img * feat: Adjust time formats * feat(SNW-18): Integrate chat and live stream (#426) * feat(SNW-31): Adjust footer (#429) * feat(SNW-31): Adjust footer * feat: fix: Adjust first letter in text to uppercase * feat(SNW-29): Adjust breadcrumb with content in mobile (#428) * feat(SNW-28): Adjust color in UTC word (#427) * feat(SNW-36): Fix problem when sponsor image empty (#431) * feat(SNW-40): Adjust time column on Summit Agenda page (#434) * feat(SNW-35): Hide moderator cell if empty (#430) * feat(SNW-34): Adjust speaker image size on Speakers section (#435) * feat(SNW-33): Adjust styles in all buttons (#432) * feat(SNW-32): Add missing column headers on agenda table on mobile (#433) * feat(SNW-42): Implement new Save my spot button (#438) * feat(SNW-42): Implement new Save my spot button * fix: Adjust script * fix: Adjust event script in Summit page * fix: Change script order * fix: Move script to function * feat: Add client only component * feat: Remove no script tag * Merge from Dev to Stg (#442) * feat(SNW-24): Adjust styling on save my spot button (#413) * feat(SNW-26): Fix secret nfts page (#412) * feat(SNW-25): Adjust width and style in Countdown (#411) * feat(SNW-8): Implement Hero section (#416) * feat(SNW-10): Implement Banner section (#418) * feat(SNW-9): Implement Description Section (#417) * Remove unnecessary query fields * feat(SNW-11): Implement speakers section (#419) * feat(SNW-13): Implement announcement section (#421) * feat(SNW-12): Implement Sponsors section (#420) * feat(SNW-14): Implement About Secret and CTAs section (#422) * feat(SNW-17): Implement event started state (#423) * feat(SNW-16): Implement Summit Agenda page (#425) * feat(SNW-16): Implement Summit Agenda page * fix: Adjust fixes from Strapi to make site work * fix: Remove unnecesary user img * feat: Adjust time formats * feat(SNW-18): Integrate chat and live stream (#426) * feat(SNW-31): Adjust footer (#429) * feat(SNW-31): Adjust footer * feat: fix: Adjust first letter in text to uppercase * feat(SNW-29): Adjust breadcrumb with content in mobile (#428) * feat(SNW-28): Adjust color in UTC word (#427) * feat(SNW-36): Fix problem when sponsor image empty (#431) * feat(SNW-40): Adjust time column on Summit Agenda page (#434) * feat(SNW-35): Hide moderator cell if empty (#430) * feat(SNW-34): Adjust speaker image size on Speakers section (#435) * feat(SNW-33): Adjust styles in all buttons (#432) * feat(SNW-32): Add missing column headers on agenda table on mobile (#433) * feat(SNW-42): Implement new Save my spot button (#438) * feat(SNW-42): Implement new Save my spot button * fix: Adjust script * fix: Adjust event script in Summit page * fix: Change script order * fix: Move script to function * feat: Add client only component * feat: Remove no script tag * feat: Adjust Homepage Summit button
stakeordie · Dec 3, 2022 · f24bf34 · f24bf34
1 parent f2da4ff
commit f24bf34
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 36 deletions.
diff --git a/src/components/HomeEventBannerCountdown.vue b/src/components/HomeEventBannerCountdown.vue
@@ -5,17 +5,8 @@
       <h3>until Secret Summit</h3>
       <h4>COMING IN DECEMBER</h4>
     </div>
-    <a
-      class="home-event-countdown__cta"
-      href="http://secretsummit2022.eventbrite.com"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      <img
-        src="../assets/events/summit/check-circle-lightest.svg"
-        alt="check icon"
-      />
-      <span>Save my spot</span>
+    <a class="home-event-countdown__cta" href="/summit">
+      <span>FIND OUT MORE</span>
     </a>
   </section>
 </template>

diff --git a/src/components/page/LandingSneakPeekEvent.vue b/src/components/page/LandingSneakPeekEvent.vue
@@ -32,6 +32,9 @@ export default {
           src: "https://www.googletagmanager.com/gtag/js?id=G-FS23DKM3PL%22%3E",
           async: true,
         },
+        {
+          src: "https://www.eventbrite.com/static/widgets/eb_widgets.js",
+        },
       ],
     };
   },
@@ -68,6 +71,32 @@ export default {
         gtag('config', 'G-FS23DKM3PL');`;
       document.head.appendChild(functionScript);
     },
+    addEventScript() {
+      const eventScript = document.createElement("script");
+      eventScript.type = "text/javascript";
+      eventScript.innerHTML = `
+        var exampleCallback = function () {
+          console.log("Order complete!");
+          setTimeout(function () {
+            window.open("https://scrt.network/summit/thank-you", "_self");
+          }, 500);
+        };
+
+        var clientId;
+        ga(function (tracker) {
+          clientId = tracker.get("clientId");
+        });
+
+        window.EBWidgets.createWidget({
+          widgetType: "checkout",
+          eventId: "444225429217",
+          googleAnalyticsClientId: clientId,
+          modal: true,
+          modalTriggerElementId: "eventbrite-widget-modal-trigger-444225429217",
+          onOrderComplete: exampleCallback,
+        });`;
+      document.body.appendChild(eventScript);
+    },
   },
   computed: {
     summitAbout() {
@@ -99,7 +128,8 @@ export default {
     setTimeout(() => {
       this.sneakPeek();
       this.addAdScript();
-    }, 100);
+      this.addEventScript();
+    }, 200);
   },
 };
 </script>

diff --git a/src/components/summit/AnnouncementSection.vue b/src/components/summit/AnnouncementSection.vue
@@ -2,18 +2,19 @@
   <div class="announcement">
     <div class="announcement__content">
       <span class="announcement__content__title">{{ data.title }}</span>
-      <a
-        class="announcement__content__cta"
-        :href="data.cta_button.url"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        <img
-          src="../../assets/events/summit/check-circle-light.svg"
-          alt="check icon"
-        />
-        <span>{{ data.cta_button.title }}</span>
-      </a>
+      <ClientOnly>
+        <button
+          class="announcement__content__cta"
+          id="eventbrite-widget-modal-trigger-444225429217"
+          type="button"
+        >
+          <img
+            src="../../assets/events/summit/check-circle-light.svg"
+            alt="check icon"
+          />
+          <span>{{ data.cta_button.title }}</span>
+        </button>
+      </ClientOnly>
     </div>
   </div>
 </template>
@@ -88,6 +89,8 @@ export default {
         line-height: 20px;
         letter-spacing: 1px;
         text-transform: uppercase;
+        font-family: "Hind";
+        margin-bottom: 0;
 
         span {
           padding-top: 3px;

diff --git a/src/components/summit/HeroSection.vue b/src/components/summit/HeroSection.vue
@@ -9,18 +9,19 @@
               <h2 class="hero__info__title">{{ data.title }}</h2>
               <p>{{ data.body }}</p>
             </div>
-            <a
-              class="hero__cta"
-              :href="data.cta_button.url"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <img
-                src="../../assets/events/summit/check-circle-lightest.svg"
-                alt="check icon"
-              />
-              <span>{{ data.cta_button.title }}</span>
-            </a>
+            <ClientOnly>
+              <button
+                class="hero__cta"
+                id="eventbrite-widget-modal-trigger-444225429217"
+                type="button"
+              >
+                <img
+                  src="../../assets/events/summit/check-circle-lightest.svg"
+                  alt="check icon"
+                />
+                <span>{{ data.cta_button.title }}</span>
+              </button>
+            </ClientOnly>
             <event-countdown></event-countdown>
           </div>
         </div>
@@ -74,6 +75,8 @@ export default {
       line-height: 20px;
       letter-spacing: 1px;
       text-transform: uppercase;
+      margin-bottom: 0;
+      font-family: "Hind";
 
       &:visited:hover,
       &:hover {