diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index e9228afd..b9893f7a 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -9,7 +9,6 @@
     "pranaygp.vscode-css-peek",
     "mkaufman.htmlhint",
     "ecmel.vscode-html-css",
-    "ms-vscode-remote.vscode-remote-extensionpack",
-    "pkosta2005.heroku-command"
+    "ms-vscode-remote.vscode-remote-extensionpack"
   ]
 }
diff --git a/accounts/templates/account/login.html b/accounts/templates/account/login.html
index 664aeaa2..e5da5948 100644
--- a/accounts/templates/account/login.html
+++ b/accounts/templates/account/login.html
@@ -12,7 +12,7 @@
     <nav class="grid-container" role="navigation">
       <ul class="menu">
         <li><a href="{% url 'weallcode-join-us' %}#volunteer">Volunteer</a></li>
-        <li><a href="#donate">Donate</a></li>
+        <li><a href="{% url 'weallcode-join-us' %}#donate">Donate</a></li>
         <li><a href="{% url 'weallcode-join-us' %}#sponsorship">Sponsorship</a></li>
         <li><a href="{% url 'weallcode-join-us' %}#contact">Contact Us</a></li>
       </ul>
diff --git a/coderdojochi/settings.py b/coderdojochi/settings.py
index 770a3566..866151dd 100644
--- a/coderdojochi/settings.py
+++ b/coderdojochi/settings.py
@@ -211,7 +211,7 @@
 USE_TZ = True
 
 SITE_ID = 1
-SITE_NAME = env('SITE_NAME', default=None)
+SITE_NAME = env('SITE_NAME', default='We All Code')
 SITE_URL = env('SITE_URL', default=None)
 
 # Honor the 'X-Forwarded-Proto' header for request.is_secure()
