Updated index.tsx and home.json with new button text and link

locales/en/discord.json

@@ -0,0 +1,7 @@
+{
+    "title1": "Thanks for your response!",
+    "hero-p": "Your answers will greatly aid us in making Vignette the best-suited tool for your creative works.",
+    "discord-invite": "If you'd like to interact with the team and the community, come join our Discord server! Updates, announcements, and interaction in a one-stop shop.",
+    "join-discord-long": "Join our Discord ",
+    "join-discord-short": "Join our Discord"
+}

locales/en/home.json

@@ -1,9 +1,10 @@
 {
   "title1": "Make",
   "title2": "Your Impact.",
-  "hero-p": "Bring your inner creativity with Vignette, the open source modular streaming toolkit for virtual streaming.",
-  "join-discord-long": "Join our Discord for updates",
-  "join-discord-short": "Join our Discord",
+  "hero-p": "Unlock your creativity with Vignette, the open source toolkit designed for streaming, coming soon this 2024.",
+  "survey-invite": "While we're building the best application that can be, we want to put your needs front and center, and we need your voice to help us out.",
+  "join-survey-short": "Sign Me Up!",
+  "join-survey-long": "Make Yourself Heard",
   "design-smalltitle": "Overview",
   "design-title-line1": "A new way to",
   "design-title-line2": "stream",
@@ -20,4 +21,4 @@
   "about-button": "About",
   "partners-title": "Our Partners",
   "become-partner": "Become a partner"
-}
+}

pages/discord.tsx

@@ -0,0 +1,77 @@
+import type { GetStaticProps, NextPage } from 'next'
+
+import { useRouter } from 'next/router'
+
+import { Nav, SEO, Footer } from 'components'
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import { useTranslation } from 'next-i18next'
+import Button from 'components/Button'
+
+const Discord: NextPage = () => {
+  const { t } = useTranslation(`discord`)
+  const { locale } = useRouter()
+
+  return (
+    <>
+      <SEO title={`WE HAVE DISCORD!!`} />
+      <Nav />
+      <div
+        className="z-20 mt-[74px] overflow-x-clip pt-8 lg:relative"
+        id="content"
+      >
+        <div className="mx-auto mt-8 max-w-7xl grid-cols-1 px-6 lg:grid-cols-2 lg:gap-24 lg:pt-20 lg:pb-[14rem] xl:grid">
+          <div className="pb-8 lg:max-w-4xl">
+            <h1
+              className={
+                `gradient-primary bg-gradient-to-br bg-clip-text text-6xl font-bold text-transparent ` +
+                ([`en`, `ko`, `fil`, `de`].includes(locale as string)
+                  ? `xs:text-6xl lg:text-7xl   `
+                  : `xs:text-5xl lg:text-6xl `)
+              }
+            >
+              {t(`title1`)}
+              <br />
+            </h1>
+
+            <p className="my-4 text-lg text-black dark:text-neutral-200 xs:text-xl lg:mb-8 lg:max-w-[36ch] ">
+              {t(`hero-p`)}
+            </p>
+            <p className="my-4 text-lg text-black dark:text-neutral-200 xs:text-xl lg:mb-8 lg:max-w-[36ch] ">
+              {t(`discord-invite`)}
+            </p>
+
+            <Button
+              //small-button
+              href="https://discord.gg/rsPNAxwweg"
+              className=" inline-block sm:hidden"
+            >
+              {t(`join-discord-short`)}&rarr;
+            </Button>
+            <Button
+              size="large"
+              href="https://discord.gg/rsPNAxwweg"
+              className=" hidden sm:inline-block"
+            >
+              {t(`join-discord-long`)} &rarr;
+            </Button>
+          </div>
+        </div>
+      </div>
+      <Footer />
+    </>
+  )
+}
+
+export const getStaticProps: GetStaticProps = async ({ locale }) => {
+  return {
+    props: {
+      ...(await serverSideTranslations(locale as string, [
+        `discord`,
+        `nav`,
+        `common`,
+      ])),
+    },
+    revalidate: 10,
+  }
+}
+export default Discord

pages/index.tsx

@@ -45,18 +45,35 @@ const Home: NextPage<cache> = ({ contributors }) => {
               {t(`hero-p`)}
             </p>
 
+            <p className="my-4 text-lg text-black dark:text-neutral-200 xs:text-xl lg:mb-8 lg:max-w-[36ch] ">
+              {t(`survey-invite`)}
+            </p>
+
             <Button
-              href="https://discord.gg/rsPNAxwweg"
+              //small-button
+              onClick={() => {
+                window.open(
+                  `https://docs.google.com/forms/d/e/1FAIpQLSfqaFTQsKdWxQINWxMgMp_eSy3b37GyiPJhUfKfH-B1Q90dug/viewform`,
+                  `_blank`,
+                )
+                window.location.href = `/discord`
+              }}
               className=" inline-block sm:hidden"
             >
-              {t(`join-discord-short`)}&rarr;
+              {t(`join-survey-short`)}&rarr;
             </Button>
             <Button
               size="large"
-              href="https://discord.gg/rsPNAxwweg"
+              onClick={() => {
+                window.open(
+                  `https://docs.google.com/forms/d/e/1FAIpQLSfqaFTQsKdWxQINWxMgMp_eSy3b37GyiPJhUfKfH-B1Q90dug/viewform`,
+                  `_blank`,
+                )
+                window.location.href = `/discord`
+              }}
               className=" hidden sm:inline-block"
             >
-              {t(`join-discord-long`)} &rarr;
+              {t(`join-survey-long`)} &rarr;
             </Button>
           </div>
         </div>