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] 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" />;
     },
   };