From 2f0a730abe88930d97425250c72b6ceecb1ad745 Mon Sep 17 00:00:00 2001
From: unknown <nshetty@merative.com>
Date: Fri, 10 Nov 2023 12:44:32 +0530
Subject: [PATCH 1/3] Navattic hamburger icons.

---
 icons/navattic-hamburger-close.svg | 7 +++++++
 icons/navattic-hamburger.svg       | 7 +++++++
 2 files changed, 14 insertions(+)
 create mode 100644 icons/navattic-hamburger-close.svg
 create mode 100644 icons/navattic-hamburger.svg

diff --git a/icons/navattic-hamburger-close.svg b/icons/navattic-hamburger-close.svg
new file mode 100644
index 00000000..9d555b14
--- /dev/null
+++ b/icons/navattic-hamburger-close.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame 2">
+<circle id="Ellipse" cx="20" cy="20.6659" r="19" stroke="white" stroke-width="2"/>
+<line id="Line 29" x1="11.0761" y1="29.1751" x2="28.2924" y2="11.9588" stroke="white" stroke-width="2"/>
+<line id="Line 30" x1="11.7071" y1="12.0486" x2="28.9234" y2="29.2649" stroke="white" stroke-width="2"/>
+</g>
+</svg>
diff --git a/icons/navattic-hamburger.svg b/icons/navattic-hamburger.svg
new file mode 100644
index 00000000..799e73da
--- /dev/null
+++ b/icons/navattic-hamburger.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Hamburger">
+<circle id="Ellipse 27" cx="20" cy="20.6659" r="19" stroke="white" stroke-width="2"/>
+<line id="Line 29" x1="10" y1="17.5228" x2="30" y2="17.5228" stroke="white" stroke-width="2"/>
+<line id="Line 30" x1="10" y1="24.6659" x2="30" y2="24.6659" stroke="white" stroke-width="2"/>
+</g>
+</svg>

From 316d93ea9ba3a6624c758cf4a93c32ebc2c89f5d Mon Sep 17 00:00:00 2001
From: unknown <nshetty@merative.com>
Date: Tue, 5 Dec 2023 18:36:27 +0530
Subject: [PATCH 2/3] Leadspace anchor link updation.

---
 blocks/leadspace/leadspace.css | 20 +++++++++++++++-----
 blocks/leadspace/leadspace.js  | 26 +++++++++++++++++++++++++-
 2 files changed, 40 insertions(+), 6 deletions(-)

diff --git a/blocks/leadspace/leadspace.css b/blocks/leadspace/leadspace.css
index 62511633..d49482b2 100644
--- a/blocks/leadspace/leadspace.css
+++ b/blocks/leadspace/leadspace.css
@@ -60,6 +60,7 @@ main .leadspace-container > div:last-child { /* needs this specificity */
 }
 
 .section.leadspace-container {
+  position: relative;
   background: var(--neutral-bone);
   padding: 0;
   overflow-x: clip;
@@ -216,11 +217,7 @@ main div.leadspace-wrapper {
 
 .leadspace.brand-logo .button-group .button-container a {
   font-weight: var(--font-weight-regular);
-  height: unset;
-}
-
-.leadspace.brand-logo .button-group .button-container a.tertiary {
-  margin-left: var(--spacer-element-05);
+  height: var(--spacer-element-10);
 }
 
 .leadspace.brand-logo .button-group .button-container:nth-child(3){
@@ -640,6 +637,10 @@ main div.leadspace-wrapper {
     letter-spacing: var(--letter-spacing-001-em);
   }
 
+  .leadspace.brand-logo .button-group .button-container a.tertiary {
+    margin-left: var(--spacer-element-05);
+  }
+
   .leadspace.video .video-wrapper {
     clip-path: circle(60% at 105% 42%);
     margin-top: 0;
@@ -680,6 +681,15 @@ main div.leadspace-wrapper {
     letter-spacing: var(--letter-spacing-02-em);
   }
 
+  .leadspace.video .scroll-border-text {
+    display: flex;
+    gap: var(--gap-16);
+  }
+
+  .leadspace.video .scroll-border-text #scroll-to-next {
+    cursor: pointer;
+  }
+
   .leadspace.video .video-modal-content video {
     max-height: 581px;
     width: 1033px;
diff --git a/blocks/leadspace/leadspace.js b/blocks/leadspace/leadspace.js
index 2213a089..e7e907a4 100644
--- a/blocks/leadspace/leadspace.js
+++ b/blocks/leadspace/leadspace.js
@@ -1,3 +1,5 @@
+/* eslint-disable no-plusplus */
+/* eslint-disable consistent-return */
 import { getMetadata, decorateButtons, decorateIcons } from '../../scripts/lib-franklin.js';
 import { createTag } from '../../scripts/scripts.js';
 
@@ -142,8 +144,30 @@ export default function decorate(block) {
 
     // add scroll border decoration
     const scrollBorder = createTag('div', { class: 'scroll-border-wrapper' });
-    scrollBorder.innerHTML = '<span class="scroll-border-line"></span><span class="scroll-border-text">SCROLL</span>';
+    scrollBorder.innerHTML = `<span class="scroll-border-line"></span>
+    <span class="scroll-border-text">SCROLL <svg id="scroll-to-next" onClick="scrollToNextSection()" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+    <path d="M10 3.125V16.875" stroke="#9900FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M4.375 11.25L10 16.875L15.625 11.25" stroke="#9900FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg></span>`;
+
     block.append(scrollBorder);
+    const scrollToNext = scrollBorder.querySelector('#scroll-to-next');
+    scrollToNext.addEventListener('click', () => {
+      const sections = document.querySelectorAll('.section');
+      let nextSection = null;
+
+      for (let i = 0; i < sections.length; i++) {
+        const sectionTop = sections[i].offsetTop;
+
+        if (sectionTop > 1000) {
+          nextSection = sections[i];
+          break; // Exit the loop once the next section is found
+        }
+      }
+      if (nextSection) {
+        nextSection.scrollIntoView({ behavior: 'smooth' });
+      }
+    });
 
     return;
   }

From 702d5a14aa8852af36cec52affb3638fd4e45010 Mon Sep 17 00:00:00 2001
From: unknown <nshetty@merative.com>
Date: Tue, 5 Dec 2023 19:48:58 +0530
Subject: [PATCH 3/3] Leadspace scroll font fix.

---
 blocks/leadspace/leadspace.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/blocks/leadspace/leadspace.css b/blocks/leadspace/leadspace.css
index d49482b2..f307a929 100644
--- a/blocks/leadspace/leadspace.css
+++ b/blocks/leadspace/leadspace.css
@@ -684,6 +684,7 @@ main div.leadspace-wrapper {
   .leadspace.video .scroll-border-text {
     display: flex;
     gap: var(--gap-16);
+    font-size: var(--font-size-14);
   }
 
   .leadspace.video .scroll-border-text #scroll-to-next {