update lp, add blog post

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

@@ -13,14 +13,22 @@ import { usePlausible } from "next-plausible";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import HeroAnimation from "./HeroAnimation";
+import { ChevronRightIcon } from "@heroicons/react/24/outline";
 
 export const Hero: React.FC = ({}) => {
   const plausible = usePlausible();
   const router = useRouter();
   return (
     <div className="relative">
-      <div className="px-4 py-20 text-center sm:px-6 lg:px-8 lg:py-28">
-        <h1 className="text-3xl font-bold tracking-tight text-slate-800 dark:text-slate-200 sm:text-4xl md:text-5xl">
+      <div className="px-4 pb-20 pt-16 text-center sm:px-6 lg:px-8 lg:pb-32 lg:pt-24">
+        <a
+          href="https://github.com/formbricks/formbricks"
+          target="_blank"
+          className="border-brand-dark rounded-full border px-6 py-2 text-slate-300 hover:bg-slate-800">
+          We&apos;re Open-Source | Star us on GitHub{" "}
+          <ChevronRightIcon className="inline h-5 w-5 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">Create Products People Remember</span>
         </h1>
 
@@ -29,7 +37,7 @@ export const Hero: React.FC = ({}) => {
           <br />
           <span className="hidden md:block">
             Continuously gather deep user insights,{" "}
-            <span className="decoration-brand-dark underline underline-offset-4">all privacy-first.</span>
+            <span className="decoration-brand-dark underline underline-offset-4">privacy-first.</span>
           </span>
         </p>
 
@@ -80,18 +88,6 @@ export const Hero: React.FC = ({}) => {
               className="hidden  pb-1 hover:opacity-100 dark:block md:opacity-50"
               width={200}
             />
-            <Image
-              src={StackOceanLogoLight}
-              alt="StackOcean Logo"
-              className="block  pb-1 hover:opacity-100 dark:hidden md:opacity-50"
-              width={200}
-            />
-            <Image
-              src={StackOceanLogoDark}
-              alt="StakcOcean Logo"
-              className="hidden pb-1 hover:opacity-100 dark:block md:opacity-50"
-              width={200}
-            />
           </div>
         </div>
         <div className="hidden pt-10 md:block">

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

@@ -37,6 +37,7 @@ const tiers = [
     features: [
       "Unlimited surveys",
       "Unlimited team members",
+      "Remove branding",
       "Granular targeting",
       "In-product surveys",
       "Link surveys",
@@ -57,8 +58,8 @@ const tiers = [
     discounted: false,
     highlight: false,
     description: "All features included. Unlimited usage.",
-    features: ["All features of Free plan", "Unlimited responses", "Remove branding"],
-    ctaName: "Sign up now",
+    features: ["Unlimited responses per survey"],
+    ctaName: "Start for free",
     plausibleGoal: "Pricing_CTA_ProPlan",
   },
 ];
@@ -145,7 +146,7 @@ export default function Pricing() {
                   {tier.ctaName}
                 </Button>
 
-                {tier.name === "Free" && (
+                {tier.name !== "Self-hosting" && (
                   <p className="mt-1.5 text-center text-xs text-slate-500">No Creditcard required.</p>
                 )}
               </div>