From 288ec89d9339b975ff8981a607ad05b134e931df Mon Sep 17 00:00:00 2001
From: Johannes <johannes@formbricks.com>
Date: Wed, 30 Aug 2023 10:57:02 +0200
Subject: [PATCH 1/2] release careers page

---
 apps/formbricks-com/components/shared/Header.tsx |  6 +++---
 apps/formbricks-com/pages/careers.tsx            | 16 ++++++++--------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/apps/formbricks-com/components/shared/Header.tsx b/apps/formbricks-com/components/shared/Header.tsx
index 000b1e84fb..08ee8a1b19 100644
--- a/apps/formbricks-com/components/shared/Header.tsx
+++ b/apps/formbricks-com/components/shared/Header.tsx
@@ -264,11 +264,11 @@ export default function Header() {
             className="text-base font-medium text-slate-400 hover:text-slate-700  dark:hover:text-slate-300">
             Blog {/* <p className="bg-brand inline rounded-full px-2 text-xs text-white">1</p> */}
           </Link>
-          {/*           <Link
+          <Link
             href="/careers"
             className="text-base font-medium text-slate-400 hover:text-slate-700  dark:hover:text-slate-300">
             Careers <p className="bg-brand inline rounded-full px-2 text-xs text-white">2</p>
-          </Link> */}
+          </Link>
 
           <Link
             href="/concierge"
@@ -372,7 +372,7 @@ export default function Header() {
                 <Link href="#pricing">Pricing</Link>
                 <Link href="/docs">Docs</Link>
                 <Link href="/blog">Blog</Link>
-                {/*   <Link href="/careers">Careers</Link> */}
+                <Link href="/careers">Careers</Link>
                 <Button
                   variant="secondary"
                   EndIcon={GitHubIcon}
diff --git a/apps/formbricks-com/pages/careers.tsx b/apps/formbricks-com/pages/careers.tsx
index 8b21ad42c3..c6ecf96143 100644
--- a/apps/formbricks-com/pages/careers.tsx
+++ b/apps/formbricks-com/pages/careers.tsx
@@ -1,20 +1,21 @@
 import HeroTitle from "@/components/shared/HeroTitle";
 import Layout from "@/components/shared/Layout";
+import Link from "next/link";
 
-/* const Roles = [
+const Roles = [
   {
     name: "Full-Stack Engineer",
     description: "Join early and be a part of our journey from start to IPO 🚀",
     location: "Worldwide",
     workplace: "Remote",
-  },
+  } /*
   {
     name: "Junior Full-Stack Engineer",
     description: "All you want is write code and learn? You're exactly right!",
     location: "Worldwide",
     workplace: "Remote",
-  },
-]; */
+  },*/,
+];
 
 export default function CareersPage() {
   return (
@@ -27,10 +28,9 @@ export default function CareersPage() {
         headingPt2="decisions."
         subheading="We are currently not hiring. Contributions are always welcome!"
       />
-      {/*
+
       <div className="mx-auto w-3/4">
- 
-         {Roles.map((role) => (
+        {Roles.map((role) => (
           <Link
             href="https://formbricks.notion.site/Work-at-Formbricks-6c3ad218b2c7461ca2714ce2101730e4?pvs=4"
             target="_blank"
@@ -41,7 +41,7 @@ export default function CareersPage() {
             </div>
           </Link>
         ))}
-      </div>*/}
+      </div>
     </Layout>
   );
 }

From 0164b4fbde5123bd00e492fde30d8170ee85ee43 Mon Sep 17 00:00:00 2001
From: Johannes <johannes@formbricks.com>
Date: Wed, 30 Aug 2023 11:30:56 +0200
Subject: [PATCH 2/2] increase header text sizes

---
 apps/formbricks-com/components/shared/Header.tsx     |  2 +-
 apps/formbricks-com/components/shared/LayoutMdx.tsx  |  4 +++-
 .../components/shared/SlideInBanner.tsx              |  5 ++++-
 apps/formbricks-com/pages/careers.tsx                | 12 ++++++------
 apps/formbricks-com/pages/learn/[slug].tsx           |  2 +-
 5 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/apps/formbricks-com/components/shared/Header.tsx b/apps/formbricks-com/components/shared/Header.tsx
index 08ee8a1b19..ae84462bed 100644
--- a/apps/formbricks-com/components/shared/Header.tsx
+++ b/apps/formbricks-com/components/shared/Header.tsx
@@ -267,7 +267,7 @@ export default function Header() {
           <Link
             href="/careers"
             className="text-base font-medium text-slate-400 hover:text-slate-700  dark:hover:text-slate-300">
-            Careers <p className="bg-brand inline rounded-full px-2 text-xs text-white">2</p>
+            Careers <p className="bg-brand inline rounded-full px-2 text-xs text-white">1</p>
           </Link>
 
           <Link
diff --git a/apps/formbricks-com/components/shared/LayoutMdx.tsx b/apps/formbricks-com/components/shared/LayoutMdx.tsx
index ef3fd68e15..c1015057eb 100644
--- a/apps/formbricks-com/components/shared/LayoutMdx.tsx
+++ b/apps/formbricks-com/components/shared/LayoutMdx.tsx
@@ -59,7 +59,9 @@ export default function LayoutMdx({ meta, children }: Props) {
               )}
             </header>
           )}
-          <Prose className="">{children}</Prose>
+          <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 ">
+            {children}
+          </Prose>
         </article>
         <SlideInBanner delay={5000} scrollPercentage={10} UTMSource="learnArticle" />
       </main>
diff --git a/apps/formbricks-com/components/shared/SlideInBanner.tsx b/apps/formbricks-com/components/shared/SlideInBanner.tsx
index ca3bb6e7fe..8585d48222 100644
--- a/apps/formbricks-com/components/shared/SlideInBanner.tsx
+++ b/apps/formbricks-com/components/shared/SlideInBanner.tsx
@@ -46,7 +46,10 @@ const SlideInBanner: React.FC<Props> = ({ delay = 5000, scrollPercentage = 10, U
           Did you know? Formbricks is the only open source Experience Management solution: free &
           privacy-first!
         </p>
-        <Button size="sm" href={`https://formbricks.com?utm_source=${UTMSource}`}>
+        <Button
+          size="sm"
+          href={`https://formbricks.com?utm_source=${UTMSource}`}
+          className="whitespace-nowrap">
           Learn more
         </Button>
       </div>
diff --git a/apps/formbricks-com/pages/careers.tsx b/apps/formbricks-com/pages/careers.tsx
index c6ecf96143..61abea555e 100644
--- a/apps/formbricks-com/pages/careers.tsx
+++ b/apps/formbricks-com/pages/careers.tsx
@@ -5,7 +5,7 @@ import Link from "next/link";
 const Roles = [
   {
     name: "Full-Stack Engineer",
-    description: "Join early and be a part of our journey from start to IPO 🚀",
+    description: "Join early and be a part of our journey right from the start 🚀",
     location: "Worldwide",
     workplace: "Remote",
   } /*
@@ -21,12 +21,12 @@ export default function CareersPage() {
   return (
     <Layout
       title="Careers"
-      description="Work with us on helping teams make customer-centric decisions - all privacy-focused.">
+      description="Work with us on helping teams make truly customer-centric decisions - all privacy-focused.">
       <HeroTitle
-        headingPt1="Help teams make"
-        headingTeal="customer-centric"
-        headingPt2="decisions."
-        subheading="We are currently not hiring. Contributions are always welcome!"
+        headingPt1="Life is too short for"
+        headingTeal="crappy UX."
+        headingPt2=""
+        subheading="Empower teams to build exactly what their users need."
       />
 
       <div className="mx-auto w-3/4">
diff --git a/apps/formbricks-com/pages/learn/[slug].tsx b/apps/formbricks-com/pages/learn/[slug].tsx
index 59fcd31779..77e9c1e4b6 100644
--- a/apps/formbricks-com/pages/learn/[slug].tsx
+++ b/apps/formbricks-com/pages/learn/[slug].tsx
@@ -100,7 +100,7 @@ export default function ArticlePage({ article = {} }: ArticlePageProps) {
   // Use next/image to render images in markdown
   const renderers = {
     img: (image) => {
-      return <Image src={image.src} alt={image.alt} width={1000} height={500} />;
+      return <Image src={image.src} alt={image.alt} width={1000} height={500} className="rounded-lg" />;
     },
   };