diff --git a/weallcode/static/weallcode/css/app.css b/weallcode/static/weallcode/css/app.css
index 008f762e..01da5d1e 100644
--- a/weallcode/static/weallcode/css/app.css
+++ b/weallcode/static/weallcode/css/app.css
@@ -1,4 +1,4 @@
-body {
+:root {
   /* Primary */
   --we-blue: #426cff;
   --primary: #426cff;
@@ -23,7 +23,13 @@ body {
   --font-title: "Bungee", cursive;
   --font-subtitle: "Poppins", sans-serif;
   --font-base: "Open Sans", sans-serif;
+}
 
+html {
+  scroll-behavior: smooth;
+}
+
+body {
   font-family: var(--font-base);
 }
 
diff --git a/weallcode/static/weallcode/js/app.js b/weallcode/static/weallcode/js/app.js
index 3869dee1..82324df8 100644
--- a/weallcode/static/weallcode/js/app.js
+++ b/weallcode/static/weallcode/js/app.js
@@ -1,62 +1,17 @@
-$(document).foundation()
+$(document).foundation();
 
 $(document).ready(function () {
-  var locationPath = filterPath(location.pathname);
-
-  $('a[href*="#"]:not([href="#"])').each(function () {
-    var thisPath = filterPath(this.pathname) || locationPath;
-    var hash = this.hash;
-    if ($("#" + hash.replace(/#/, '')).length) {
-      if (locationPath == thisPath && (location.hostname == this.hostname || !this.hostname) && this.hash.replace(/#/, '')) {
-        var $target = $(hash),
-          target = this.hash;
-        if (target) {
-          $(this).click(function (event) {
-            event.preventDefault();
-            $('html, body').animate({
-              scrollTop: $target.offset().top
-            }, 1000, function () {
-              location.hash = target;
-              $target.focus();
-              if ($target.is(":focus")) { //checking if the target was focused
-                return false;
-              } else {
-                $target.attr('tabindex', '-1'); //Adding tabindex for elements not focusable
-                $target.focus(); //Setting focus
-              };
-            });
-          });
-        }
-      }
-    }
-  });
-
   // Nav toggler
-  $('.mobile-nav-trigger').click(function () {
-    $('.mobile-nav').toggleClass('hide');
-    $('.main-logo').toggleClass('show');
+  $(".mobile-nav-trigger").click(function () {
+    $(".mobile-nav").toggleClass("hide");
+    $(".main-logo").toggleClass("show");
   });
 
-  $('[data-toggler]').click(function () {
-    $($(this).data('toggler')).toggleClass($(this).data('toggle-class'));
+  $("[data-toggler]").click(function () {
+    $($(this).data("toggler")).toggleClass($(this).data("toggle-class"));
   });
 
-  $('.autoreveal').each(function () { $(this).foundation('open'); });
+  $(".autoreveal").each(function () {
+    $(this).foundation("open");
+  });
 });
-
-
-// Accessible smooth scroll
-// From https://css-tricks.com/smooth-scrolling-accessibility/
-function filterPath(string) {
-  return string
-    .replace(/^\//, '')
-    .replace(/(index|default).[a-zA-Z]{3,4}$/, '')
-    .replace(/\/$/, '');
-}
-
-function setCookie(cname, cvalue, exdays) {
-  var d = new Date();
-  d.setTime(d.getTime() + (exdays*24*60*60*1000));
-  var expires = "expires="+ d.toUTCString();
-  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
-}
diff --git a/weallcode/templates/weallcode/_base.html b/weallcode/templates/weallcode/_base.html
index 9f8702d4..63b3894a 100644
--- a/weallcode/templates/weallcode/_base.html
+++ b/weallcode/templates/weallcode/_base.html
@@ -40,17 +40,6 @@
 
   {% block extra_style %}{% endblock %}
   {% block extra_head %}{% endblock %}
-
-
-  <!-- Start CauseVox Embed Code -->
-  <script type="text/javascript" src="https://js.causevox.com/v3"></script>
-  <script type="text/javascript">
-    causevox.CONFIG = {
-      app_id : 'vMa2qWGZxqke176B',
-      campaign_id : 'JjbZ7kEJgmW9pa3D'
-    };
-  </script>
-  <!-- End CauseVox Embed Code -->
 </head>
 <body class="{% block page-class %}{% endblock %}">
   <!--[if IE]>
@@ -87,10 +76,12 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/what-input/5.2.1/what-input.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.1/js/foundation.min.js"></script>
   <script src="{% static 'weallcode/js/app.js' %}"></script>
+  <script src="https://cdn.jsdelivr.net/npm/seamless-scroll-polyfill@1.0.0/dist/es5/seamless.auto-polyfill.min.js" data-seamless></script>
 
   {% block extra_script %}{% endblock %}
   {% block extra_body %}{% endblock %}
 
+  <script src="https://donsplus.com/embed/donsplus.js?org=e4ec89b0-3a4a-11eb-a446-c3ba623037fb"></script>
   <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
   <script>
     window.ga = function () {
@@ -100,8 +91,7 @@
     ga.l = +new Date;
     ga('create', 'UA-78618586-1', 'auto');
     ga('set', 'transport', 'beacon');
-    ga('send', 'pageview')
-
+    ga('send', 'pageview');
   </script>
   <script src="https://www.google-analytics.com/analytics.js" async defer></script>
 </body>
diff --git a/weallcode/templates/weallcode/_footer.html b/weallcode/templates/weallcode/_footer.html
index 45139e9e..8e7f8a50 100644
--- a/weallcode/templates/weallcode/_footer.html
+++ b/weallcode/templates/weallcode/_footer.html
@@ -40,7 +40,7 @@
           <ul>
             <li><a href="{% url 'weallcode-join-us' %}#volunteer">Volunteer</a></li>
             <li><a href="{% url 'weallcode-associate-board' %}">Associate Board</a></li>
-            <li><a href="#donate">Donate</a></li>
+            <li><a href="{% url 'weallcode-join-us' %}#donate">Donate</a></li>
             <li><a href="{% url 'weallcode-join-us' %}#sponsorship">Sponsorship</a></li>
             <li><a href="{% url 'weallcode-join-us' %}#contact">Contact Us</a></li>
           </ul>
diff --git a/weallcode/templates/weallcode/_header.html b/weallcode/templates/weallcode/_header.html
index 12570614..0623a734 100644
--- a/weallcode/templates/weallcode/_header.html
+++ b/weallcode/templates/weallcode/_header.html
@@ -16,8 +16,7 @@
           <li><a class="{% active 'weallcode-programs' %}" href="{% url 'weallcode-programs' %}">Programs</a></li>
           <li><a class="{% active 'weallcode-team' %}" href="{% url 'weallcode-team' %}">Team</a></li>
           <li><a class="{% active 'weallcode-join-us' %}" href="{% url 'weallcode-join-us' %}">Join Us</a></li>
-          <li><a class="button tertiary" href="#donate">Donate</a></li>
-
+          <li><a class="button tertiary" href="javascript:donsPlus.openWidget();">Donate</a></li>
           {% if user.is_authenticated %}
             <li><a class="button" href="{% url 'account_home' %}">Account</a></li>
           {% else %}
@@ -36,7 +35,7 @@
   <a class="{% active 'weallcode-join-us' %}" href="{% url 'weallcode-join-us' %}">Join Us</a>
 
   <div class="margin-top-1">
-    <a class="button tertiary" href="#donate">Donate</a>
+    <a class="button tertiary" href="javascript:donsPlus.openWidget();">Donate</a>
   </div>
 
   <div>
diff --git a/weallcode/templates/weallcode/associate_board.html b/weallcode/templates/weallcode/associate_board.html
index 5115d932..df224d3e 100644
--- a/weallcode/templates/weallcode/associate_board.html
+++ b/weallcode/templates/weallcode/associate_board.html
@@ -14,7 +14,7 @@
       <ul class="menu">
         <li><a href="{% url 'weallcode-join-us' %}#volunteer">Volunteer</a></li>
         <li class="active"><a href="{% url 'weallcode-associate-board' %}">Associate Board</a></li>
-        <li><a href="{% url 'weallcode-join-us' %}#donate-form">Donate</a></li>
+        <li><a href="{% url 'weallcode-join-us' %}#donate">Donate</a></li>
         <li><a href="{% url 'weallcode-join-us' %}#sponsorship">Sponsorship</a></li>
         <li><a href="{% url 'weallcode-join-us' %}#contact">Contact Us</a></li>
       </ul>
diff --git a/weallcode/templates/weallcode/contact.html b/weallcode/templates/weallcode/contact.html
index 3b4c4be3..1ee41e54 100644
--- a/weallcode/templates/weallcode/contact.html
+++ b/weallcode/templates/weallcode/contact.html
@@ -9,7 +9,7 @@
     <nav class="grid-container" role="navigation">
       <ul class="menu">
         <li><a href="{% url 'weallcode-join-us' %}#volunteer">Volunteer</a></li>
-        <li><a href="{% url 'weallcode-join-us' %}#donate-form">Donate</a></li>
+        <li><a href="{% url 'weallcode-join-us' %}#donate">Donate</a></li>
         <li><a href="{% url 'weallcode-join-us' %}#sponsorship">Sponsorship</a></li>
         <li><a href="{% url 'weallcode-join-us' %}#contact">Contact Us</a></li>
       </ul>
diff --git a/weallcode/templates/weallcode/home.html b/weallcode/templates/weallcode/home.html
index a29ed0ee..eb90a1ec 100644
--- a/weallcode/templates/weallcode/home.html
+++ b/weallcode/templates/weallcode/home.html
@@ -138,7 +138,7 @@ <h6 class="text-uppercase padding-1 margin-0">Volunteers</h6>
             <h6 class="text-uppercase padding-1 margin-0">Donors</h6>
             <img class="width-100" src="{% static 'weallcode/images/photos/join-us-donor.jpg' %}" alt="">
             <div class="padding-1 padding-horizontal-2 text-center">
-              <a class="button bg-tertiary width-100 margin-top-1" href="#donate">Donate</a>
+              <a class="button bg-tertiary width-100 margin-top-1" href="{% url 'weallcode-join-us' %}#donate">Donate</a>
             </div>
           </div>
         </div>
diff --git a/weallcode/templates/weallcode/join_us.html b/weallcode/templates/weallcode/join_us.html
index f53667b7..99f57839 100644
--- a/weallcode/templates/weallcode/join_us.html
+++ b/weallcode/templates/weallcode/join_us.html
@@ -14,7 +14,7 @@
       <ul class="menu">
         <li><a href="{% url 'weallcode-join-us' %}#volunteer">Volunteer</a></li>
         <li><a href="{% url 'weallcode-associate-board' %}">Associate Board</a></li>
-        <li><a href="{% url 'weallcode-join-us' %}#donate-form">Donate</a></li>
+        <li><a href="{% url 'weallcode-join-us' %}#donate">Donate</a></li>
         <li><a href="{% url 'weallcode-join-us' %}#sponsorship">Sponsorship</a></li>
         <li><a href="{% url 'weallcode-join-us' %}#contact">Contact Us</a></li>
       </ul>
@@ -75,14 +75,14 @@ <h3 class="title text-tertiary margin-vertical-2">Make a difference</h3>
 
 
   <!-- Donate -->
-  <section id="donate-form" class="bg-binary padding-vertical-2">
+  <section id="donate" class="bg-binary padding-vertical-2">
     <div class="grid-container">
       <div class="grid-x margin-vertical-3">
         <div class="cell medium-8 bg-white padding-2">
           <h2 class="title text-primary">Donate to make a difference</h2>
           <p><strong>Your generous financial support makes coding accessible to kids across Chicago.</strong> Every donation makes a difference!</p>
 
-          <div id="cv-iframe-embed"></div>
+          <p><a class="button large tertiary" href="javascript:donsPlus.openWidget();">Donate</a></p>
         </div>
         <div class="cell medium-4 bg-dark-blue text-white padding-2">
           <div class="line bg-primary width-25 margin-bottom-3"></div>