add careers page, update OSS friends

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

@@ -260,7 +260,12 @@ export default function Header() {
           <Link
             href="/blog"
             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>
+            Blog {/* <p className="bg-brand inline rounded-full px-2 text-xs text-white">1</p> */}
+          </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
@@ -363,6 +368,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>
                 <Button
                   variant="secondary"
                   EndIcon={GitHubIcon}

apps/formbricks-com/pages/careers.tsx

@@ -0,0 +1,46 @@
+import Layout from "@/components/shared/Layout";
+import HeroTitle from "@/components/shared/HeroTitle";
+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 🚀",
+    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.">
+      <HeroTitle
+        headingPt1="Help teams make"
+        headingTeal="customer-centric"
+        headingPt2="decisions."
+        subheading="We are hiring! Please see all open roles below:"
+      />
+      <div className="mx-auto w-3/4">
+        {Roles.map((role) => (
+          <Link
+            href="https://formbricks.notion.site/Work-at-Formbricks-6c3ad218b2c7461ca2714ce2101730e4?pvs=4"
+            target="_blank"
+            key="role.name">
+            <div className="mb-6 rounded-lg border border-slate-300 bg-slate-100 p-6 shadow-sm hover:bg-slate-50">
+              <h4 className="text-xl font-bold text-slate-700">{role.name}</h4>
+              <p className="text-lg text-slate-500">{role.description}</p>
+            </div>
+          </Link>
+        ))}
+      </div>
+    </Layout>
+  );
+}

apps/formbricks-com/pages/oss-friends.tsx

@@ -39,12 +39,6 @@ const OSSFriends = [
       "Survey granular user segments at any point in the user journey. Gather up to 6x more insights with targeted micro-surveys. All open-source.",
     href: "https://formbricks.com",
   },
-  {
-    name: "Forward Email",
-    description:
-      "Free email forwarding for custom domains. For 6 years and counting, we are the go-to email service for thousands of creators, developers, and businesses.",
-    href: "https://forwardemail.net",
-  },
   {
     name: "GitWonk",
     description: