knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(site): the newsletter form is now a cloud waitlist form

Browse Source 
Refs: #432
This commit is contained in:
João Demenech 2023-08-21 14:47:59 -03:00
parent 4bc7ce5ce7
commit a43d4a3b86
4 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/components/Hero.tsx
View File

@ -25,7 +25,7 @@ export function Hero() {
Rapidly build rich data portals using a modern frontend framework. Rapidly build rich data portals using a modern frontend framework.
</p> </p>
<ButtonLink className="mt-8" href="/docs"> <ButtonLink style="secondary" className="mt-8" href="/docs">
Get started Get started
</ButtonLink> </ButtonLink>

8
site/components/NewsletterForm.tsx
View File

@ -1,6 +1,7 @@
import { loadScripts } from '@/lib/loadNewsletterScripts'; import { loadScripts } from '@/lib/loadNewsletterScripts';
import Script from 'next/script'; import Script from 'next/script';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { CloudIcon } from '@heroicons/react/solid';
export default function NewsletterForm() { export default function NewsletterForm() {
useEffect(() => { useEffect(() => {
@ -28,8 +29,9 @@ export default function NewsletterForm() {
id="sib-form-container" id="sib-form-container"
className="mt-8 sm:mx-auto sm:text-center lg:text-left lg:mx-0" 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"> <p className="text-base font-medium flex items-center">
Sign up to get notified about updates <CloudIcon className="w-6 h-6 mr-1" />
Join the PortalJS Cloud waitlist and get early access!
</p> </p>
<div id="sib-container" className="!bg-transparent !p-0 !pb-5"> <div id="sib-container" className="!bg-transparent !p-0 !pb-5">
<form <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" /> <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> </svg>
Notify Me Join now
</button> </button>
<input <input
type="text" type="text"

8
site/package-lock.json generated
View File

@ -9,7 +9,7 @@
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"@headlessui/react": "^1.3.0", "@headlessui/react": "^1.3.0",
"@heroicons/react": "^1.0.3", "@heroicons/react": "^1.0.6",
"@mdx-js/loader": "^2.3.0", "@mdx-js/loader": "^2.3.0",
"@portaljs/core": "^1.0.6", "@portaljs/core": "^1.0.6",
"@portaljs/remark-callouts": "^1.0.5", "@portaljs/remark-callouts": "^1.0.5",
@ -367,9 +367,9 @@
} }
}, },
"node_modules/@heroicons/react": { "node_modules/@heroicons/react": {
"version": "1.0.3", "version": "1.0.6",
"resolved": "https://registry.npmjs.org/@heroicons/react/-/react-1.0.3.tgz", "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-1.0.6.tgz",
"integrity": "sha512-wdzWbDiFKzeL6xFJsgY2PqvDkx4hFmQDpEFRVj872EA71XOjr8g0DQj5rHWm0y7LwfGOFL0eQmEiMbTyGNOnTQ==", "integrity": "sha512-JJCXydOFWMDpCP4q13iEplA503MQO3xLoZiKum+955ZCtHINWnx26CUxVxxFQu/uLb4LW3ge15ZpzIkXKkJ8oQ==",
"peerDependencies": { "peerDependencies": {
"react": ">= 16" "react": ">= 16"
} }

2
site/package.json
View File

@ -12,7 +12,7 @@
}, },
"dependencies": { "dependencies": {
"@headlessui/react": "^1.3.0", "@headlessui/react": "^1.3.0",
"@heroicons/react": "^1.0.3", "@heroicons/react": "^1.0.6",
"@mdx-js/loader": "^2.3.0", "@mdx-js/loader": "^2.3.0",
"@portaljs/core": "^1.0.6", "@portaljs/core": "^1.0.6",
"@portaljs/remark-callouts": "^1.0.5", "@portaljs/remark-callouts": "^1.0.5",