feat: preseed annoucement (#1547)

apps/formbricks-com/components/home/Hero.tsx

@@ -20,11 +20,11 @@ export const Hero: React.FC = ({}) => {
     <div className="relative">
       <div className="px-4 pb-20 pt-16 text-center sm:px-6 lg:px-8 lg:pb-32 lg:pt-20">
         <a
-          href="https://www.producthunt.com/posts/formbricks"
+          href="https://formbricks.com/github"
           target="_blank"
           className="border-brand-dark xs:text-sm animate-bounce rounded-full border px-4 py-1.5 text-xs text-slate-500 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800">
-          Support us on Product Hunt 🚀
-          <ChevronRightIcon className="inline h-5 w-5 text-slate-300" />
+          We&apos;re Open Source - Star us on GitHub
+          <ChevronRightIcon className="mb-1 ml-1 inline h-4 w-4 text-slate-300" />
         </a>
         <h1 className="mt-10 text-3xl font-bold tracking-tight text-slate-800 dark:text-slate-200 sm:text-4xl md:text-5xl">
           <span className="xl:inline">The Open Source Survey Suite</span>
@@ -98,10 +98,10 @@ export const Hero: React.FC = ({}) => {
             variant="secondary"
             className="px-6"
             onClick={() => {
-              router.push("https://www.producthunt.com/posts/formbricks");
+              router.push("https://formbricks.com/github");
               /*  plausible("Hero_CTA_LaunchDemo"); */
             }}>
-            Support Launch 🚀
+            View Code on GitHub
           </Button>
         </div>
       </div>

apps/formbricks-com/components/shared/AuthorBox.tsx

@@ -1,5 +1,5 @@
-import Image from "next/image";
 import AuthorJohannes from "@/images/blog/johannes-co-founder-formbricks-small.jpg";
+import Image from "next/image";
 
 interface AuthorBoxProps {
   name: string;
@@ -23,12 +23,12 @@ export default function AuthorBox({ name, title, date, duration }: AuthorBoxProp
       />
       <div className="flex w-full items-end justify-between">
         <div>
-          <p className="m-0 font-medium text-slate-600 dark:text-slate-300">{name}</p>
-          <p className="m-0 text-sm text-slate-400">{title}</p>
+          <p className="leading-0 !m-0  font-medium text-slate-600 dark:text-slate-300">{name}</p>
+          <p className="!m-0 text-sm text-slate-400">{title}</p>
         </div>
         <div className="text-right">
-          <p className="m-0 font-medium text-slate-600 dark:text-slate-300">{duration} Minutes</p>
-          <p className="m-0 text-sm text-slate-400">{date}</p>
+          <p className="!m-0 font-medium text-slate-600 dark:text-slate-300">{duration} Minutes</p>
+          <p className="!m-0 text-sm text-slate-400">{date}</p>
         </div>
       </div>
     </div>

apps/formbricks-com/components/shared/BestPractices.tsx

@@ -1,4 +1,3 @@
-import { Button } from "@formbricks/ui/Button";
 import { usePlausible } from "next-plausible";
 import { useRouter } from "next/router";
 import BestPracticeNavigation from "./BestPracticeNavigation";
@@ -22,7 +21,7 @@ export default function InsightOppos() {
 
       <BestPracticeNavigation />
 
-      <div className="mx-auto mt-4 w-fit px-4 py-2 text-center">
+      {/* <div className="mx-auto mt-4 w-fit px-4 py-2 text-center">
         <Button
           className="hidden md:block"
           variant="highlight"
@@ -32,7 +31,7 @@ export default function InsightOppos() {
           }}>
           Launch Live Demo
         </Button>
-      </div>
+      </div> */}
     </div>
   );
 }

apps/formbricks-com/components/shared/Header.tsx

@@ -120,11 +120,11 @@ export default function Header() {
     : "relative";
   return (
     <Popover className={`${stickyNavClass}`} as="header">
-      <a href="https://www.producthunt.com/posts/formbricks" target="_blank">
+      {/*       <a href="https://www.producthunt.com/posts/formbricks" target="_blank">
         <div className="hidden bg-[#ff6154] px-4 py-2 text-center text-sm text-white md:block lg:py-0">
           We&apos;re live on Product Hunt - Show your support for Open Source 🚀
         </div>
-      </a>
+      </a> */}
       <div className="flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start ">
         <div className="flex w-0 flex-1 justify-start">
           <Link href="/">

apps/formbricks-com/components/shared/LayoutMdx.tsx

@@ -59,7 +59,7 @@ export default function LayoutMdx({ meta, children }: Props) {
               )}
             </header>
           )}
-          <Prose className="prose-h2:text-2xl prose-h3:text-xl prose-a:text-slate-900 prose-a:hover:text-slate-900 prose-a:text-decoration-brand prose-a:not-italic ">
+          <Prose className="prose-h2:text-2xl prose-h2:mt-4 prose-p:text-base prose-p:mb-4 prose-h3:text-xl prose-a:text-slate-900 prose-a:hover:text-slate-900 prose-a:text-decoration-brand prose-a:not-italic ">
             {children}
           </Prose>
         </article>

apps/formbricks-com/pages/blog/preseed-announcement/index.mdx

@@ -0,0 +1,55 @@
+import Image from "next/image";
+import LayoutMdx from "@/components/shared/LayoutMdx";
+import AuthorBox from "@/components/shared/AuthorBox";
+import Preseed from "./preseed-header.webp";
+
+export const meta = {
+  title: "We raised Pre-Seed Funding 💸",
+  description: "We’re delighted to announce that Formbricks successfully acquired pre-seed funding! ",
+  date: "2023-11-01",
+  publishedTime: "2023-11-01T12:00:00",
+  authors: ["Johannes"],
+  section: "Open Source Surveys",
+  tags: ["Open Source Surveys", "Formbricks", "Typeform", "SurveyJS", "Typebot", "OpnForm", "LimeSurvey"],
+};
+
+<Image
+  src={Preseed}
+  alt="Formbricks raises a preseed round led by OSS Capital"
+  className="w-full rounded-lg"
+/>
+
+_We’re delighted to announce that Formbricks successfully acquired pre-seed funding!_
+
+<AuthorBox name="Johannes" title="Co-Founder" date="November 1st, 2023" duration="2" />
+
+The Formbricks pre-seed round was led by [OSS Capital](https://oss.capital/portfolio) with participation of Peer Richelsen, co-founder at [Cal.com](http://Cal.com), as well as other angel investors.
+
+## OSS Capital leads the round
+
+We are both humbled and excited to have won such highly specialized and experienced investors for our mission! This influx of capital allows us to be even more ambitious in shaping the future of Experience Management globally.
+
+We are on a mission to enable organizations to **gather, analyze and leverage** qualitative data to improve customer experience from first principles. Building Open Source uniquely allows us to offer a privacy-first solution which can be natively embedded into existing products and services.
+
+Even in large organizations, every product decision **can** be based on user insight. We make that possible.
+
+## How it started, and how it's going
+
+Matti and Johannes kicked this off as a side project a good year ago. Today, we have several thousand users collecting valuable insights with both in-product surveys and standalone surveys.
+
+Over the past couple of months, we gathered:
+
+- 4.000+ GitHub stars ⭐
+- 3.200+ Dockerhub clones 🐳
+- 750+ Discord Members 👻
+- 120+ community contributors 👨‍👩‍👧
+
+… and we are just warming up!
+
+Our journey has just begun, and with the support of our investors and the enthusiasm of our community, we can’t wait to see where we stand 6 months from now!
+
+## Onwards,
+
+The Formbricks Team 🤍
+
+export default ({ children }) => <LayoutMdx meta={meta}>{children}</LayoutMdx>;

apps/formbricks-com/pages/index.tsx

@@ -14,9 +14,9 @@ const IndexPage = () => (
     title="Formbricks | Privacy-first Experience Management"
     description="Build qualitative user research into your product. Leverage Best practices to increase Product-Market Fit.">
     <Hero />
-    <div className="hidden lg:block">
+    {/*     <div className="hidden lg:block">
       <GitHubSponsorship />
-    </div>
+    </div> */}
     <BestPractices />
     <Features />
     <Highlights />