Updates to the solutions page

Author: Sheradyn Mikul

new-website/about.html

@@ -89,7 +89,7 @@ <h1 class="display-4">About Us</h1>
               <div class="col">
                 <h4>Contact Us</h4>
                 <ul class="list-unstyled">
-                  <li class="mb-3 d-flex">
+                  <!-- <li class="mb-3 d-flex">
                     <img class="icon" src="assets/img/icons/theme/map/marker-1.svg" alt="marker-1 icon" data-inject-svg />
                     <div class="ml-3">
                       <span>
@@ -99,7 +99,7 @@ <h4>Contact Us</h4>
                         USA &ndash; <a href="https://goo.gl/maps/hNW9UNjCwdRDyfnB6" target="_blank">Map</a>
                       </span>
                     </div>
-                  </li>
+                  </li> -->
                   <li class="mb-3 d-flex">
                     <img class="icon" src="assets/img/icons/theme/communication/call-1.svg" alt="call-1 icon" data-inject-svg />
                     <div class="ml-3">

new-website/img/ticketing_screenshot.png

@@ -207,18 +207,19 @@ <h1>Increase engagement with the touch of a stamp</h1>
           <div class="col-xl-3 col-lg-4 col-md-3 d-flex mb-5 mb-md-0" data-aos="fade-right" data-aos-delay="200">
             <div class="row justify-content-center">
               <div class="col-8 col-md">
-                <div class="mobile-screenshot rotate-left layer-2">
+                <!-- <div class="mobile-screenshot rotate-left layer-2"> -->
+                <div class="mobile-screenshot layer-2">
                   <img src="img/loyalty_screenshot.png" alt="Screenshot">
                   <img src="assets/img/iphone-xr.svg" alt="iPhone XR">
                 </div>
-                <div class="decoration-wrapper d-none d-md-block">
+                <!-- <div class="decoration-wrapper d-none d-md-block">
                   <div class="decoration middle-y scale-2" data-jarallax-element="40">
                     <img class="bg-primary" src="assets/img/decorations/deco-blob-6.svg" alt="deco-blob-8 decoration" data-inject-svg />
                   </div>
                   <div class="decoration left top scale-2">
                     <img class="bg-primary" src="assets/img/decorations/deco-dots-6.svg" alt="deco-dots-6 decoration" data-inject-svg />
                   </div>
-                </div>
+                </div> -->
               </div>
             </div>
           </div>
@@ -229,23 +230,35 @@ <h1>Solutions</h1>
             <div class="row">
               <div class="col" data-aos="fade-left" data-aos-delay="400">
                 <div class="mt-2">
-                  <h4><img class="icon icon-md bg-primary mr-2" src="assets/img/icons/theme/food/coffee-1.svg" alt="icon" data-inject-svg />Loyalty</h4>
+                  <h4>
+                    <a href="solutions.html#loyalty">
+                      <img class="icon icon-md bg-primary mr-2" src="assets/img/icons/theme/food/coffee-1.svg" alt="icon" data-inject-svg />Loyalty
+                    </a>
+                  </h4>
                 </div>
                 <p>Ditch the punch cards with SnowShoe digital stamp technology and delight guests with a better path to rewards.</p>
               </div>
             </div>
             <div class="row">
               <div class="col" data-aos="fade-left" data-aos-delay="600">
                 <div class="mt-2">
-                  <h4><img class="icon icon-md bg-primary mr-2" src="assets/img/icons/theme/shopping/sale-2.svg" alt="icon" data-inject-svg />Coupon</h4>
+                  <h4>
+                    <a href="solutions.html#coupon">
+                      <img class="icon icon-md bg-primary mr-2" src="assets/img/icons/theme/shopping/sale-2.svg" alt="icon" data-inject-svg />Coupon
+                    </a>
+                  </h4>
                 </div>
                 <p>Fraud-proof your discounts and special offers to provide real value to your best customers.</p>
               </div>
             </div>
             <div class="row">
               <div class="col" data-aos="fade-left" data-aos-delay="800">
                 <div class="mt-2">
-                  <h4><img class="icon icon-md bg-primary mr-2" src="assets/img/icons/theme/shopping/ticket.svg" alt="icon" data-inject-svg />Ticketing</h4>
+                  <h4>
+                    <a href="solutions.html#ticketing">
+                      <img class="icon icon-md bg-primary mr-2" src="assets/img/icons/theme/shopping/ticket.svg" alt="icon" data-inject-svg />Ticketing
+                    </a>
+                  </h4>
                 </div>
                 <p>Better know who is attending your events and how they engage with the experience.</p>
               </div>
@@ -377,21 +390,22 @@ <h1>SnowShoe Stamps Drive Value</h1>
               </div>
             </div>
           </div>
-          <div class="col-xl-3 col-lg-4 col-md-3 d-flex mb-5 mb-md-0" data-aos="fade-right">
+          <div class="col-xl-3 col-lg-4 col-md-3 d-flex mb-5 mb-md-0" data-aos="fade-left">
             <div class="row justify-content-center">
               <div class="col-8 col-md">
-                <div class="mobile-screenshot rotate-right layer-2">
+                <!-- <div class="mobile-screenshot rotate-right layer-2"> -->
+                <div class="mobile-screenshot layer-2">
                   <img src="img/drink_screenshot.png" alt="Screenshot">
                   <img src="assets/img/iphone-xr.svg" alt="iPhone XR">
                 </div>
-                <div class="decoration-wrapper d-none d-md-block">
+                <!-- <div class="decoration-wrapper d-none d-md-block">
                   <div class="decoration middle-y scale-2" data-jarallax-element="40">
                     <img class="bg-primary" src="assets/img/decorations/deco-blob-8.svg" alt="deco-blob-8 decoration" data-inject-svg />
                   </div>
                   <div class="decoration left top scale-2">
                     <img class="bg-primary" src="assets/img/decorations/deco-dots-6.svg" alt="deco-dots-6 decoration" data-inject-svg />
                   </div>
-                </div>
+                </div> -->
               </div>
             </div>
           </div>