[Beta] Add a survey (#5133)

* [Beta] Add a survey

* wording

beta/src/components/Layout/Footer.tsx

@@ -5,9 +5,11 @@
 import * as React from 'react';
 import NextLink from 'next/link';
 import cn from 'classnames';
+import ButtonLink from 'components/ButtonLink';
 import {ExternalLink} from 'components/ExternalLink';
 import {IconFacebookCircle} from 'components/Icon/IconFacebookCircle';
 import {IconTwitter} from 'components/Icon/IconTwitter';
+import {IconNavArrow} from 'components/Icon/IconNavArrow';
 
 export function Footer() {
   const socialLinkClasses = 'hover:text-primary dark:text-primary-dark';
@@ -16,6 +18,26 @@ export function Footer() {
       <div className="self-stretch w-full">
         <div className="mx-auto w-full px-5 sm:px-12 md:px-12 pt-10 md:pt-12 lg:pt-10">
           <hr className="max-w-7xl mx-auto border-border dark:border-border-dark" />
+          <div className="flex flex-col items-center m-4 p-4">
+            <p className="font-bold text-primary dark:text-primary-dark text-lg mb-4">
+              How do you like these docs?
+            </p>
+            <div>
+              <ButtonLink
+                href="https://www.surveymonkey.co.uk/r/PYRPF3X"
+                className="mt-1"
+                type="primary"
+                size="md"
+                target="_blank">
+                Take our survey!
+                <IconNavArrow
+                  displayDirection="right"
+                  className="inline ml-1"
+                />
+              </ButtonLink>
+            </div>
+          </div>
+          <hr className="max-w-7xl mx-auto border-border dark:border-border-dark" />
         </div>
         <footer className="text-secondary dark:text-secondary-dark py-12 px-5 sm:px-12 md:px-12 sm:py-12 md:py-16 lg:py-14">
           <div className="grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-5 gap-x-12 gap-y-8 max-w-7xl mx-auto ">

beta/src/content/index.md

@@ -16,10 +16,6 @@ We are rewriting the React documentation with a few differences:
 
 This beta website contains the current draft of the new docs.
 
-## This is a work in progress! {/*this-is-a-work-in-progress*/}
-
-This is a **beta website.** There will be bugs, performance issues, and missing content.
-
 ## How much content is ready? {/*how-much-content-is-ready*/}
 
 * [Learn React](/learn): ~95% finished.
@@ -29,7 +25,7 @@ You can track our progress [on GitHub.](https://github.com/reactjs/reactjs.org/i
 
 ## How can I provide feedback? {/*how-can-i-provide-feedback*/}
 
-Please use [this GitHub issue](https://github.com/reactjs/reactjs.org/issues/3308) or [this anonymous form](https://www.surveymonkey.co.uk/r/Y6GH986) for high-level feedback. If you spot something that doesn't make sense, please tell us! Additionally, each page has thumbs up/down buttons in the corner.
+Please use [this GitHub issue](https://github.com/reactjs/reactjs.org/issues/3308) or [this anonymous form](https://www.surveymonkey.co.uk/r/PYRPF3X) for high-level feedback. If you spot something that doesn't make sense, please tell us! Additionally, each page has thumbs up/down buttons in the corner.
 
 ## Will this site replace the main site? {/*will-this-site-replace-the-main-site*/}