diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
new file mode 100644
index 000000000000..bbbf9fb3117d
--- /dev/null
+++ b/docs/_includes/footer.html
@@ -0,0 +1,121 @@
+<div class="page-footer">
+    <div class="page-footer__wrapper">
+        <div class="columns">
+            <div class="column">
+                <h3>Features</h3>
+                <ul>
+                    <li>
+                        <a href="https://use.expensify.com/expense-management" alt="Expense Management" target="_blank">Expense Management</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/spend-management" alt="Spend Management" target="_blank">Spend Management</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/expense-reports" alt="Expense Reports" target="_blank">Expense Reports</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/company-credit-card" alt="Company Credit Card" target="_blank">Company Credit Card</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/receipt-scanning-app" alt="Receipt Scanning App" target="_blank">Receipt Scanning App</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/bills" alt="Bill Pay" target="_blank">Bill Pay</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/invoices" alt="Invoicing" target="_blank">Invoicing</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/cpa-card" alt="CPA Card" target="_blank">CPA Card</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/payroll" alt="Payroll" target="_blank">Payroll</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/travel" alt="Travel" target="_blank">Travel</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="column">
+                <h3>Resources</h3>
+                <ul>
+                    <li>
+                        <a href="https://use.expensify.com/accountants" alt="ExpensifyApproved!" target="_blank">ExpensifyApproved!</a>
+                    </li>
+
+                    <li>
+                        <a href="https://use.expensify.com/press-kit" alt="Press Kit" target="_blank">Press Kit</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/support" alt="Support" target="_blank">Support</a>
+                    </li>
+                    <li>
+                        <a href="https://help.expensify.com/" alt="ExpensifyHelp" target="_blank">ExpensifyHelp</a>
+                    </li>
+                    <li>
+                        <a href="https://community.expensify.com/" alt="Community" target="_blank">Community</a>
+                    </li>
+                    <li>
+                        <a href="https://use.expensify.com/privacy" alt="Privacy" target="_blank">Privacy</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="column">
+                <h3>Learn more</h3>
+                <ul>
+                    <li>
+                        <a href="https://we.are.expensify.com/how-we-got-here" alt="About Expensify" target="_blank">About Expensify</a>
+                    </li>
+                    <li>
+                        <a href="https://blog.expensify.com/" alt="Blog" target="_blank">Blog</a>
+                    </li>
+                    <li>
+                        <a href="https://we.are.expensify.com/" alt="Jobs" target="_blank">Jobs</a>
+                    </li>
+                    <li>
+                        <a href="https://www.expensify.org" alt="Expensify.org" target="_blank">Expensify.org</a>
+                    </li>
+                    <li>
+                        <a href="https://ir.expensify.com" alt="Investor Relations" target="_blank">Investor Relations</a>
+                    </li>
+                </ul>
+
+                <div class="page-footer__social-icons">
+                    <a href="https://we.are.expensify.com/podcast" class="social-media-link expensicons expensicons-podcast">
+                        <img src="/assets/images/social-podcast.svg" alt="Podcast" width="24" height="24">
+                    </a>
+                    <a href="https://www.twitter.com/expensify" class="social-media-link expensicons expensicons-twitter" target="_blank" rel="noreferer noopener">
+                        <img src="/assets/images/social-twitter.svg" alt="Twitter" width="24" height="24">
+                    </a>
+                    <a href="http://www.instagram.com/expensify" class="social-media-link expensicons expensicons-instagram" target="_blank" rel="noreferer noopener">
+                        <img src="/assets/images/social-instagram.svg" alt="Instagram" width="24" height="24">
+                    </a>
+                    <a href="https://www.facebook.com/expensify" class="social-media-link expensicons expensicons-facebook" target="_blank" rel="noreferer noopener">
+                        <img src="/assets/images/social-facebook.svg" alt="Twitter" width="24" height="24">
+                    </a>
+                    <a href="http://www.linkedin.com/company/expensify" class="social-media-link expensicons expensicons-linkedin" target="_blank" rel="noreferer noopener">
+                        <img src="/assets/images/social-linkedin.svg" alt="LinkedIn" width="24" height="24">
+                    </a>
+                </div>
+            </div>
+            <div class="column">
+                <h3>Get Started</h3>
+                <ul>
+                    <li>
+                        <a href="https://www.expensify.com" alt="Create a new account" target="_blank">Create a new account</a>
+                    </li>
+
+                    <li>
+                        <a href="https://www.expensify.com" alt="Log in" target="_blank">Log in</a>
+                    </li>
+                </ul>
+
+                <p class="page-footer__fine-print">&copy;2008-<script type="text/javascript">document.write(new Date().getFullYear());</script> Expensify, Inc.</p>
+            </div>
+        </div>
+
+        <div class="page-footer__logo">
+            <img src="/assets/images/expensify-footer-logo.svg" alt="Expensify" />
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 37a6242a409b..292d4e52b5b3 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -73,6 +73,10 @@ <h3 class="title with-margin">Didn't find what you were looking for?</h3>
                 <button class="success">Send a message</button>
             </div>
         </a>
