Add sponsors to homepage and final tutorial link

www/wip_new_website/InteractiveExample.roc

@@ -1,6 +1,6 @@
 interface InteractiveExample
     exposes [view]
-    imports [pf.Html.{ pre, samp }, pf.Html.Attributes.{ class }]
+    imports [pf.Html.{ pre, samp, div, text, a, class, p }, pf.Html.Attributes.{ class, role, href, id }]
 
 Section : [Desc (List Token) Str, Indent, Outdent, Newline]
 Token : [
@@ -72,10 +72,18 @@ view =
             Desc [Literal "FileWriteErr", Ident "path", Kw "_", Kw "->", Ident "Stderr.line", StrInterpolation "\"Error writing to " "Path.display path" "\""] "<p>This line will run if the <code>File.writeUtf8</code> from earlier encountered a file I/O error.</p><p>It handles the error by printing an error message to <a href=\"https://en.wikipedia.org/wiki/Standard_streams#Standard_error_(stderr)\">stderr</a>.</p><p>The <code>_</code> is where more information about the error is stored in the <code>FileWriteErr</code>. If we wanted to print more detail about what the error was, we’d name that something other than <code>_</code> and actually use it.</p>",
         ]
 
-    pre [class "interactive-example"] [
-        samp [] [
-            Html.text output,
+    div [role "presentation"] [
+        pre [class "interactive-example"] [
+            samp [] [text output],
         ],
+        p [] [
+            text "To get started learning the language, try the ",
+            a [href "/tutorial"] [text "tutorial"],
+            text " next!",
+        ],
+        p [id "final-tutorial-link"] [
+            a [class "btn-small", href "/tutorial"] [text "Start Tutorial"]
+        ]
     ]
 
 tokensToStr : List Token -> Str

www/wip_new_website/content/index.md

@@ -109,6 +109,41 @@ It is easy to add support for other languages too.
 
 You can create your own! Learn about **platforms and applications**...
 
+## Sponsors
+
+We are very grateful for our corporate sponsors [Vendr](https://www.vendr.com/), [RWX](https://www.rwx.com), and [Tweede golf](https://tweedegolf.nl/en):
+
+<p id="sponsor-logos">
+    <a href="https://www.vendr.com"><img src="https://user-images.githubusercontent.com/1094080/223597445-81755626-a080-4299-a38c-3c92e7548489.png" height="60" alt="Vendr logo"/></a>
+    <a href="https://www.rwx.com"><img src="https://github.com/roc-lang/roc/assets/1094080/82c0868e-d23f-42a0-ac2d-c6e6b2e16575" height="60" alt="RWX logo"/></a>
+    <a href="https://tweedegolf.nl/en"><img src="https://user-images.githubusercontent.com/1094080/183123052-856815b1-8cc9-410a-83b0-589f03613188.svg" height="60" alt="tweede golf logo"/></a>
+</p>
+
+If you would like your company to become a corporate sponsor of Roc's development, please [DM Richard Feldman on Zulip](https://roc.zulipchat.com/#narrow/pm-with/281383-user281383)!
+
+We'd also like to express our gratitude to each and every one of our fantastic [GitHub sponsors](https://github.com/sponsors/roc-lang/)! A special thanks to those sponsoring $25/month or more:
+
+<ul id="individual-sponsors">
+    <li><a href="https://github.com/aaronwhite">Aaron White</a></li>
+    <li><a href="https://github.com/ayazhafiz">Ayaz Hafiz</a></li>
+    <li><a href="https://github.com/cdolan">Christopher Dolan</a></li>
+    <li><a href="https://github.com/Ivo-Balbaert">Ivo Balbaert</a></li>
+    <li><a href="https://github.com/Ocupe">Jonas Schell</a></li>
+    <li><a href="https://github.com/rvcas">Lucas Rosa</a></li>
+    <li><a href="https://github.com/nickgravgaard">Nick Gravgaard</a></li>
+    <li><a href="https://github.com/rtfeldman">Richard Feldman</a></li>
+    <li><a href="https://github.com/shritesh">Shritesh Bhattarai</a></li>
+    <li><a href="https://github.com/popara">Zeljko Nesic</a></li>
+</ul>
+
+Thank you all so much for helping Roc progress! 💜
+
+You can sponsor Roc by donating to the [Roc Programming Language Foundation](https://foundation.roc-lang.org/), a registered [US 503(c)(3) nonprofit organization](https://en.wikipedia.org/wiki/501(c)(3)_organization) (meaning donations to it are tax-exempt in the US) using:
+- [GitHub](https://github.com/sponsors/roc-lang)
+- [Liberapay](https://liberapay.com/roc_lang)
+
+We are a small team trying to do big things, and every donation helps!
+
 ## [Larger Example](#larger-example) {#larger-example}
 
 Here’s a larger example that shows a few different aspects of Roc:

www/wip_new_website/static/site.css

@@ -107,6 +107,40 @@ hr {
    border-color: #7c38f5;
 }
 
+#individual-sponsors {
+   list-style-type: none;
+   padding: 24px 40px;
+}
+
+#individual-sponsors li {
+  display: inline;
+  white-space: nowrap;
+}
+
+#individual-sponsors li::after {
+  content: ",";
+  white-space: pre; /* Preserve the space after the comma */
+}
+
+#individual-sponsors li:last-child::after {
+  content: ""; /* No comma after the last one */
+}
+
+#sponsor-logos {
+    background-color: #fff;
+    padding: 24px 36px;
+    padding-bottom: 12px;
+    border-radius: 24px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: 24px;
+}
+
+#final-tutorial-link {
+    padding-top: 12px;
+}
+
 /* Used for e.g. displaying the instruction "Click" on desktop and "Touch" on mobile.
  * When we think we're on mobile (based on max-width), we can switch the instruction.
 */