adding in proper images for slideshow, and main features section text and footer

dist/js/added.js

@@ -1,6 +1,6 @@
 $(document).ready(function() {
   // popup when they try to log in or signup
-  $('#login, #signup').click(function() {
+  $('#login, #signup, .social-media-icons').click(function() {
     $('#popup')
       .text('Coming Soon!')
       .slideDown()
@@ -47,4 +47,22 @@ $(document).ready(function() {
     `)
     );
   });
+
+  // Slideshow main
+  var myIndex = 0;
+  carousel();
+
+  function carousel() {
+    var i;
+    var x = document.getElementsByClassName('mySlides');
+    for (i = 0; i < x.length; i++) {
+      x[i].style.display = 'none';
+    }
+    myIndex++;
+    if (myIndex > x.length) {
+      myIndex = 1;
+    }
+    x[myIndex - 1].style.display = 'block';
+    setTimeout(carousel, 4000); // Change image every 2 seconds
+  }
 });

dist/js/main.min.js

@@ -6,13 +6,16 @@
     document.body.classList.contains('has-animations'))
   ) {
     const e = (window.sr = ScrollReveal());
-    e.reveal('.hero-title, .hero-paragraph, .join-paragraph, .hero-cta', {
-      duration: 1e3,
-      distance: '40px',
-      easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
-      origin: 'bottom',
-      interval: 150
-    }),
+    e.reveal(
+      '.hero-title, .hero-paragraph, .join-paragraph, .hero-cta, #countdown',
+      {
+        duration: 1e3,
+        distance: '40px',
+        easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
+        origin: 'bottom',
+        interval: 150
+      }
+    ),
       e.reveal('.feature, .pricing-table', {
         duration: 600,
         distance: '40px',