+
+        <div id="footer">
+            {% include footer.html %}
+        </div>
     </div>
 </body>
 </html>
diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss
index 332b271f7784..93d53b22ccf4 100644
--- a/docs/_sass/_main.scss
+++ b/docs/_sass/_main.scss
@@ -289,7 +289,7 @@ button {
     background-color: $color-super-dark-green;
     min-height: 100vh;
     margin-left: 0;
-    padding: 80px 24px 24px 24px;
+    padding: 80px 24px 0px 24px;
 
     @include breakpoint($breakpoint-tablet) {
         margin-left: 320px;
@@ -298,7 +298,7 @@ button {
     @include breakpoint($breakpoint-desktop) {
         /* Same as the width of the lhn */
         margin-left: 420px;
-        padding: 52px 68px;
+        padding: 52px 68px 0 68px;
         box-sizing: border-box;
     }
 
@@ -306,7 +306,7 @@ button {
         margin-left: 420px;
         /* On wide screens, the padding needs to be equal to
         the view width, minus the content size, minus the lhn size, divided by two. */
-        padding: 52px calc((100vw - 1000px - 420px)/2);
+        padding: 52px calc((100vw - 1000px - 420px)/2) 0 calc((100vw - 1000px - 420px)/2);
     }
 
     ul,
@@ -598,3 +598,103 @@ button {
         overflow: hidden;
     }
 }
+
+.page-footer {
+    font-size: 15px;
+
+    @include maxBreakpoint($breakpoint-desktop) {
+        background: url('/assets/images/expensify-footer-logo--vertical.svg') no-repeat right 120px;
+        background-size: 111px 618px;
+        margin-right: -25px;
+    }
+
+    h3 {
+        color: $color-green;
+        font-size: 17px;
+        font-weight: 700;
+        margin-bottom: 16px;
+    }
+
+    ul {
+        margin: 0px !important;
+        padding: 0;
+
+        li {
+            list-style-type: none !important;
+            margin: 0 0 8px;
+
+            a {
+                color: $color-white;
+                display: block;
+                padding: 4px 0;
+                word-break: break-word;
+
+                &:hover {
+                    color: $color-green;
+                }
+            }
+        }
+    }
+
+    &__social-icons {
+        padding-bottom: 20px;
+
+        a {
+            color: $color-white;
+            display: inline-block;
+
+            &:hover {
+                color: $color-green;
+            }
+        }
+    }
+
+    &__fine-print {
+        color: $color-gray-green;
+        font-size: 10px;
+
+        a {
+            color: $color-link;
+        }
+    }
+
+    // Big logo at the bottom
+    &__logo {
+        margin-top: 40px;
+
+        img {
+            display: block;
+        }
+
+        @include maxBreakpoint($breakpoint-desktop) {
+            display: none;
+        }
+    }
+
+    &__wrapper {
+        margin: 0 auto;
+        max-width: 1000px;
+        padding: 64px 0 0;
+
+        @include maxBreakpoint($breakpoint-tablet) {
+            padding: 64px 0px 20px;
+        }
+    }
+
+    .columns {
+        @include breakpoint($breakpoint-desktop) {
+            display: flex;
+            margin-left: (-1 * 16px);
+            margin-right: (-1 * 16px);
+        }
+    }
+
+    .column {
+        margin-bottom: 40px;
+
+        @include breakpoint($breakpoint-desktop) {
+            padding: 16px;
+            width: 25%;
+        }
+    }
+}
diff --git a/docs/assets/images/expensify-footer-logo--vertical.svg b/docs/assets/images/expensify-footer-logo--vertical.svg
new file mode 100644
index 000000000000..58dc05ad2944
--- /dev/null
+++ b/docs/assets/images/expensify-footer-logo--vertical.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 176 980" style="enable-background:new 0 0 176 980;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#03D47C;}
+</style>
+<g>
+	<path class="st0" d="M40.6,212.5c0-12-9-20.7-20.3-20.7c-11.2,0-20,8.5-20,20.7c0,12,8.8,20.5,20,20.5S40.6,224.4,40.6,212.5z"/>
+	<path class="st0" d="M151.3,290.8c0,13.5-4.9,19.6-16,21.3v38.1c21.6-1.6,35.2-13.2,40.7-33.6v-49.9c-5.2-19.7-17.5-30.7-37-30.7
+		c-21.2,0-30.8,14.3-38.2,47l0,0l-2.2,9.8c-2.2,10.3-6.7,13.9-11.4,13.9c-6.7,0-11-5.6-11-14.7c0-11.5,3.7-17.6,14.8-17.6v-33.7
+		c-25.4,0.8-40.4,15.6-40.4,53c0,32.3,12,51.6,38.9,51.6c21.2,0,30.8-14.3,38.2-47l2.2-9.8c2.2-10.3,7-13.9,11.7-13.9
+		C148.3,274.6,151.3,280.5,151.3,290.8z"/>
+	<path class="st0" d="M176,173v-39H91v-22l81.8-29.3l3.2,1.2V45.3L55.4,0v39.8l0,0l73.7,22L55.4,83.2v50.6h-3.8
+		c-9.9,0-19.7-7.3-19.7-18.8v-5.6H0v8C0.8,151,24.3,173,53.9,173h1.5v14.6H91V173H176z"/>
+	<rect x="55.4" y="192.6" class="st0" width="120.5" height="39"/>
+	<polygon class="st0" points="176,868.2 176,820.4 143.5,801.3 176,782.4 176,733.2 113.6,776 55.2,735.8 55.2,783.7 84.3,799.7 
+		55.2,816.4 55.2,865.6 113.6,825.4 	"/>
+	<path class="st0" d="M108.8,431.8c-16.1,0-23.5-8.3-23.5-19.1c0-11.5,4.9-18.3,23.2-18.3H176v-39.1h-70.4
+		c-38.1,0-53.3,15.4-53.3,45.7c0,13.5,5.9,25.4,17.1,33.2H55.2v36.7H176v-39.1L108.8,431.8L108.8,431.8z"/>
+	<polygon class="st0" points="143.9,871.3 143.9,940 114.2,940 114.2,884.7 81.3,884.7 81.3,940 53.1,940 53.1,871.3 21,871.3 
+		21,980 176,980 176,871.3 	"/>
+	<path class="st0" d="M176,691.2h-9.1c3.9-3.7,7-8.5,9.1-14v-34.6c-7.6-22.1-29.5-36.3-60.4-36.3c-38.6,0-63.3,21-63.3,54l0,0
+		c0,13.2,5.4,24.7,15.7,33.2H55.2v36.7H176V691.2z M84.3,669c0-14.7,11.3-23.5,31.3-23.5s31.3,8.8,31.3,23.5s-11.5,23.5-31.3,23.5
+		S84.3,683.7,84.3,669z"/>
+	<path class="st0" d="M176,559.2v-43.6c-4.8-16.7-16.4-32.3-41.1-38.6v39.6c6.6,1.7,13.4,6.9,13.5,20.8c0,12-6.9,21-24.4,23.2v-83.4
+		h-5.1c-37.7,0-66.5,21-66.5,61.9c0,28.9,15.7,62.1,63.3,62.1C146.5,601.2,168.4,585.3,176,559.2z M81.1,539.1
+		c0-11.3,6.4-18.8,20.3-20.1v40.8C86,557,81.1,548.4,81.1,539.1z"/>
+</g>
+</svg>
diff --git a/docs/assets/images/expensify-footer-logo.svg b/docs/assets/images/expensify-footer-logo.svg
new file mode 100644
index 000000000000..e664651b84fd
--- /dev/null
+++ b/docs/assets/images/expensify-footer-logo.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 980 176" style="enable-background:new 0 0 980 176;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#03D47C;}
+</style>
+<g>
+	<path class="st0" d="M767.5,40.6c12,0,20.7-9,20.7-20.3c0-11.2-8.5-20-20.7-20c-12,0-20.5,8.8-20.5,20S755.6,40.6,767.5,40.6z"/>
+	<path class="st0" d="M689.2,151.3c-13.5,0-19.6-4.9-21.3-16h-38.1c1.6,21.6,13.2,35.2,33.6,40.7h49.9c19.7-5.2,30.7-17.5,30.7-37
+		c0-21.2-14.3-30.8-47-38.2l0,0l-9.8-2.2c-10.3-2.2-13.9-6.7-13.9-11.4c0-6.7,5.6-11,14.7-11c11.5,0,17.6,3.7,17.6,14.8h33.7
+		c-0.8-25.4-15.6-40.4-53-40.4c-32.3,0-51.6,12-51.6,38.9c0,21.2,14.3,30.8,47,38.2l9.8,2.2c10.3,2.2,13.9,7,13.9,11.7
+		C705.4,148.3,699.5,151.3,689.2,151.3z"/>
+	<path class="st0" d="M807,176h39V91h22l29.3,81.8l-1.2,3.2h38.6L980,55.4h-39.8l0,0l-22,73.7l-21.5-73.7h-50.6v-3.8
+		c0-9.9,7.3-19.7,18.8-19.7h5.6V0h-8C829,0.8,807,24.3,807,53.9v1.5h-14.6V91H807V176z"/>
+	<rect x="748.4" y="55.4" class="st0" width="39" height="120.5"/>
+	<polygon class="st0" points="111.8,176 159.6,176 178.7,143.5 197.6,176 246.8,176 204,113.6 244.2,55.2 196.3,55.2 180.3,84.3 
+		163.6,55.2 114.4,55.2 154.6,113.6 	"/>
+	<path class="st0" d="M548.2,108.8c0-16.1,8.3-23.5,19.1-23.5c11.5,0,18.3,4.9,18.3,23.2V176h39.1v-70.4c0-38.1-15.4-53.3-45.7-53.3
+		c-13.5,0-25.4,5.9-33.2,17.1V55.2h-36.7V176h39.1L548.2,108.8L548.2,108.8z"/>
+	<polygon class="st0" points="108.7,143.9 40,143.9 40,114.2 95.3,114.2 95.3,81.3 40,81.3 40,53.1 108.7,53.1 108.7,21 0,21 0,176 
+		108.7,176 	"/>
+	<path class="st0" d="M288.8,176v-9.1c3.7,3.9,8.5,7,14,9.1h34.6c22.1-7.6,36.3-29.5,36.3-60.4c0-38.6-21-63.3-54-63.3l0,0
+		c-13.2,0-24.7,5.4-33.2,15.7V55.2h-36.7V176H288.8z M311,84.3c14.7,0,23.5,11.3,23.5,31.3s-8.8,31.3-23.5,31.3
+		s-23.5-11.5-23.5-31.3S296.3,84.3,311,84.3z"/>
+	<path class="st0" d="M420.8,176h43.6c16.7-4.8,32.3-16.4,38.6-41.1h-39.6c-1.7,6.6-6.9,13.4-20.8,13.5c-12,0-21-6.9-23.2-24.4h83.4
+		v-5.1c0-37.7-21-66.5-61.9-66.5c-28.9,0-62.1,15.7-62.1,63.3C378.8,146.5,394.7,168.4,420.8,176z M440.9,81.1
+		c11.3,0,18.8,6.4,20.1,20.3h-40.8C423,86,431.6,81.1,440.9,81.1z"/>
+</g>
+</svg>
diff --git a/docs/assets/images/social-facebook.svg b/docs/assets/images/social-facebook.svg
new file mode 100644
index 000000000000..e10f0b21b4dc
--- /dev/null
+++ b/docs/assets/images/social-facebook.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" fill="#FFF" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<path d="M11.2,16.2v-6.1h2l0.2-2.4h-2.2V6.1c0-0.6,0.2-1.1,1.2-1.1h1.2V2.9c-0.2,0-1-0.1-1.9-0.1c-1.9,0-3.1,1.1-3.1,3.1v1.8h-2V10
+	h2.1v6.2H11.2z"/>
+</svg>
diff --git a/docs/assets/images/social-instagram.svg b/docs/assets/images/social-instagram.svg
new file mode 100644
index 000000000000..848a8563403e
--- /dev/null
+++ b/docs/assets/images/social-instagram.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" fill="#FFF" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<path d="M10,4.3c1.9,0,2.1,0,2.8,0c0.7,0,1.1,0.1,1.3,0.2c0.3,0.1,0.6,0.3,0.8,0.5c0.2,0.2,0.4,0.5,0.5,0.8c0.1,0.2,0.2,0.6,0.2,1.3
+	c0,0.7,0,1,0,2.8c0,1.9,0,2.1,0,2.8c0,0.7-0.1,1.1-0.2,1.3c-0.1,0.3-0.3,0.6-0.5,0.8c-0.2,0.2-0.5,0.4-0.8,0.5
+	c-0.2,0.1-0.6,0.2-1.3,0.2c-0.7,0-1,0-2.8,0c-1.9,0-2.1,0-2.8,0c-0.7,0-1.1-0.1-1.3-0.2c-0.3-0.1-0.6-0.3-0.8-0.5
+	c-0.2-0.2-0.4-0.5-0.5-0.8c-0.1-0.2-0.2-0.6-0.2-1.3c0-0.7,0-1,0-2.8c0-1.9,0-2.1,0-2.8c0-0.7,0.1-1.1,0.2-1.3
+	c0.1-0.3,0.3-0.6,0.5-0.8c0.2-0.2,0.5-0.4,0.8-0.5c0.2-0.1,0.6-0.2,1.3-0.2C7.9,4.3,8.1,4.3,10,4.3z M10,3C8.1,3,7.9,3,7.1,3
+	c-0.7,0-1.3,0.2-1.7,0.3C5,3.5,4.6,3.8,4.2,4.2C3.8,4.6,3.5,5,3.4,5.4C3.2,5.9,3.1,6.4,3,7.1c0,0.7,0,1,0,2.9c0,1.9,0,2.1,0,2.9
+	c0,0.7,0.2,1.3,0.3,1.7c0.2,0.5,0.4,0.9,0.8,1.2c0.4,0.4,0.8,0.6,1.2,0.8c0.4,0.2,1,0.3,1.7,0.3c0.7,0,1,0,2.9,0c1.9,0,2.1,0,2.9,0
+	c0.7,0,1.3-0.2,1.7-0.3c0.5-0.2,0.9-0.4,1.2-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.4,0.3-1,0.3-1.7c0-0.7,0-1,0-2.9c0-1.9,0-2.1,0-2.9
+	c0-0.7-0.2-1.3-0.3-1.7c-0.2-0.5-0.4-0.9-0.8-1.2c-0.4-0.4-0.8-0.6-1.2-0.8c-0.4-0.2-1-0.3-1.7-0.3C12.1,3,11.9,3,10,3z"/>
+<path d="M10,6.4C8,6.4,6.4,8,6.4,10c0,2,1.6,3.6,3.6,3.6c2,0,3.6-1.6,3.6-3.6C13.6,8,12,6.4,10,6.4z M10,12.3c-1.3,0-2.3-1-2.3-2.3
+	c0-1.3,1-2.3,2.3-2.3s2.3,1,2.3,2.3C12.3,11.3,11.3,12.3,10,12.3z"/>
+<path d="M13.7,7.1c0.5,0,0.8-0.4,0.8-0.8s-0.4-0.8-0.8-0.8s-0.8,0.4-0.8,0.8S13.3,7.1,13.7,7.1z"/>
+</svg>
diff --git a/docs/assets/images/social-linkedin.svg b/docs/assets/images/social-linkedin.svg
new file mode 100644
index 000000000000..d1715494c23a
--- /dev/null
+++ b/docs/assets/images/social-linkedin.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" fill="#FFF" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<path d="M5.1,3.8c-0.8,0-1.5,0.6-1.5,1.5s0.6,1.5,1.5,1.5s1.5-0.6,1.5-1.5C6.8,4.4,6,3.8,5.1,3.8z M3.9,16.2h2.6V8H3.9V16.2z
+	 M13.2,7.6c0,0-2-0.1-2.6,1.4V8H8.1v8.2h2.6v-4.5c0-0.1,0-1.8,1.6-1.8c1.4,0,1.4,2,1.4,2v4.2h2.5v-4.9C16.1,11.4,16.5,7.6,13.2,7.6z
+	"/>
+</svg>
diff --git a/docs/assets/images/social-podcast.svg b/docs/assets/images/social-podcast.svg
new file mode 100644
index 000000000000..b3db63124d2a
--- /dev/null
+++ b/docs/assets/images/social-podcast.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" fill="#FFF" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<path d="M6.2,1.4C6,1.6,6,2,6.2,2.1S6.8,2.2,6.9,2c0.4-0.4,0.8-0.6,1.2-0.8C8.8,1,9.4,0.9,10,0.9s1.2,0.1,1.9,0.4
+	c0.5,0.2,0.9,0.5,1.2,0.8c0.1,0.1,0.4,0.2,0.6,0.1s0.4-0.5,0.1-0.8C13.5,1,13,0.8,12.4,0.5C11.6,0.1,10.9,0,10,0S8.4,0.1,7.6,0.5
+	C7.1,0.8,6.6,1,6.2,1.4z"/>
+<path d="M7.5,4.2c-0.1-0.1-0.2-0.4,0-0.5c0.2-0.2,0.6-0.5,1-0.8s1-0.4,1.5-0.4c0.5,0,1.1,0.1,1.6,0.4c0.4,0.1,0.6,0.4,0.9,0.8
+	c0.1,0.1,0.1,0.5-0.1,0.6c-0.1,0.1-0.4,0-0.5-0.1c-0.2-0.2-0.5-0.4-0.6-0.5c-0.4-0.1-0.9-0.2-1.3-0.2c-0.4,0-0.9,0.1-1.2,0.2
+	C8.6,3.9,8.4,4,8.1,4.2C8,4.4,7.7,4.5,7.5,4.2z"/>
+<path d="M10,5.2C9,5.2,8.2,6,8.2,7v4.4c0,1,0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8V7C11.8,6,11,5.2,10,5.2z"/>
+<path d="M7,9.6c0-0.2-0.2-0.4-0.4-0.4C6.2,9.1,6.1,9.4,6.1,9.6v1.7c0,2,1.5,3.6,3.5,3.9v2.6H7.9c-0.2,0-0.4,0.2-0.4,0.4
+	s0.1,0.5,0.4,0.5h4.4c0.2,0,0.4-0.2,0.4-0.4S12.4,18,12.2,18h-1.9v-2.6c2-0.2,3.5-1.9,3.5-3.9V9.6c0-0.2-0.2-0.4-0.4-0.4
+	c-0.2,0-0.4,0.2-0.4,0.4v1.7c0,1.6-1.4,3-3,3s-3-1.4-3-3V9.6H7z"/>
+</svg>
diff --git a/docs/assets/images/social-twitter.svg b/docs/assets/images/social-twitter.svg
new file mode 100644
index 000000000000..40465f27185c
--- /dev/null
+++ b/docs/assets/images/social-twitter.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" fill="#FFF" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<path d="M16.2,6.2c-0.5,0.2-1,0.4-1.5,0.4c0.5-0.4,0.9-0.9,1.1-1.4c-0.5,0.2-1,0.5-1.6,0.6C13.9,5.4,13.1,5,12.4,5
+	c-1.6,0-2.9,1.5-2.5,3.1c-2.1,0-4-1-5.2-2.6C4,6.6,4.2,8.1,5.5,9C5,8.9,4.6,8.8,4.2,8.6c0,1.2,0.9,2.2,2,2.5
+	c-0.2,0.1-0.6,0.1-1.1,0.1c0.4,1,1.2,1.8,2.4,1.8c-1.1,0.9-2.4,1.2-3.8,1c1.1,0.8,2.5,1.1,3.9,1.1c4.8,0,7.5-4,7.2-7.6
+	C15.5,7.2,15.9,6.8,16.2,6.2z"/>
+</svg>
diff --git a/docs/assets/images/social-youtube.svg b/docs/assets/images/social-youtube.svg
new file mode 100644
index 000000000000..60cfcd9e4147
--- /dev/null
+++ b/docs/assets/images/social-youtube.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" fill="#FFF" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;}
+</style>
+<path class="st0" d="M4.3,4.6C3.1,4.7,2.2,5.8,2.1,7.1C2,8.2,2,9.5,2,10.3c0,0.9,0,2.2,0.1,3.3c0.1,1.3,1,2.4,2.2,2.5
+	c1.4,0.1,3.3,0.3,5.7,0.3c2.4,0,4.3-0.1,5.7-0.3c1.2-0.1,2.1-1.2,2.2-2.5c0.1-1.2,0.1-2.5,0.1-3.3c0-0.8,0-2.1-0.1-3.2
+	c-0.1-1.3-1-2.4-2.2-2.5c-1.3-0.1-3.3-0.2-5.7-0.2C7.6,4.4,5.7,4.5,4.3,4.6L4.3,4.6z M8.4,7.8l4.1,2.5l-4.1,2.5V7.8z"/>
+</svg>