From f12672e8b6f091e18172709bf04ef76e5aedd3f3 Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Mon, 15 Feb 2021 11:20:58 +0000
Subject: [PATCH] feat(collection pages): added nice svgs for features & devs
 collection pages

---
 developers.hbs                                |  10 +-
 features.hbs                                  |   9 +-
 partials/extras/devsSvg.hbs                   | 277 ++++++++++++++++++
 partials/extras/featuresSvg.hbs               | 135 +++++++++
 .../{learnMenu.hbs => resourcesMenu.hbs}      |   0
 partials/navbar.hbs                           |  24 +-
 6 files changed, 440 insertions(+), 15 deletions(-)
 create mode 100644 partials/extras/devsSvg.hbs
 create mode 100644 partials/extras/featuresSvg.hbs
 rename partials/menus/{learnMenu.hbs => resourcesMenu.hbs} (100%)

diff --git a/developers.hbs b/developers.hbs
index 25e49d5..a5fdeb6 100644
--- a/developers.hbs
+++ b/developers.hbs
@@ -1,8 +1,14 @@
 {{!< default}}
 
-{{#tag}}
+{{> extras/patterns}}
 
-  {{> extras/patterns}}
+<div class="z-0 absolute w-full md:w-3/6 md:right-0 h-screen/2  md:mr-5">
+  <div class="absolute z-1 inset-0 w-full h-full opacity-40">
+    {{> extras/devsSvg }}
+  </div>
+</div>
+
+{{#tag}}
 
   <main class="relative w-default h-screen/3 flex flex-wrap content-center mt-24">
     <div class="w-3/3">
diff --git a/features.hbs b/features.hbs
index cdda7b1..aecb617 100644
--- a/features.hbs
+++ b/features.hbs
@@ -1,9 +1,16 @@
 {{!< default}}
 
+{{> extras/patterns}}
+
+<div class="z-0 absolute w-full md:w-3/6 md:right-0 h-screen/2  md:mr-5">
+  <div class="absolute z-1 inset-0 w-full h-full opacity-40">
+    {{> extras/featuresSvg }}
+  </div>
+</div>
 
 {{#tag}}
 
-  <main class="w-default h-screen/3 flex flex-wrap content-center mt-24">
+  <main class="relative w-default h-screen/3 flex flex-wrap content-center mt-24">
     <div class="w-3/3">
       <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl md:text-6xl">
         Speckle
diff --git a/partials/extras/devsSvg.hbs b/partials/extras/devsSvg.hbs
new file mode 100644
index 0000000..4bd0603
--- /dev/null
+++ b/partials/extras/devsSvg.hbs
@@ -0,0 +1,277 @@
+<svg width="100%" height="100%" viewBox="0 0 997 769"
+  version="1.1" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
+  xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+  <g transform="matrix(1,0,0,1,-3958,-1864)">
+    <g id="devs" transform="matrix(1,0,0,1,2934.11,-10.551)">
+      <rect x="1024" y="1875.4" width="995.978" height="768"
+        style="fill:none;" />
+      <g transform="matrix(1.50894,0,0,1.50894,-1134.57,-1046.36)">
+        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+          <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+            style="fill:url(#_Radial1);" />
+        </g>
+        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+          <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+            style="fill:rgb(241,243,248);" />
+        </g>
+      </g>
+      <g transform="matrix(1.50894,0,0,1.50894,-1134.57,-1095.42)">
+        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+          <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+            style="fill:url(#_Radial2);" />
+        </g>
+        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+          <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+            style="fill:rgb(241,243,248);" />
+        </g>
+      </g>
+      <g transform="matrix(1.50894,0,0,1.50894,-1308.71,-1370.83)">
+        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+          <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+            style="fill:url(#_Radial3);" />
+        </g>
+        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+          <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+            style="fill:rgb(241,243,248);" />
+        </g>
+      </g>
+      <g transform="matrix(1.50894,0,0,1.50894,-955.1,-1373.55)">
+        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+          <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+            style="fill:url(#_Radial4);" />
+        </g>
+        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+          <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+            style="fill:rgb(241,243,248);" />
+        </g>
+      </g>
+      <g>
+        <g transform="matrix(4.41926e-17,0.721719,-0.187381,1.14738e-17,1917.43,-929.382)">
+          <clipPath id="_clip5">
+            <rect x="4427.94" y="2248.85" width="214.08"
+              height="68.028" />
+          </clipPath>
+          <g clip-path="url(#_clip5)">
+            <g transform="matrix(8.48423e-17,-5.33673,1.38558,3.2678e-16,3885.08,4768.6)">
+              <use xlink:href="#_Image6" x="468.522" y="393.051"
+                width="12.747px" height="154.505px"
+                transform="matrix(0.980542,0,0,0.996808,0,0)" />
+            </g>
+          </g>
+        </g>
+        <g transform="matrix(4.41926e-17,0.721719,-0.187381,1.14738e-17,1938.81,-929.382)">
+          <clipPath id="_clip7">
+            <rect x="4427.94" y="2248.85" width="214.08"
+              height="68.028" />
+          </clipPath>
+          <g clip-path="url(#_clip7)">
+            <g transform="matrix(8.48423e-17,-5.33673,1.38558,3.2678e-16,3885.08,4882.7)">
+              <use xlink:href="#_Image6" x="490.327" y="393.051"
+                width="12.747px" height="154.505px"
+                transform="matrix(0.980542,0,0,0.996808,0,0)" />
+            </g>
+          </g>
+        </g>
+        <g transform="matrix(4.41926e-17,0.721719,-0.187381,1.14738e-17,1963.76,-929.382)">
+          <clipPath id="_clip8">
+            <rect x="4427.94" y="2248.85" width="214.08"
+              height="68.028" />
+          </clipPath>
+          <g clip-path="url(#_clip8)">
+            <g transform="matrix(8.48423e-17,-5.33673,1.38558,3.2678e-16,3885.08,5015.86)">
+              <use xlink:href="#_Image6" x="515.773" y="393.051"
+                width="12.747px" height="154.505px"
+                transform="matrix(0.980542,0,0,0.996808,0,0)" />
+            </g>
+          </g>
+        </g>
+      </g>
+      <g transform="matrix(0.785519,0,0,0.785519,-1990.09,499.836)">
+        <g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
+          <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+            style="fill:url(#_Radial9);" />
+        </g>
+        <g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
+          <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+            style="fill:rgb(37,99,235);" />
+        </g>
+      </g>
+      <g transform="matrix(4.3258,-2.4975,0.544272,0.314236,-2170.15,1822.45)">
+        <clipPath id="_clip10">
+          <rect x="348.837" y="4017.54" width="23.533"
+            height="75.348" />
+        </clipPath>
+        <g clip-path="url(#_clip10)">
+          <g transform="matrix(0.115586,0.918658,-0.2002,1.59116,358.755,3017.14)">
+            <use xlink:href="#_Image11" x="502.259" y="282.225"
+              width="142.809px" height="82.451px" transform="matrix(0.998664,0,0,0.993383,0,0)" />
+          </g>
+        </g>
+      </g>
+      <g transform="matrix(1,0,0,1,0,10)">
+        <g transform="matrix(-1.81824,-1.04976,0.104003,-0.060046,1652.42,2788.71)">
+          <clipPath id="_clip12">
+            <rect x="317.463" y="4041.6" width="57.199"
+              height="89.822" />
+          </clipPath>
+          <g clip-path="url(#_clip12)">
+            <g transform="matrix(-0.274991,4.80757,-0.476299,-8.32695,613.015,4673.67)">
+              <use xlink:href="#_Image13" x="369.775" y="285.198"
+                width="113.344px" height="65.439px"
+                transform="matrix(0.994242,0,0,0.991499,0,0)" />
+            </g>
+          </g>
+        </g>
+        <g transform="matrix(-1.81824,-1.04976,0.104003,-0.060046,1632.3,2800.33)">
+          <clipPath id="_clip14">
+            <rect x="317.463" y="4041.6" width="57.199"
+              height="89.822" />
+          </clipPath>
+          <g clip-path="url(#_clip14)">
+            <g transform="matrix(-0.274991,4.80757,-0.476299,-8.32695,613.015,4867.19)">
+              <use xlink:href="#_Image13" x="349.532" y="296.918"
+                width="113.344px" height="65.439px"
+                transform="matrix(0.994242,0,0,0.991499,0,0)" />
+            </g>
+          </g>
+        </g>
+        <g transform="matrix(-1.81824,-1.04976,0.104003,-0.060046,1610.65,2812.82)">
+          <clipPath id="_clip15">
+            <rect x="317.463" y="4041.6" width="57.199"
+              height="89.822" />
+          </clipPath>
+          <g clip-path="url(#_clip15)">
+            <g transform="matrix(-0.274991,4.80757,-0.476299,-8.32695,613.015,5075.3)">
+              <use xlink:href="#_Image13" x="327.763" y="309.521"
+                width="113.344px" height="65.439px"
+                transform="matrix(0.994242,0,0,0.991499,0,0)" />
+            </g>
+          </g>
+        </g>
+      </g>
+      <g transform="matrix(0.785519,0,0,0.597818,317.61,894.478)">
+        <g transform="matrix(5.62591e-17,0.91878,-0.238544,1.46066e-17,2264.17,-2166.43)">
+          <clipPath id="_clip16">
+            <rect x="4427.94" y="2248.85" width="214.08"
+              height="68.028" />
+          </clipPath>
+          <g clip-path="url(#_clip16)">
+            <g transform="matrix(8.48423e-17,-5.33673,1.82062,4.29382e-16,4142.28,5722.43)">
+              <use xlink:href="#_Image17" x="650.798" y="157.457"
+                width="12.747px" height="117.586px"
+                transform="matrix(0.980542,0,0,0.996492,0,0)" />
+            </g>
+          </g>
+        </g>
+        <g transform="matrix(5.62591e-17,0.91878,-0.238544,1.46066e-17,2291.39,-2166.43)">
+          <clipPath id="_clip18">
+            <rect x="4427.94" y="2248.85" width="214.08"
+              height="68.028" />
+          </clipPath>
+          <g clip-path="url(#_clip18)">
+            <g transform="matrix(8.48423e-17,-5.33673,1.82062,4.29382e-16,4142.28,5836.53)">
+              <use xlink:href="#_Image17" x="672.602" y="157.457"
+                width="12.747px" height="117.586px"
+                transform="matrix(0.980542,0,0,0.996492,0,0)" />
+            </g>
+          </g>
+        </g>
+        <g transform="matrix(5.62591e-17,0.91878,-0.238544,1.46066e-17,2323.16,-2166.43)">
+          <clipPath id="_clip19">
+            <rect x="4427.94" y="2248.85" width="214.08"
+              height="68.028" />
+          </clipPath>
+          <g clip-path="url(#_clip19)">
+            <g transform="matrix(8.48423e-17,-5.33673,1.82062,4.29382e-16,4142.28,5969.68)">
+              <use xlink:href="#_Image17" x="698.049" y="157.457"
+                width="12.747px" height="117.586px"
+                transform="matrix(0.980542,0,0,0.996492,0,0)" />
+            </g>
+          </g>
+        </g>
+      </g>
+      <g transform="matrix(1.50894,0,0,1.50894,-952.196,-1502.42)">
+        <g>
+          <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+              style="fill:url(#_Radial20);" />
+          </g>
+          <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+              style="fill:rgb(241,243,248);" />
+          </g>
+        </g>
+      </g>
+      <g transform="matrix(0.785519,0,0,0.785519,-1990.09,460.263)">
+        <g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
+          <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+            style="fill:url(#_Radial21);" />
+        </g>
+        <g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
+          <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+            style="fill:rgb(37,99,235);" />
+        </g>
+      </g>
+    </g>
+  </g>
+  <defs>
+    <radialGradient id="_Radial1" cx="0" cy="0" r="1"
+      gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
+      <stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
+      <stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
+      <stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
+      <stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
+    </radialGradient>
+    <radialGradient id="_Radial2" cx="0" cy="0" r="1"
+      gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
+      <stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
+      <stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
+      <stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
+      <stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
+    </radialGradient>
+    <radialGradient id="_Radial3" cx="0" cy="0" r="1"
+      gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
+      <stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
+      <stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
+      <stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
+      <stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
+    </radialGradient>
+    <radialGradient id="_Radial4" cx="0" cy="0" r="1"
+      gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
+      <stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
+      <stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
+      <stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
+      <stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
+    </radialGradient>
+    <image id="_Image6" width="13px" height="155px"
+      xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCACbAA0DAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAwQAAgb/xAAbEAACAwEBAQAAAAAAAAAAAAAAAwIhMQFhEf/EABgBAQEBAQEAAAAAAAAAAAAAAAIDAAEH/8QAGBEBAQEBAQAAAAAAAAAAAAAAABEBAhL/2gAMAwEAAhEDEQA/APGHvrzxjMxmb50zGioG9FCxVWB9OxTFXhLejhYqrAb07FUFeEt6KEiqsD6KKoqJb0ULxVYH0UVQUS3ooTiqwHooqirwlvRQsVVgfRRTFRLeiheKoPoopirwlvRZhYqrAb0UVQV4S3ooXiqwPoopirwlvRQvFVgPTsVRUT3o4TiqB6diqKiW9HCRVWB9OxVFRLejheKrAenYpirwnvRwsVUD07FUFEt6OFiqsD6dimKvCW9HC8VWB9Ow/I84Tpx0cZjMxmf/2Q==" />
+    <radialGradient id="_Radial9" cx="0" cy="0" r="1"
+      gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
+      <stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
+      <stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
+      <stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
+      <stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
+    </radialGradient>
+    <image id="_Image11" width="143px" height="83px"
+      xlink:href="data:image/png;base64,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" />
+    <image id="_Image13" width="114px" height="66px"
+      xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAABCCAYAAACLp4LQAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAERUlEQVR4nO2aO2gUQRiAJ1a+YowaGwULFWKhgkiaCBaxMI2iRWwMFjGFEXyCWkRUSBoDKioYwQcWpgkiSJo0PppYqFioRRBEbFLk8ri8m9vf4m5z89zbx8zuTO7/YGG5TI6Z/9v/n8deTX52CUgE6mpX10Rpj6RDTVSRPijULlbF/ce4DwBihtgZSYPZmT1aRPqg0OzQKtIHhaZP7DkyCJw/02c5c3QFH6B4eaWroR6zMw2EIMcVSssDjxAPoHhf+mz71jUo1CDS4EaRScuSCfQ8ts3ObSjUBIFBVQnly2fxHhh5AKzA5XsPSOOOtShTM6EC6gsNEljwZOW13IbJ3JLs/btQqC5CB3IyvwSq8qkSWPBAIp4Imdu0B4UmJXIAx3KLEKZ8VhLIPAweIYf2rkOZCYgdvL9ji6AUQwkSRbIC+UVRywEUGofEQRv9twAqgWzmKrLUoz8rS25tWo9CI6AlWD/+LIBq/uMFSrPUU8+5J5pRaBi0BunrqC9UUT4DBBaElW45S9sO16LMChgJ0MiveaC3I6ryKd+qlNsVuAVV+xEUqsJoYD58nwdeIF9axcxVlFlK6tlWFMpjPCDDX+bExZCwMAJJ5sr2qKzk88c2oNASqQXi3QgrlCmzCoHF0gqKzC1el0+iTEJSFOkz+GkOwpRPlcACt8Xx2904VVfVQjMZ/MD7WWCzTl0+1YcM8rcst05Xp9BMB/1yeBaUAqXlFiSZK7brOVN9Mq0Y8JOhGQjec4JcrtCe3b/2dW60YnxpYNVAH7wtC1XuOSUCg06GwCPkYdfKF2rdAPsGZ4qLoQrl0y/FQQIL/vFg6bueXqy3bry6sHZgPQN54AXS2xH12xXqfFdSql9cWZkyrR/UzVd5kM1/8jNaSZYqFk2vr2+yfuxRcGYw155NiwcKAQKFo0APpCX4TffKEOrUIC71T0OY8qkSqDznBSBDdzY7FQseJzvf9XgKmJOeoD0nk7miQPpQYrjXXZnOdpwQQjruTYFMoHBaJGSupMxSf/941z2hznWYp71vClTzn0ygeqXrty9/1+f7W5yJjzMdrURb76Tk7Qo7l8rnUEmWUqX62yM3ZDrRySgcvz0JYcqntMxyPxqjH4af/Q1Wx8rqziXhaPcEiFknlk8hSzmB7FEgIb+f2ynUyk7pouXGBFQSyP8uaDlLuVLMY5tQqzpjiuarOZCVT5VA/+U1SATS2CTTmo6kwcELOahUPsMI5LFBaOYdyIJ953Ig24okJUuhVSmSEEIaO8dBl0CeLIRWrUif3R3jBlSmL7PqRfq4LhRFUpiSSYh5oShSgovZiSIDcEkoigyBC0JRZEhsnz9RZERszU4UGRPbhKLIhNgiFEVqwIb5E0VqJMvsRJEGyEIoijRE2uUWRRomrexEkSlhWiiKTBlTQlFkBpiQiSIzRKdQFGkBOoSiSItIIhRFWkZcmSjSUqIK/Q9Pwm9zLn3kMAAAAABJRU5ErkJggg==" />
+    <image id="_Image17" width="13px" height="118px"
+      xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAB2AA0DAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAwQAAgb/xAAbEAACAwEBAQAAAAAAAAAAAAAAAwECYSExEf/EABkBAAMBAQEAAAAAAAAAAAAAAAECAwAEB//EABgRAQADAQAAAAAAAAAAAAAAAAABERIC/9oADAMBAAIRAxEAPwDxh7688YzOopMgtqdQqQaGltUYQntSILCOeC7Gl1EYQntSiwjngk9jldRGEJ7UotUc8FnsaXVRhzz2pktUc8F2altEYQns9FhHPBdmpdVGHPPamS1RwXY5XURhzz2pRYRzwXY0uojCE9qZLCeeCbHK6qMIT2pRYRzwXZsrqow557PkkIwXRqX0RhCe1KJCOeCT2NL6pwhPakQSEx8F0NGEMxmf/9k=" />
+    <radialGradient id="_Radial20" cx="0" cy="0" r="1"
+      gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
+      <stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
+      <stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
+      <stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
+      <stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
+    </radialGradient>
+    <radialGradient id="_Radial21" cx="0" cy="0" r="1"
+      gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)">
+      <stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1" />
+      <stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1" />
+      <stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1" />
+      <stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1" />
+    </radialGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/partials/extras/featuresSvg.hbs b/partials/extras/featuresSvg.hbs
new file mode 100644
index 0000000..682b79c
--- /dev/null
+++ b/partials/extras/featuresSvg.hbs
@@ -0,0 +1,135 @@
+<svg width="100%" height="100%" viewBox="0 0 997 769" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-5050,-1864)">
+        <g id="features" transform="matrix(1,0,0,1,4026.33,-10.551)">
+            <rect x="1024" y="1875.4" width="995.978" height="768" style="fill:none;"/>
+            <g transform="matrix(1.33545,0,0,1.33545,-543.131,-737.739)">
+                <g transform="matrix(1.50894,0,0,1.50894,-970.877,-1314.64)">
+                    <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                        <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial1);"/>
+                    </g>
+                    <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                        <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                    </g>
+                </g>
+                <g transform="matrix(1.50894,0,0,1.50894,-1029.9,-1353.97)">
+                    <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                        <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial2);"/>
+                    </g>
+                    <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                        <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                    </g>
+                </g>
+                <g transform="matrix(1.50894,0,0,1.50894,-1057.61,-1364.17)">
+                    <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                        <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial3);"/>
+                    </g>
+                    <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                        <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                    </g>
+                </g>
+                <g transform="matrix(1.50894,0,0,1.50894,-1004.07,-1332.66)">
+                    <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                        <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial4);"/>
+                    </g>
+                    <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                        <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                    </g>
+                </g>
+                <g transform="matrix(1.50894,0,0,1.50894,-1029.9,-1353.97)">
+                    <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                        <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial5);"/>
+                    </g>
+                    <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                        <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                    </g>
+                </g>
+                <g transform="matrix(1.50894,0,0,1.50894,-1057.61,-1374.17)">
+                    <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                        <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial6);"/>
+                    </g>
+                    <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                        <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                    </g>
+                </g>
+                <g transform="matrix(1,0,0,1,89.3049,-32.0489)">
+                    <g transform="matrix(1.50894,0,0,1.50894,-1316.63,-1263.51)">
+                        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial7);"/>
+                        </g>
+                        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                        </g>
+                    </g>
+                    <g transform="matrix(1.50894,0,0,1.50894,-1292.06,-1313.92)">
+                        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial8);"/>
+                        </g>
+                        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                        </g>
+                    </g>
+                    <g transform="matrix(1.50894,0,0,1.50894,-1264.35,-1366.12)">
+                        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial9);"/>
+                        </g>
+                        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                        </g>
+                    </g>
+                </g>
+                <g transform="matrix(1.06354,0,0,1.06354,-4420.02,-124.209)">
+                    <circle cx="5640.28" cy="2231.46" r="99.389" style="fill:rgb(37,99,235);fill-opacity:0.7;"/>
+                </g>
+                <g transform="matrix(1,0,0,1,88.9664,-67.3648)">
+                    <g transform="matrix(1.50894,0,0,1.50894,-1190.05,-1105.91)">
+                        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial10);"/>
+                        </g>
+                        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                        </g>
+                    </g>
+                    <g transform="matrix(1.50894,0,0,1.50894,-1190.05,-1143.14)">
+                        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial11);"/>
+                        </g>
+                        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                        </g>
+                    </g>
+                    <g transform="matrix(1.50894,0,0,1.50894,-1190.05,-1180.82)">
+                        <g transform="matrix(0.368875,0,0,0.368875,1121.71,1555.77)">
+                            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial12);"/>
+                        </g>
+                        <g transform="matrix(0.319912,-0.184701,0.369403,0.213275,1120.82,1555.16)">
+                            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(241,243,248);"/>
+                        </g>
+                    </g>
+                </g>
+                <g transform="matrix(0.785519,0,0,0.785519,-1955.67,483.34)">
+                    <g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
+                        <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z" style="fill:url(#_Radial13);"/>
+                    </g>
+                    <g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
+                        <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z" style="fill:rgb(37,99,235);"/>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+    <defs>
+        <radialGradient id="_Radial1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial4" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial5" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial7" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial8" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial9" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial10" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial11" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial12" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+        <radialGradient id="_Radial13" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(139.128,29.5437,-60.595,223.638,1611.84,2160.46)"><stop offset="0" style="stop-color:rgb(224,235,247);stop-opacity:1"/><stop offset="0.57" style="stop-color:rgb(203,221,240);stop-opacity:1"/><stop offset="0.79" style="stop-color:rgb(159,193,227);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,166,214);stop-opacity:1"/></radialGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/partials/menus/learnMenu.hbs b/partials/menus/resourcesMenu.hbs
similarity index 100%
rename from partials/menus/learnMenu.hbs
rename to partials/menus/resourcesMenu.hbs
diff --git a/partials/navbar.hbs b/partials/navbar.hbs
index 28cd695..93da428 100644
--- a/partials/navbar.hbs
+++ b/partials/navbar.hbs
@@ -2,14 +2,14 @@
 <div class="mt-0 w-full h-20"></div>
 
 {{!-- Actual navbar --}}
-<div x-data="{ mobileMenuOpen: false, usecasesMenu: false, developersMenu: false, learnMenu: false, flyoutMenuOpen: false }"
+<div x-data="{ mobileMenuOpen: false, usecasesMenu: false, developersMenu: false, resourcesMenu: false, flyoutMenuOpen: false }"
   class="fixed top-0 shadow mt-0 w-full bg-white dark:bg-gray-900 dark:text-white z-20">
   <div class="relative">
     <div class="w-default flex justify-between items-center py-5 sm:py-4 md:justify-between">
 
       {{!-- Logo/Home Link --}}
 
-      <div @mouseenter="usecasesMenu = false; learnMenu = false; developersMenu = false">
+      <div @mouseenter="usecasesMenu = false; resourcesMenu = false; developersMenu = false">
         <a href="/" class="flex relative" style="margin-top:-4px;">
           <img class="h-8 mr-2 " src="{{@site.logo}}" alt="logo">
           <div class="text-2xl text-blue-600 dark:text-blue-500 title-font font-bold mr-5">
@@ -41,7 +41,7 @@
           {{!-- use cases menu button --}}
 
           <div class="relative">
-            <button type="button" @mouseenter="usecasesMenu = true; learnMenu = false; developersMenu = false; flyoutMenuOpen = false;"
+            <button type="button" @mouseenter="usecasesMenu = true; resourcesMenu = false; developersMenu = false; flyoutMenuOpen = false;"
               @click="usecasesMenu = !usecasesMenu;"
               x-state:on="Item active" x-state:off="Item inactive"
               :class="{ 'text-gray-900 dark:text-gray-50': usecasesMenu, 'text-gray-700 dark:text-gray-400': !usecasesMenu }"
@@ -62,7 +62,7 @@
           {{!-- developers menu button --}}
 
           <div class="relative">
-            <button type="button" @mouseenter="developersMenu = true; usecasesMenu = false; learnMenu = false; flyoutMenuOpen = false;"
+            <button type="button" @mouseenter="developersMenu = true; usecasesMenu = false; resourcesMenu = false; flyoutMenuOpen = false;"
               @click="developersMenu = !developersMenu;"
               x-state:on="Item active" x-state:off="Item inactive"
               :class="{ 'text-gray-900 dark:text-gray-50': developersMenu, 'text-gray-700 dark:text-gray-400': !developersMenu }"
@@ -83,14 +83,14 @@
           {{!-- Learn menu button --}}
 
           <div class="relative">
-            <button type="button" @mouseenter="learnMenu = true; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false;"
-              @click="learnMenu = !learnMenu;" x-state:on="Item active"
-              x-state:off="Item inactive" :class="{ 'text-gray-900 dark:text-gray-50': learnMenu, 'text-gray-700 dark:text-gray-400': !learnMenu }"
+            <button type="button" @mouseenter="resourcesMenu = true; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false;"
+              @click="resourcesMenu = !resourcesMenu;" x-state:on="Item active"
+              x-state:off="Item inactive" :class="{ 'text-gray-900 dark:text-gray-50': resourcesMenu, 'text-gray-700 dark:text-gray-400': !resourcesMenu }"
               class="group bg-white dark:bg-gray-900 rounded-md text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 inline-flex items-center text-base font-medium focus:outline-none outline-none">
               <span>Resources</span>
               <svg x-state:on="Item active" x-state:off="Item inactive"
                 class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500"
-                x-bind:class="{ 'text-gray-600': learnMenu, 'text-gray-400': !learnMenu }"
+                x-bind:class="{ 'text-gray-600': resourcesMenu, 'text-gray-400': !resourcesMenu }"
                 x-description="Heroicon name: chevron-down"
                 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
                 fill="currentColor" aria-hidden="true">
@@ -102,7 +102,7 @@
 
           {{!-- About  --}}
 
-          <div class="relative" @mouseenter="learnMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = true"
+          <div class="relative" @mouseenter="resourcesMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = true"
             @mouseleave="">
             <button type="button" @click="flyoutMenuOpen = !flyoutMenuOpen"
               x-state:on="Item active" x-state:off="Item inactive"
@@ -171,7 +171,7 @@
             </div>
           </div>
 
-          <div class="relative" @mouseenter="learnMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false">
+          <div class="relative" @mouseenter="resourcesMenu = false; usecasesMenu = false; developersMenu = false; flyoutMenuOpen = false">
             &nbsp;
           </div>
 
@@ -210,7 +210,7 @@
 
   <!-- Learn menu -->
   <div x-description="'Learn' flyout menu, show/hide based on flyout menu state."
-    x-show="learnMenu" @mouseleave="learnMenu = false;"
+    x-show="resourcesMenu" @mouseleave="resourcesMenu = false;"
     x-transition:enter="transition ease-out duration-200"
     x-transition:enter-start="opacity-0 -translate-y-1"
     x-transition:enter-end="opacity-100 translate-y-0"
@@ -218,7 +218,7 @@
     x-transition:leave-start="opacity-100 translate-y-0"
     x-transition:leave-end="opacity-0 -translate-y-1" class="hidden md:block absolute z-10 inset-x-0 transform shadow-lg">
 
-    {{> menus/learnMenu }}
+    {{> menus/resourcesMenu }}
 
   </div>