Add button to 2.0 beta

src/icons/SocialPatreonIcon.tsx

@@ -2,14 +2,12 @@ function SocialPatreonIcon() {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width="18"
-      height="15"
+      height="24"
       viewBox="0 0 24 24"
+      width="24"
       fill="currentcolor"
-      style={{ margin: "0 4px" }}
     >
-      <path d="M10.4711281,0 C7.07263915,0 4.30769231,2.7646696 4.30769231,6.1630697 C4.30769231,9.55120557 7.07263915,12.3076923 10.4711281,12.3076923 C13.8591141,12.3076923 16.6153846,9.55120557 16.6153846,6.1630697 C16.6153846,2.7646696 13.8591141,0 10.4711281,0"></path>
-      <polygon points="0.615384615 16 3.07692308 16 3.07692308 0 0.615384615 0"></polygon>
+      <path d="M24 12c0 6.63-5.37 12-12 12S0 18.63 0 12 5.37 0 12 0s12 5.37 12 12Zm-9.491-7A5.515 5.515 0 0 0 9 10.508C9 13.536 11.471 16 14.509 16A5.498 5.498 0 0 0 20 10.508C20 7.471 17.537 5 14.509 5M6 19h2V5H6v14Z" />
     </svg>
   );
 }

src/routes/Home.tsx

@@ -23,7 +23,7 @@ import { useAuth } from "../contexts/AuthContext";
 import RedditIcon from "../icons/SocialRedditIcon";
 import TwitterIcon from "../icons/SocialTwitterIcon";
 import YouTubeIcon from "../icons/SocialYouTubeIcon";
-import PatreonIcon from "../icons/SocialPatreonIcon";
+import SocialPatreonIcon from "../icons/SocialPatreonIcon";
 
 import owlington from "../images/Owlington.png";
 
@@ -69,9 +69,8 @@ function Home() {
                 "system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif",
             }}
           >
-            Check out our new{" "}
-            <Link href="https://blog.owlbear.rodeo/">blog</Link> for all the
-            news on the next version of Owlbear Rodeo
+            Check out our <Link href="https://blog.owlbear.rodeo/">blog</Link>{" "}
+            for all the news on the next version of Owlbear Rodeo
           </Paragraph>
         </Message>
         <Button
@@ -98,7 +97,7 @@ function Home() {
         <Button
           as="a"
           // @ts-ignore
-          href="https://patreon.com/owlbearrodeo"
+          href="https://owlbear.app/"
           mt={4}
           mx={2}
           mb={2}
@@ -108,7 +107,7 @@ function Home() {
             justifyContent: "center",
           }}
         >
-          Patreon <PatreonIcon />
+          Owlbear Rodeo 2.0 Beta
         </Button>
         <Flex mb={4} mt={0} sx={{ justifyContent: "center" }}>
           <Link href="https://www.reddit.com/r/OwlbearRodeo/">
@@ -126,6 +125,11 @@ function Home() {
               <YouTubeIcon />
             </IconButton>
           </Link>
+          <Link href="https://patreon.com/owlbearrodeo">
+            <IconButton title="Patreon" aria-label="Patreon">
+              <SocialPatreonIcon />
+            </IconButton>
+          </Link>
         </Flex>
         <JoinModal
           isOpen={isJoinModalOpen}