From a43d4a3b86ef0dd04245e40e3c13c2ff241c0d09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Demenech?= <joaommdemenech@gmail.com>
Date: Mon, 21 Aug 2023 14:47:59 -0300
Subject: [PATCH] feat(site): the newsletter form is now a cloud waitlist form

Refs: #432
---
 site/components/Hero.tsx           | 2 +-
 site/components/NewsletterForm.tsx | 8 +++++---
 site/package-lock.json             | 8 ++++----
 site/package.json                  | 2 +-
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/site/components/Hero.tsx b/site/components/Hero.tsx
index f34b3b60..532ee254 100644
--- a/site/components/Hero.tsx
+++ b/site/components/Hero.tsx
@@ -25,7 +25,7 @@ export function Hero() {
               Rapidly build rich data portals using a modern frontend framework.
             </p>
 
-            <ButtonLink className="mt-8" href="/docs">
+            <ButtonLink style="secondary" className="mt-8" href="/docs">
               Get started
             </ButtonLink>
 
diff --git a/site/components/NewsletterForm.tsx b/site/components/NewsletterForm.tsx
index c3974a1c..04a3b7e6 100644
--- a/site/components/NewsletterForm.tsx
+++ b/site/components/NewsletterForm.tsx
@@ -1,6 +1,7 @@
 import { loadScripts } from '@/lib/loadNewsletterScripts';
 import Script from 'next/script';
 import { useEffect } from 'react';
+import { CloudIcon } from '@heroicons/react/solid';
 
 export default function NewsletterForm() {
   useEffect(() => {
@@ -28,8 +29,9 @@ export default function NewsletterForm() {
         id="sib-form-container"
         className="mt-8 sm:mx-auto sm:text-center lg:text-left lg:mx-0"
       >
-        <p className="text-base font-medium text-slate-400 dark:text-slate-400">
-          Sign up to get notified about updates
+        <p className="text-base font-medium flex items-center">
+          <CloudIcon className="w-6 h-6 mr-1" />
+          Join the PortalJS Cloud waitlist and get early access!
         </p>
         <div id="sib-container" className="!bg-transparent !p-0 !pb-5">
           <form
@@ -68,7 +70,7 @@ export default function NewsletterForm() {
               >
                 <path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" />
               </svg>
-              Notify Me
+              Join now
             </button>
             <input
               type="text"
diff --git a/site/package-lock.json b/site/package-lock.json
index 57d24db8..07bcdf9a 100644
--- a/site/package-lock.json
+++ b/site/package-lock.json
@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "@headlessui/react": "^1.3.0",
-        "@heroicons/react": "^1.0.3",
+        "@heroicons/react": "^1.0.6",
         "@mdx-js/loader": "^2.3.0",
         "@portaljs/core": "^1.0.6",
         "@portaljs/remark-callouts": "^1.0.5",
@@ -367,9 +367,9 @@
       }
     },
     "node_modules/@heroicons/react": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-1.0.3.tgz",
-      "integrity": "sha512-wdzWbDiFKzeL6xFJsgY2PqvDkx4hFmQDpEFRVj872EA71XOjr8g0DQj5rHWm0y7LwfGOFL0eQmEiMbTyGNOnTQ==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-1.0.6.tgz",
+      "integrity": "sha512-JJCXydOFWMDpCP4q13iEplA503MQO3xLoZiKum+955ZCtHINWnx26CUxVxxFQu/uLb4LW3ge15ZpzIkXKkJ8oQ==",
       "peerDependencies": {
         "react": ">= 16"
       }
diff --git a/site/package.json b/site/package.json
index 0da92a7a..ae3d5af5 100644
--- a/site/package.json
+++ b/site/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@headlessui/react": "^1.3.0",
-    "@heroicons/react": "^1.0.3",
+    "@heroicons/react": "^1.0.6",
     "@mdx-js/loader": "^2.3.0",
     "@portaljs/core": "^1.0.6",
     "@portaljs/remark-callouts": "^1.0.5",