increase header text sizes

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

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>

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>

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">

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