mirror of
https://github.com/formbricks/formbricks.git
synced 2026-01-25 03:09:24 -06:00
weekly-update (#162)
This commit is contained in:
61
apps/formbricks-com/components/shared/NewsletterSignup.tsx
Normal file
61
apps/formbricks-com/components/shared/NewsletterSignup.tsx
Normal file
@@ -0,0 +1,61 @@
|
||||
import Image from "next/image";
|
||||
import Button from "@/components/shared/Button";
|
||||
import Friends from "@/images/newsletter-signup-gif.gif";
|
||||
|
||||
export default function WaitlistForm() {
|
||||
return (
|
||||
<div className="not-prose text-md mx-auto mt-12 max-w-7xl rounded-lg bg-slate-200 p-10 text-slate-500 shadow-lg dark:bg-slate-800 dark:text-slate-400">
|
||||
<p className="my-0 text-2xl font-bold text-slate-600 dark:text-slate-300">Build in public</p>
|
||||
Get all the juicy details of our journey building Formbricks in public 👇
|
||||
<div className="mt-8 gap-4 md:grid md:grid-cols-2">
|
||||
<form method="post" action="https://listmonk.formbricks.com/subscription/form">
|
||||
<div className="p-6 ">
|
||||
<div>
|
||||
<input type="hidden" name="nonce" />
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
required
|
||||
placeholder="Email"
|
||||
className="block w-full rounded-xl text-slate-900 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm"
|
||||
/>
|
||||
<label htmlFor="email" className="ml-2 block text-sm text-slate-400 dark:text-slate-500">
|
||||
Work or personal
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
placeholder="Name"
|
||||
required
|
||||
className="mt-4 block w-full rounded-xl text-slate-900 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm"
|
||||
/>
|
||||
<label htmlFor="name" className="ml-2 block text-sm text-slate-400 dark:text-slate-500">
|
||||
Optional but appreciated
|
||||
</label>
|
||||
</div>
|
||||
<div className="hidden">
|
||||
<input
|
||||
id="e0084"
|
||||
type="checkbox"
|
||||
name="l"
|
||||
checked
|
||||
value="e0084486-8751-43e4-8cfb-58b7c3f5f318"
|
||||
readOnly
|
||||
/>
|
||||
<label htmlFor="e0084">Build in public</label>
|
||||
</div>
|
||||
<Button type="submit" className="mt-5 w-full justify-center">
|
||||
Subscribe
|
||||
</Button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<Image src={Friends} alt="Sign up to newsletter" className="not-prose rounded-xl" />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
BIN
apps/formbricks-com/images/newsletter-signup-gif.gif
Normal file
BIN
apps/formbricks-com/images/newsletter-signup-gif.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 461 KiB |
@@ -1,11 +1,11 @@
|
||||
import Image from "next/image";
|
||||
import LayoutMdx from "@/components/shared/LayoutMdx";
|
||||
import Button from "@/components/shared/Button";
|
||||
import Mockup from "./demo mockup for formbricks hq open source form and survey tool.png";
|
||||
import NewLogo from "./formbricks new logo mockup community feedback.png";
|
||||
import Community from "./community feedback logo and name.png";
|
||||
import Storybook from "./storybook for formbricks survey form builder.png";
|
||||
import HeaderImage from "./weeklyupdate.png";
|
||||
import NewsletterSignup from "@/components/shared/NewsletterSignup";
|
||||
|
||||
export const meta = {
|
||||
title: "Weekly Summary - 18th Nov 2022",
|
||||
@@ -91,42 +91,6 @@ Let’s hope Elon doesn’t break it too soon.
|
||||
|
||||
## Have a great weekend!
|
||||
|
||||
---
|
||||
|
||||
<div className="mx-auto max-w-7xl px-5 py-5 bg-white shadow-lg rounded-lg text-md text-gray-700">
|
||||
|
||||
You would like to have Formbricks "Build in Public Updates" like this in your mailbox? Subscribe to our
|
||||
newsletter 💪
|
||||
|
||||
<form method="post" action="https://listmonk.formbricks.com/subscription/form" className="listmonk-form">
|
||||
<div>
|
||||
<input type="hidden" name="nonce" />
|
||||
<div>
|
||||
<label htmlFor="email" className="block text-sm font-medium text-gray-700">
|
||||
Email
|
||||
</label>
|
||||
<div className="mt-1">
|
||||
<input type="email" name="email" required placeholder="you@example.com" className="block w-full rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm" />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="name" className="block text-sm font-medium text-gray-700">
|
||||
Name (optional)
|
||||
</label>
|
||||
<div className="mt-1">
|
||||
<input type="text" name="name" required className="block w-full rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='hidden'>
|
||||
<input id="e0084" type="checkbox" name="l" checked value="e0084486-8751-43e4-8cfb-58b7c3f5f318" readOnly />
|
||||
<label htmlFor="e0084">Build in public</label>
|
||||
</div>
|
||||
|
||||
<Button type="submit" className="mt-4 w-full justify-center">Subscribe</Button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<NewsletterSignup />
|
||||
|
||||
export default ({ children }) => <LayoutMdx meta={meta}>{children}</LayoutMdx>;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import Image from "next/image";
|
||||
import LayoutMdx from "@/components/shared/LayoutMdx";
|
||||
import Button from "@/components/shared/Button";
|
||||
import NewsletterSignup from "@/components/shared/NewsletterSignup";
|
||||
import HeroAnimation from "@/components/shared/HeroAnimation";
|
||||
import HeaderImage from "./weeklyupdate.png";
|
||||
import POC1 from "./POC-1.png";
|
||||
@@ -96,7 +96,7 @@ So exciting for us to see that our product and positioning resonates so well
|
||||
|
||||
# Community
|
||||
|
||||
Shoutout to octalpixel and Akshu from the EddieHub community for sharing feedback on the React Library. Highly appreciated 🙏
|
||||
Shoutout to octalpixel and [Akshu](https://twitter.com/Akshu_on_github) from the EddieHub community for sharing feedback on the React Library. Highly appreciated 🙏
|
||||
|
||||
## Listmonk
|
||||
|
||||
@@ -110,42 +110,6 @@ We got invited! This is obviously very exciting so we spent some time getting ou
|
||||
|
||||
## Have a great weekend!
|
||||
|
||||
---
|
||||
|
||||
<div className="mx-auto max-w-7xl px-5 py-5 bg-white shadow-lg rounded-lg text-md text-gray-700">
|
||||
|
||||
You would like to have Formbricks "Build in Public Updates" like this in your mailbox? Subscribe to our
|
||||
newsletter 💪
|
||||
|
||||
<form method="post" action="https://listmonk.formbricks.com/subscription/form" className="listmonk-form">
|
||||
<div>
|
||||
<input type="hidden" name="nonce" />
|
||||
<div>
|
||||
<label htmlFor="email" className="block text-sm font-medium text-gray-700">
|
||||
Email
|
||||
</label>
|
||||
<div className="mt-1">
|
||||
<input type="email" name="email" required placeholder="you@example.com" className="block w-full rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm" />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="name" className="block text-sm font-medium text-gray-700">
|
||||
Name (optional)
|
||||
</label>
|
||||
<div className="mt-1">
|
||||
<input type="text" name="name" required className="block w-full rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='hidden'>
|
||||
<input id="e0084" type="checkbox" name="l" checked value="e0084486-8751-43e4-8cfb-58b7c3f5f318" readOnly />
|
||||
<label htmlFor="e0084">Build in public</label>
|
||||
</div>
|
||||
|
||||
<Button type="submit" className="mt-4 w-full justify-center">Subscribe</Button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<NewsletterSignup />
|
||||
|
||||
export default ({ children }) => <LayoutMdx meta={meta}>{children}</LayoutMdx>;
|
||||
|
||||
2
apps/hq/.vscode/settings.json
vendored
2
apps/hq/.vscode/settings.json
vendored
@@ -1,4 +1,4 @@
|
||||
{
|
||||
"typescript.tsdk": "../../node_modules/.pnpm/typescript@4.9.3/node_modules/typescript/lib",
|
||||
"typescript.tsdk": "..\\..\\node_modules\\.pnpm\\typescript@4.9.3\\node_modules\\typescript\\lib",
|
||||
"typescript.enablePromptUseWorkspaceTsdk": true
|
||||
}
|
||||
Reference in New Issue
Block a user