Careers page + UI Tweaks in SEO Content

Careers page + UI Tweaks in SEO Content

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> */}
+            Careers <p className="bg-brand inline rounded-full px-2 text-xs text-white">1</p>
+          </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}

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

@@ -1,36 +1,36 @@
 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 🚀",
+    description: "Join early and be a part of our journey right from the start 🚀",
     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 (
     <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">
- 
-         {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>
   );
 }

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