Navattic page blocks.

blocks/iframe/iframe.css

@@ -0,0 +1,20 @@
+.section.iframe-container .iframe-wrapper {
+  padding-bottom: 0;
+  width: auto;
+  margin: 0;
+  max-width: unset;
+  padding-top: 90px;
+}
+
+/* Tablet */
+@media only screen and (min-width: 768px) {
+  .section.iframe-container .iframe-wrapper {
+    padding-top: var(--spacer-layout-06);
+  }
+}
+
+@media only screen and (min-width: 1200px) {
+  .section.iframe-container .iframe-wrapper {
+    padding-top: var(--spacer-layout-06);
+  }
+}

blocks/iframe/iframe.js

@@ -0,0 +1,21 @@
+import { createTag } from '../../scripts/scripts.js';
+
+export default function decorate(block) {
+  // Fetch the iframe link
+  const link = block.querySelector('a');
+  const path = link ? link.getAttribute('href') : '';
+
+  // Create the iframe tag
+  const iframe = createTag('iframe', { class: 'iframe-window', id: 'navattic-iframe' });
+  iframe.src = path;
+
+  // Set the height and width
+  iframe.width = '100%';
+  iframe.height = 1200;
+
+  // Remove the elements inside iframe block
+  block.innerHTML = '';
+
+  // Append iframe to block
+  block.appendChild(iframe);
+}

blocks/solution-footer/solution-footer.css

@@ -4,10 +4,39 @@ main .section.solution-footer-container {
   color: var(--neutral-white);
 }
 
+.solution-footer.navattic > div {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--gap-16);
+}
+
+.solution-footer.navattic > div div {
+  color: var(--neutral-white);
+  font-family: var(--sans-serif-font-light);
+  font-size: var(--font-size-14);
+  font-style: normal;
+  font-weight: var(--font-weight-light);
+  line-height: var(--line-height-160);
+  letter-spacing: 0.16px;
+}
+
+.solution-footer.navattic > div > div:first-child {
+  width: 100%;
+  padding-bottom: var(--spacer-element-08);
+  border-bottom: 1px solid var(--neutral-grey-tint140);
+}
+
 main .section.solution-footer-container > div:last-child {
   padding: var(--spacer-element-08) 0;
 }
 
+.solution-footer-container:has(.navattic)  {
+  position: relative;
+  bottom: 0;
+}
+
 /* Block - Solution Footer */
 .solution-footer {
   position: relative;
@@ -20,6 +49,15 @@ main .section.solution-footer-container > div:last-child {
   line-height: 0;
 }
 
+.solution-footer.navattic .icon {
+  margin-left: unset;
+}
+
+.solution-footer.navattic > div div:last-child {
+  color: var(--neutral-grey-tint100);
+  margin-top: var(--spacer-element-10);
+}
+
 .solution-footer svg {
   width: auto;
   height: 38px;
@@ -90,6 +128,15 @@ main .section.solution-footer-container > div:last-child {
     align-items: center;
   }
 
+  .solution-footer.navattic > div {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .solution-footer.navattic > div div {
+    font-size: var(--font-size-16);
+  }
+
   .solution-footer ul {
     display: flex;
     justify-content: flex-end;
@@ -98,6 +145,17 @@ main .section.solution-footer-container > div:last-child {
     gap: var(--gap-24);
   }
 
+  .solution-footer.navattic > div > div:first-child {
+    flex-grow: 1;
+    padding-bottom: unset;
+    border-bottom: unset;
+    width: unset;
+  }
+
+  .solution-footer.navattic div div:not(.button-container):last-child {
+    margin-top: unset;
+  }
+
   .solution-footer .default-content-wrapper {
     display: flex;
     align-items: center;
@@ -114,7 +172,11 @@ main .section.solution-footer-container > div:last-child {
 }
 
 /* Desktop */
-@media (min-width: 1200px) {  
+@media (min-width: 1200px) {
+  .solution-footer.navattic > div {
+    gap: var(--gap-24);
+  }
+
   main .section.solution-footer-container > div:last-child {
     padding: var(--spacer-element-10) 0;
   }