From 43ed80c7e32f99921b2745762d8e87653dd0aebe Mon Sep 17 00:00:00 2001
From: Waleed <walif6@gmail.com>
Date: Wed, 1 Jul 2026 00:53:44 -0700
Subject: [PATCH 1/3] improvement(broadcast): white canvas, LinkedIn footer,
 hi-res logo (#5317)

- Drop the #F8F8F8 canvas to a clean white background (body + outer wrapper).
- Replace Discord with LinkedIn in the footer social row.
- Swap the low-res header logo for the full-res sim logotype.
---
 apps/sim/emails/broadcasts/july-1.html        |   8 ++++----
 .../public/email/broadcast/july-1/logo.png    | Bin 9179 -> 7110 bytes
 2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/apps/sim/emails/broadcasts/july-1.html b/apps/sim/emails/broadcasts/july-1.html
index 4019490bfee..cb211c3fe89 100644
--- a/apps/sim/emails/broadcasts/july-1.html
+++ b/apps/sim/emails/broadcasts/july-1.html
@@ -47,12 +47,12 @@
     }
   </style>
 </head>
-<body style="margin:0;padding:0;background-color:#F8F8F8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;">
+<body style="margin:0;padding:0;background-color:#FFFFFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;">
   <div style="display:none;max-height:0;overflow:hidden;opacity:0;color:transparent;font-size:1px;line-height:1px;">
     A ton of new things shipped in Sim over the last few months. Here's the rundown.
   </div>
 
-  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style="background-color:#F8F8F8;">
+  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style="background-color:#FFFFFF;">
     <tr>
       <td align="center" style="padding:0 16px;">
         <table class="container" width="600" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:600px;width:100%;">
@@ -436,8 +436,8 @@ <h2 style="margin:0;color:#FFFFFF;font-family:'Season Sans',-apple-system,'SF Pr
                       </a>
                     </td>
                     <td align="center" style="padding:0 8px;">
-                      <a href="https://sim.ai/discord" rel="noopener noreferrer" target="_blank">
-                        <img src="https://sim.ai/static/discord-icon.png" width="20" height="20" alt="Discord" style="display:block;" border="0">
+                      <a href="https://www.linkedin.com/company/simdotai" rel="noopener noreferrer" target="_blank">
+                        <img src="https://sim.ai/static/linkedin-icon.png" width="20" height="20" alt="LinkedIn" style="display:block;" border="0">
                       </a>
                     </td>
                     <td align="center" style="padding:0 8px;">
diff --git a/apps/sim/public/email/broadcast/july-1/logo.png b/apps/sim/public/email/broadcast/july-1/logo.png
index c12bda541da0c4bb696888b4232d49640edd034c..389b984063eec310f4554adc31dee797bae0b7f2 100644
GIT binary patch
literal 7110
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

literal 9179
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


From af53eda5ac33a800a87e9fda8ed9d3978e84783a Mon Sep 17 00:00:00 2001
From: Waleed <walif6@gmail.com>
Date: Wed, 1 Jul 2026 01:17:11 -0700
Subject: [PATCH 2/3] feat(landing): reintroduce /contact page styled like
 /demo (#5315)

* feat(landing): reintroduce /contact page styled like /demo

- Restore the /contact page (removed in #5181) with a two-column layout
  mirroring /demo: value prop + trusted-by logos on the left, a message
  form card on the right, on the platform light tokens and chip components
- Restore the contact contract, /api/contact route (rate-limit, honeypot,
  Turnstile, help-inbox notification + visitor confirmation), now fully
  contract-bound via parseRequest
- Add a useSubmitContact React Query mutation hook
- Link Contact from the footer Resources column and add it to the sitemap

* fix(contact): server-authoritative captcha + review fixes

- Make captcha server-authoritative: drop the client-trusted captchaUnavailable
  flag; a valid Turnstile token is the only way past the stricter fallback
  bucket, so callers can't opt out of the challenge
- Re-execute the Turnstile widget on every submit (incl. after expiry) instead
  of falling into the no-captcha path once the token expires
- Reset the pre-submit gate on mutation settle so rapid double-clicks can't fire
  a duplicate /api/contact request
- Map only feature_request to its email type; every other topic resolves to a
  General Inquiry confirmation so support requests aren't labeled bug reports
- Drop the confirmation-email promise from the success copy (it's best-effort)
- Collapse the duplicated no-captcha rate-limit branch; hoist shared response
  constants; read the Turnstile site key as a module constant

* fix(contact): drop redundant Turnstile hostname pin

The Turnstile site key is already domain-bound in Cloudflare, so pinning
expectedHostname to the marketing SITE_URL (www.sim.ai) only rejected valid
tokens issued on self-hosted, preview, and apex-vs-www hosts. Remove the pin
and rely on Cloudflare's own domain binding.

* fix(contact): fail closed on the no-captcha rate-limit backstop

checkRateLimitDirect fails open on limiter-storage errors so a limiter outage
never takes down normal traffic. But the contact route's no-captcha bucket is
the only throttle on token-less submits, so a fail-open there let uncaptcha'd
requests reach the email path unthrottled during an outage.

- Add an opt-in { failClosed } option to checkRateLimitDirect; default behavior
  (fail open) is unchanged
- Use failClosed on the contact no-captcha backstop so an unenforceable limit
  rejects instead of admitting
- Cover both fail-open and fail-closed paths with tests

* refactor(contact): TSDoc over inline comments

Move the captcha-design rationale into the route handler's TSDoc and drop the
inline body/JSX comments, per the project's TSDoc-only comment convention.
---
 .../(landing)/components/footer/footer.tsx    |   1 +
 .../components/contact-form/contact-form.tsx  | 341 ++++++++++++++++++
 .../contact/components/contact-form/index.ts  |   1 +
 apps/sim/app/(landing)/contact/contact.tsx    |  75 ++++
 apps/sim/app/(landing)/contact/page.tsx       |  18 +
 apps/sim/app/api/contact/route.ts             | 191 ++++++++++
 apps/sim/app/sitemap.ts                       |   3 +
 apps/sim/hooks/queries/contact.ts             |  25 ++
 apps/sim/lib/api/contracts/contact.ts         | 106 ++++++
 .../core/rate-limiter/rate-limiter.test.ts    |  37 ++
 .../sim/lib/core/rate-limiter/rate-limiter.ts |  25 +-
 scripts/check-api-validation-contracts.ts     |   4 +-
 12 files changed, 818 insertions(+), 9 deletions(-)
 create mode 100644 apps/sim/app/(landing)/contact/components/contact-form/contact-form.tsx
 create mode 100644 apps/sim/app/(landing)/contact/components/contact-form/index.ts
 create mode 100644 apps/sim/app/(landing)/contact/contact.tsx
 create mode 100644 apps/sim/app/(landing)/contact/page.tsx
 create mode 100644 apps/sim/app/api/contact/route.ts
 create mode 100644 apps/sim/hooks/queries/contact.ts
 create mode 100644 apps/sim/lib/api/contracts/contact.ts

diff --git a/apps/sim/app/(landing)/components/footer/footer.tsx b/apps/sim/app/(landing)/components/footer/footer.tsx
index 3a3e131403b..6eddc8f736e 100644
--- a/apps/sim/app/(landing)/components/footer/footer.tsx
+++ b/apps/sim/app/(landing)/components/footer/footer.tsx
@@ -43,6 +43,7 @@ const RESOURCES_LINKS: FooterItem[] = [
   { label: 'Partners', href: '/partners' },
   { label: 'Careers', href: 'https://jobs.ashbyhq.com/sim', external: true },
   { label: 'Changelog', href: '/changelog' },
+  { label: 'Contact', href: '/contact' },
 ]
 
 /** Top model providers, sourced from the catalog so labels/hrefs never drift. */
diff --git a/apps/sim/app/(landing)/contact/components/contact-form/contact-form.tsx b/apps/sim/app/(landing)/contact/components/contact-form/contact-form.tsx
new file mode 100644
index 00000000000..70a2c3a9e5c
--- /dev/null
+++ b/apps/sim/app/(landing)/contact/components/contact-form/contact-form.tsx
@@ -0,0 +1,341 @@
+'use client'
+
+import { type ReactNode, useId, useRef, useState } from 'react'
+import { Turnstile, type TurnstileInstance } from '@marsidev/react-turnstile'
+import { Chip, ChipDropdown, ChipInput, ChipTextarea, Label } from '@sim/emcn'
+import { Check } from '@sim/emcn/icons'
+import { toError } from '@sim/utils/errors'
+import {
+  CONTACT_TOPIC_OPTIONS,
+  type ContactRequestPayload,
+  contactRequestSchema,
+} from '@/lib/api/contracts/contact'
+import { flattenFieldErrors } from '@/lib/api/contracts/primitives'
+import { getEnv } from '@/lib/core/config/env'
+import { captureClientEvent } from '@/lib/posthog/client'
+import { useSubmitContact } from '@/hooks/queries/contact'
+
+/**
+ * Field control height — slightly taller than the 30px in-app chip default and
+ * just under the 36px auth field, so the form reads as a roomy landing surface.
+ * Applied to each control's `className`, the sanctioned way to own only a chip
+ * field's height (mirrors the demo form).
+ */
+const FIELD_HEIGHT = 'h-[34px]'
+
+/** Build-time-inlined Turnstile site key; absent when captcha isn't configured. */
+const TURNSTILE_SITE_KEY = getEnv('NEXT_PUBLIC_TURNSTILE_SITE_KEY')
+
+type ContactField = keyof ContactRequestPayload
+type ContactErrors = Partial<Record<ContactField, string>>
+
+interface ContactFormState {
+  name: string
+  email: string
+  company: string
+  topic: ContactRequestPayload['topic'] | ''
+  subject: string
+  message: string
+}
+
+const INITIAL_STATE: ContactFormState = {
+  name: '',
+  email: '',
+  company: '',
+  topic: '',
+  subject: '',
+  message: '',
+}
+
+interface ContactFieldProps {
+  label: string
+  /** Set for native controls (inputs/textarea) to associate the label by `id`. */
+  htmlFor?: string
+  required?: boolean
+  error?: string
+  /** The control. Dropdowns (no `htmlFor`) are wrapped in a labeled group. */
+  children: ReactNode
+}
+
+/**
+ * A labeled field row matching the chip field rhythm (`gap-[9px]`, muted label,
+ * caption-sized error). Native controls associate via `htmlFor`/`id`; controls
+ * that can't take a label `id` (the dropdown) become a `role='group'` named by
+ * the label instead, so every field has an accessible name.
+ */
+function ContactField({ label, htmlFor, required, error, children }: ContactFieldProps) {
+  const labelId = useId()
+  const isGroup = htmlFor === undefined
+  return (
+    <div
+      className='flex flex-col gap-[9px]'
+      role={isGroup ? 'group' : undefined}
+      aria-labelledby={isGroup ? labelId : undefined}
+    >
+      <Label id={labelId} htmlFor={htmlFor} className='pl-0.5 font-normal text-[var(--text-muted)]'>
+        {label}
+        {required ? (
+          <span aria-hidden className='ml-0.5 text-[var(--text-error)]'>
+            *
+          </span>
+        ) : null}
+      </Label>
+      {children}
+      {error ? <p className='pl-0.5 text-[var(--text-error)] text-caption'>{error}</p> : null}
+    </div>
+  )
+}
+
+/**
+ * The `/contact` form — rendered inside the card chrome owned by the page, so it
+ * returns just its heading and fields. Fields are hand-composed at the slightly
+ * taller {@link FIELD_HEIGHT}, stacked at the platform `gap-4` rhythm with no
+ * divider lines, mirroring the demo booking form.
+ *
+ * On submit it validates against the shared {@link contactRequestSchema}, runs an
+ * invisible Turnstile challenge (falling back gracefully when the widget is
+ * unavailable), and posts through {@link useSubmitContact}, which emails the help
+ * inbox and sends the visitor a confirmation. A honeypot `website` field and the
+ * captcha token ride along on the payload. A successful submit swaps the card to a
+ * confirmation state.
+ */
+export function ContactForm() {
+  const turnstileRef = useRef<TurnstileInstance>(null)
+
+  const contactMutation = useSubmitContact()
+
+  const [form, setForm] = useState<ContactFormState>(INITIAL_STATE)
+  const [errors, setErrors] = useState<ContactErrors>({})
+  const [isSubmitting, setIsSubmitting] = useState(false)
+  const [website, setWebsite] = useState('')
+  const [widgetLoaded, setWidgetLoaded] = useState(false)
+
+  function updateField<TField extends keyof ContactFormState>(
+    field: TField,
+    value: ContactFormState[TField]
+  ) {
+    setForm((prev) => ({ ...prev, [field]: value }))
+    setErrors((prev) => {
+      if (!prev[field as ContactField]) {
+        return prev
+      }
+      const nextErrors = { ...prev }
+      delete nextErrors[field as ContactField]
+      return nextErrors
+    })
+    if (contactMutation.isError) {
+      contactMutation.reset()
+    }
+  }
+
+  async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
+    event.preventDefault()
+    if (contactMutation.isPending || isSubmitting) return
+    setIsSubmitting(true)
+
+    const parsed = contactRequestSchema.safeParse({
+      ...form,
+      company: form.company || undefined,
+    })
+
+    if (!parsed.success) {
+      setErrors(flattenFieldErrors<ContactField>(parsed.error))
+      setIsSubmitting(false)
+      return
+    }
+
+    let captchaToken: string | undefined
+    const widget = turnstileRef.current
+
+    if (TURNSTILE_SITE_KEY && widgetLoaded && widget) {
+      try {
+        widget.reset()
+        widget.execute()
+        captchaToken = await widget.getResponsePromise(30_000)
+      } catch {
+        captchaToken = undefined
+      }
+    }
+
+    contactMutation.mutate(
+      { ...parsed.data, website, captchaToken },
+      {
+        onSuccess: () => {
+          captureClientEvent('landing_contact_submitted', { topic: parsed.data.topic })
+          setForm(INITIAL_STATE)
+          setErrors({})
+        },
+        onError: () => {
+          turnstileRef.current?.reset()
+        },
+        onSettled: () => {
+          setIsSubmitting(false)
+        },
+      }
+    )
+  }
+
+  const isBusy = contactMutation.isPending || isSubmitting
+
+  const submitError = contactMutation.isError
+    ? toError(contactMutation.error).message || 'Failed to send message. Please try again.'
+    : null
+
+  if (contactMutation.isSuccess) {
+    return (
+      <div className='flex flex-col items-center px-4 py-12 text-center'>
+        <div className='flex size-14 items-center justify-center rounded-full border border-[var(--border-1)] bg-[var(--surface-1)] text-[var(--text-primary)]'>
+          <Check className='size-7' />
+        </div>
+        <h2 className='mt-5 text-[var(--text-primary)] text-xl leading-[1.2]'>Message received</h2>
+        <p className='mt-2 max-w-sm text-[var(--text-muted)] text-sm leading-[1.6]'>
+          Thanks for reaching out. Our team will get back to you shortly.
+        </p>
+        <button
+          type='button'
+          onClick={() => contactMutation.reset()}
+          className='mt-5 text-[var(--text-primary)] text-small underline underline-offset-2 transition-opacity hover:opacity-80'
+        >
+          Send another message
+        </button>
+      </div>
+    )
+  }
+
+  return (
+    <>
+      <h2 id='contact-form-heading' className='text-[var(--text-primary)] text-xl leading-[1.2]'>
+        Send us a message
+      </h2>
+      <p className='mt-1.5 text-[var(--text-muted)] text-sm'>
+        Ask a question, request an integration, or get help — we'll get back to you shortly.
+      </p>
+
+      <form
+        onSubmit={handleSubmit}
+        aria-labelledby='contact-form-heading'
+        className='relative mt-5 flex flex-col gap-4'
+        noValidate
+      >
+        <div
+          aria-hidden='true'
+          className='pointer-events-none absolute left-[-9999px] h-px w-px overflow-hidden opacity-0'
+        >
+          <label htmlFor='contact-website'>Website</label>
+          <input
+            id='contact-website'
+            name='website'
+            type='text'
+            tabIndex={-1}
+            autoComplete='off'
+            value={website}
+            onChange={(event) => setWebsite(event.target.value)}
+            data-lpignore='true'
+            data-1p-ignore='true'
+          />
+        </div>
+
+        <div className='grid grid-cols-2 gap-3 max-sm:grid-cols-1'>
+          <ContactField label='Name' htmlFor='contact-name' required error={errors.name}>
+            <ChipInput
+              id='contact-name'
+              className={FIELD_HEIGHT}
+              value={form.name}
+              onChange={(event) => updateField('name', event.target.value)}
+              error={Boolean(errors.name)}
+              placeholder='Jane Doe'
+              autoComplete='name'
+            />
+          </ContactField>
+          <ContactField label='Email' htmlFor='contact-email' required error={errors.email}>
+            <ChipInput
+              id='contact-email'
+              type='email'
+              className={FIELD_HEIGHT}
+              value={form.email}
+              onChange={(event) => updateField('email', event.target.value)}
+              error={Boolean(errors.email)}
+              placeholder='jane@acme.co'
+              autoComplete='email'
+            />
+          </ContactField>
+        </div>
+
+        <div className='grid grid-cols-2 gap-3 max-sm:grid-cols-1'>
+          <ContactField label='Company (optional)' htmlFor='contact-company' error={errors.company}>
+            <ChipInput
+              id='contact-company'
+              className={FIELD_HEIGHT}
+              value={form.company}
+              onChange={(event) => updateField('company', event.target.value)}
+              error={Boolean(errors.company)}
+              placeholder='Acme Inc.'
+              autoComplete='organization'
+            />
+          </ContactField>
+          <ContactField label='Topic' required error={errors.topic}>
+            <ChipDropdown
+              fullWidth
+              flush
+              className={FIELD_HEIGHT}
+              value={form.topic || undefined}
+              onChange={(value) => updateField('topic', value as ContactRequestPayload['topic'])}
+              options={CONTACT_TOPIC_OPTIONS}
+              placeholder='Select a topic'
+            />
+          </ContactField>
+        </div>
+
+        <ContactField label='Subject' htmlFor='contact-subject' required error={errors.subject}>
+          <ChipInput
+            id='contact-subject'
+            className={FIELD_HEIGHT}
+            value={form.subject}
+            onChange={(event) => updateField('subject', event.target.value)}
+            error={Boolean(errors.subject)}
+            placeholder='How can we help?'
+          />
+        </ContactField>
+
+        <ContactField label='Message' htmlFor='contact-message' required error={errors.message}>
+          <ChipTextarea
+            id='contact-message'
+            value={form.message}
+            onChange={(event) => updateField('message', event.target.value)}
+            error={Boolean(errors.message)}
+            placeholder='Share details so we can help as quickly as possible.'
+            rows={4}
+          />
+        </ContactField>
+
+        {TURNSTILE_SITE_KEY ? (
+          <Turnstile
+            ref={turnstileRef}
+            siteKey={TURNSTILE_SITE_KEY}
+            options={{ execution: 'execute', appearance: 'execute', size: 'invisible' }}
+            onWidgetLoad={() => setWidgetLoaded(true)}
+            onError={() => setWidgetLoaded(false)}
+            onUnsupported={() => setWidgetLoaded(false)}
+          />
+        ) : null}
+
+        {submitError ? (
+          <p role='alert' className='text-[var(--text-error)] text-caption'>
+            {submitError}
+          </p>
+        ) : null}
+
+        <Chip
+          type='submit'
+          variant='primary'
+          flush
+          fullWidth
+          disabled={isBusy}
+          className='mt-1 justify-center [&>span]:flex-none'
+        >
+          {isBusy ? 'Sending…' : 'Send message'}
+        </Chip>
+      </form>
+    </>
+  )
+}
diff --git a/apps/sim/app/(landing)/contact/components/contact-form/index.ts b/apps/sim/app/(landing)/contact/components/contact-form/index.ts
new file mode 100644
index 00000000000..ab5151da9c7
--- /dev/null
+++ b/apps/sim/app/(landing)/contact/components/contact-form/index.ts
@@ -0,0 +1 @@
+export { ContactForm } from './contact-form'
diff --git a/apps/sim/app/(landing)/contact/contact.tsx b/apps/sim/app/(landing)/contact/contact.tsx
new file mode 100644
index 00000000000..ff15713e77d
--- /dev/null
+++ b/apps/sim/app/(landing)/contact/contact.tsx
@@ -0,0 +1,75 @@
+import { chipBorderShadowRing, cn } from '@sim/emcn'
+import { TrustedBy } from '@/app/(landing)/components/trusted-by'
+import { ContactForm } from '@/app/(landing)/contact/components/contact-form'
+
+/**
+ * Contact page — mirrors the demo page's two-column split: value proposition and
+ * customer proof on the left, the message form in a content-height card on the
+ * right.
+ *
+ * The section is a two-column CSS grid capped and centered at the shared
+ * `max-w-[1446px]` with the navbar-aligned `px-12` gutter, so the headline starts
+ * on the same vertical line as the wordmark. The desktop split is `xl:grid-cols-2`
+ * with `xl:gap-x-0` — the columns split at the exact horizontal center, so the
+ * right card occupies the same rectangle as the hero's right panel. The card is
+ * inset from the section's top and bottom by 32px (`xl:pt-8`/`xl:pb-8`), spans both
+ * rows (`xl:row-span-2`), and its content drives the column height — the left
+ * column stretches to match, bottom-anchoring the logos to the card's lower edge.
+ *
+ * Three grid children, ordered in the DOM as headline → form → logos so the
+ * COLLAPSE below `xl` (single column) yields the best mobile reading order: value
+ * proposition first, the form immediately after it, then the customer logos as
+ * reinforcing social proof. On desktop the headline cell adds `xl:pt-[80px]` so its
+ * text sits on the hero's line, while the card top stays on the higher `top-8`
+ * line. The customer proof reuses the shared {@link TrustedBy} block,
+ * bottom-anchored (`xl:row-start-2 xl:self-end`). The gutter follows the navbar
+ * convention (`px-12 max-lg:px-8 max-sm:px-5`), and `max-sm` drops to the smallest
+ * type scale.
+ *
+ * Carries an sr-only product summary for AI citation (landing CLAUDE.md → GEO).
+ */
+export default function Contact() {
+  return (
+    <main id='main-content'>
+      <section
+        id='contact'
+        aria-labelledby='contact-heading'
+        className='mx-auto grid w-full max-w-[1446px] grid-cols-1 gap-y-10 px-12 pt-20 pb-24 max-sm:gap-y-8 max-sm:px-5 max-sm:pt-16 max-sm:pb-16 max-lg:px-8 xl:grid-cols-2 xl:grid-rows-[auto_1fr] xl:gap-x-0 xl:pt-8 xl:pb-8'
+      >
+        <div className='flex flex-col gap-5 xl:col-start-1 xl:row-start-1 xl:self-start xl:pt-[80px]'>
+          <p className='sr-only'>
+            Get in touch with Sim, the open-source AI workspace where teams build, deploy, and
+            manage AI agents and workflows. Ask a question, request an integration, or get help from
+            the team — send a message and we'll get back to you shortly.
+          </p>
+
+          <h1
+            id='contact-heading'
+            className='text-balance text-[48px] text-[var(--text-primary)] leading-[1.1] max-sm:text-[32px] max-xl:text-wrap max-xl:text-[40px] [&>br]:max-xl:hidden'
+          >
+            Get in touch with Sim, <br />
+            the AI agent workspace.
+          </h1>
+          <p className='max-w-[46ch] text-pretty text-[var(--text-body)] text-lg leading-[1.5] max-sm:text-base'>
+            Ask a question, request an integration, or get help from the team. Tell us what you need
+            and we'll get back to you shortly.
+          </p>
+        </div>
+
+        <div
+          className={cn(
+            'relative min-w-0 overflow-hidden rounded-lg bg-[var(--surface-2)]',
+            chipBorderShadowRing,
+            'xl:col-start-2 xl:row-span-2 xl:row-start-1'
+          )}
+        >
+          <div className='p-6 max-sm:p-5'>
+            <ContactForm />
+          </div>
+        </div>
+
+        <TrustedBy className='xl:col-start-1 xl:row-start-2 xl:self-end' />
+      </section>
+    </main>
+  )
+}
diff --git a/apps/sim/app/(landing)/contact/page.tsx b/apps/sim/app/(landing)/contact/page.tsx
new file mode 100644
index 00000000000..3876509d709
--- /dev/null
+++ b/apps/sim/app/(landing)/contact/page.tsx
@@ -0,0 +1,18 @@
+import { buildLandingMetadata } from '@/lib/landing/seo'
+import Contact from '@/app/(landing)/contact/contact'
+
+export const revalidate = 3600
+
+const TITLE = 'Contact Us | Sim, the AI Workspace'
+const DESCRIPTION =
+  'Get in touch with Sim, the open-source AI workspace where teams build, deploy, and manage AI agents. Ask a question, request an integration, or get help from the team.'
+
+export const metadata = buildLandingMetadata({
+  title: TITLE,
+  description: DESCRIPTION,
+  path: '/contact',
+})
+
+export default function Page() {
+  return <Contact />
+}
diff --git a/apps/sim/app/api/contact/route.ts b/apps/sim/app/api/contact/route.ts
new file mode 100644
index 00000000000..2b610ec2114
--- /dev/null
+++ b/apps/sim/app/api/contact/route.ts
@@ -0,0 +1,191 @@
+import { createLogger } from '@sim/logger'
+import { type NextRequest, NextResponse } from 'next/server'
+import { renderHelpConfirmationEmail } from '@/components/emails'
+import {
+  getContactTopicLabel,
+  mapContactTopicToHelpType,
+  submitContactContract,
+} from '@/lib/api/contracts/contact'
+import { parseRequest } from '@/lib/api/server'
+import { env } from '@/lib/core/config/env'
+import type { TokenBucketConfig } from '@/lib/core/rate-limiter'
+import { RateLimiter } from '@/lib/core/rate-limiter'
+import { isTurnstileConfigured, verifyTurnstileToken } from '@/lib/core/security/turnstile'
+import { generateRequestId, getClientIp } from '@/lib/core/utils/request'
+import { getEmailDomain } from '@/lib/core/utils/urls'
+import { withRouteHandler } from '@/lib/core/utils/with-route-handler'
+import { sendEmail } from '@/lib/messaging/email/mailer'
+import { getFromEmailAddress } from '@/lib/messaging/email/utils'
+
+const logger = createLogger('ContactAPI')
+const rateLimiter = new RateLimiter()
+
+const PUBLIC_ENDPOINT_RATE_LIMIT: TokenBucketConfig = {
+  maxTokens: 10,
+  refillRate: 5,
+  refillIntervalMs: 60_000,
+}
+
+const CAPTCHA_UNAVAILABLE_RATE_LIMIT: TokenBucketConfig = {
+  maxTokens: 3,
+  refillRate: 1,
+  refillIntervalMs: 60_000,
+}
+
+const SUCCESS_RESPONSE = { success: true, message: "Thanks — we'll be in touch soon." }
+const TOO_MANY_REQUESTS_RESPONSE = { error: 'Too many requests. Please try again later.' }
+
+/**
+ * Public contact-form endpoint: per-IP rate limit, honeypot drop, captcha, then a
+ * help-inbox notification plus a best-effort visitor confirmation.
+ *
+ * Captcha is server-authoritative — a valid Turnstile token is the only way past
+ * the stricter fallback bucket, so a caller cannot opt out of the challenge. A
+ * missing token (widget could not load) or a Cloudflare transport error falls
+ * back to the tighter no-captcha bucket rather than a free pass; an outright
+ * invalid token is rejected. That backstop is enforced `failClosed`, so an
+ * unavailable limiter rejects token-less submits instead of admitting them. No
+ * `expectedHostname` is pinned: the site key is already domain-bound in
+ * Cloudflare, and a single-host pin would reject valid self-hosted/preview/apex
+ * tokens.
+ */
+export const POST = withRouteHandler(async (req: NextRequest) => {
+  const requestId = generateRequestId()
+
+  try {
+    const ip = getClientIp(req)
+    const storageKey = `public:contact:${ip}`
+
+    const { allowed, remaining, resetAt } = await rateLimiter.checkRateLimitDirect(
+      storageKey,
+      PUBLIC_ENDPOINT_RATE_LIMIT
+    )
+
+    if (!allowed) {
+      logger.warn(`[${requestId}] Rate limit exceeded for IP ${ip}`, { remaining, resetAt })
+      return NextResponse.json(TOO_MANY_REQUESTS_RESPONSE, {
+        status: 429,
+        headers: { 'Retry-After': String(Math.ceil((resetAt.getTime() - Date.now()) / 1000)) },
+      })
+    }
+
+    const parsed = await parseRequest(submitContactContract, req, {})
+    if (!parsed.success) {
+      logger.warn(`[${requestId}] Invalid contact request data`)
+      return parsed.response
+    }
+
+    const { name, email, company, topic, subject, message, website, captchaToken } =
+      parsed.data.body
+
+    if (typeof website === 'string' && website.trim().length > 0) {
+      logger.warn(`[${requestId}] Honeypot triggered, discarding`, { ip })
+      return NextResponse.json(SUCCESS_RESPONSE, { status: 201 })
+    }
+
+    if (isTurnstileConfigured()) {
+      let captchaVerified = false
+      const token =
+        typeof captchaToken === 'string' && captchaToken.length > 0 ? captchaToken : null
+
+      if (token) {
+        const verification = await verifyTurnstileToken({ token, remoteIp: ip })
+        if (verification.success) {
+          captchaVerified = true
+        } else if (!verification.transportError) {
+          logger.warn(`[${requestId}] Captcha verification failed`, {
+            ip,
+            errorCodes: verification.errorCodes,
+          })
+          return NextResponse.json(
+            { error: 'Captcha verification failed. Please try again.' },
+            { status: 400 }
+          )
+        } else {
+          logger.warn(
+            `[${requestId}] Captcha transport error, falling back to no-captcha rate limit`,
+            { ip }
+          )
+        }
+      }
+
+      if (!captchaVerified) {
+        const nocaptchaKey = `public:contact:nocaptcha:${ip}`
+        const { allowed: nocaptchaAllowed } = await rateLimiter.checkRateLimitDirect(
+          nocaptchaKey,
+          CAPTCHA_UNAVAILABLE_RATE_LIMIT,
+          { failClosed: true }
+        )
+        if (!nocaptchaAllowed) {
+          logger.warn(`[${requestId}] Rate limit rejected (no-captcha) for IP ${ip}`)
+          return NextResponse.json(TOO_MANY_REQUESTS_RESPONSE, { status: 429 })
+        }
+      }
+    }
+
+    const topicLabel = getContactTopicLabel(topic)
+
+    logger.info(`[${requestId}] Processing contact request`, {
+      email: `${email.substring(0, 3)}***`,
+      topic,
+    })
+
+    const emailText = `Contact form submission
+Submitted: ${new Date().toISOString()}
+Topic: ${topicLabel}
+Name: ${name}
+Email: ${email}
+Company: ${company ?? 'Not provided'}
+
+Subject: ${subject}
+
+Message:
+${message}
+`
+
+    const helpInboxDomain = env.EMAIL_DOMAIN || getEmailDomain()
+    const emailResult = await sendEmail({
+      to: [`help@${helpInboxDomain}`],
+      subject: `[CONTACT:${topic.toUpperCase()}] ${subject}`,
+      text: emailText,
+      from: getFromEmailAddress(),
+      replyTo: email,
+      emailType: 'transactional',
+    })
+
+    if (!emailResult.success) {
+      logger.error(`[${requestId}] Error sending contact request email`, emailResult.message)
+      return NextResponse.json({ error: 'Failed to send message' }, { status: 500 })
+    }
+
+    logger.info(`[${requestId}] Contact request email sent successfully`)
+
+    try {
+      const confirmationHtml = await renderHelpConfirmationEmail(
+        mapContactTopicToHelpType(topic),
+        0
+      )
+
+      await sendEmail({
+        to: [email],
+        subject: `We've received your message: ${subject}`,
+        html: confirmationHtml,
+        from: getFromEmailAddress(),
+        replyTo: `help@${helpInboxDomain}`,
+        emailType: 'transactional',
+      })
+    } catch (err) {
+      logger.warn(`[${requestId}] Failed to send contact confirmation email`, err)
+    }
+
+    return NextResponse.json(SUCCESS_RESPONSE, { status: 201 })
+  } catch (error) {
+    if (error instanceof Error && error.message.includes('not configured')) {
+      logger.error(`[${requestId}] Email service configuration error`, error)
+      return NextResponse.json({ error: 'Email service configuration error.' }, { status: 500 })
+    }
+
+    logger.error(`[${requestId}] Error processing contact request`, error)
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+})
diff --git a/apps/sim/app/sitemap.ts b/apps/sim/app/sitemap.ts
index 150caf3ba7c..668ff239095 100644
--- a/apps/sim/app/sitemap.ts
+++ b/apps/sim/app/sitemap.ts
@@ -42,6 +42,9 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
     {
       url: `${baseUrl}/demo`,
     },
+    {
+      url: `${baseUrl}/contact`,
+    },
     {
       url: `${baseUrl}/enterprise`,
     },
diff --git a/apps/sim/hooks/queries/contact.ts b/apps/sim/hooks/queries/contact.ts
new file mode 100644
index 00000000000..17daab2470f
--- /dev/null
+++ b/apps/sim/hooks/queries/contact.ts
@@ -0,0 +1,25 @@
+import { createLogger } from '@sim/logger'
+import { useMutation } from '@tanstack/react-query'
+import { requestJson } from '@/lib/api/client/request'
+import {
+  type SubmitContactBody,
+  type SubmitContactResult,
+  submitContactContract,
+} from '@/lib/api/contracts/contact'
+
+const logger = createLogger('ContactMutation')
+
+/**
+ * Submit an inbound contact request. The route emails the help inbox (replying to
+ * the visitor) and sends the visitor a confirmation. Used by the public `/contact`
+ * form; the honeypot and captcha fields ride along on the same payload.
+ */
+export function useSubmitContact() {
+  return useMutation({
+    mutationFn: (variables: SubmitContactBody): Promise<SubmitContactResult> =>
+      requestJson(submitContactContract, { body: variables }),
+    onError: (error) => {
+      logger.error('Failed to submit contact request:', error)
+    },
+  })
+}
diff --git a/apps/sim/lib/api/contracts/contact.ts b/apps/sim/lib/api/contracts/contact.ts
new file mode 100644
index 00000000000..6ae9f573340
--- /dev/null
+++ b/apps/sim/lib/api/contracts/contact.ts
@@ -0,0 +1,106 @@
+import { z } from 'zod'
+import type { ContractBodyInput } from '@/lib/api/contracts/types'
+import { defineRouteContract } from '@/lib/api/contracts/types'
+import { NO_EMAIL_HEADER_CONTROL_CHARS_REGEX } from '@/lib/messaging/email/utils'
+import { quickValidateEmail } from '@/lib/messaging/email/validation'
+
+export const CONTACT_TOPIC_VALUES = [
+  'general',
+  'support',
+  'integration',
+  'feature_request',
+  'sales',
+  'partnership',
+  'billing',
+  'other',
+] as const
+
+export const CONTACT_TOPIC_OPTIONS = [
+  { value: 'general', label: 'General question' },
+  { value: 'support', label: 'Technical support' },
+  { value: 'integration', label: 'Integration request' },
+  { value: 'feature_request', label: 'Feature request' },
+  { value: 'sales', label: 'Sales & pricing' },
+  { value: 'partnership', label: 'Partnership' },
+  { value: 'billing', label: 'Billing' },
+  { value: 'other', label: 'Other' },
+] as const
+
+export const contactRequestSchema = z.object({
+  name: z
+    .string()
+    .trim()
+    .min(1, 'Name is required')
+    .max(120, 'Name must be 120 characters or less')
+    .regex(NO_EMAIL_HEADER_CONTROL_CHARS_REGEX, 'Invalid characters'),
+  email: z
+    .string()
+    .trim()
+    .min(1, 'Email is required')
+    .max(320)
+    .transform((value) => value.toLowerCase())
+    .refine((value) => quickValidateEmail(value).isValid, 'Enter a valid email'),
+  company: z
+    .string()
+    .trim()
+    .max(120, 'Company must be 120 characters or less')
+    .optional()
+    .transform((value) => (value && value.length > 0 ? value : undefined)),
+  topic: z.enum(CONTACT_TOPIC_VALUES, {
+    error: 'Please select a topic',
+  }),
+  subject: z
+    .string()
+    .trim()
+    .min(1, 'Subject is required')
+    .max(200, 'Subject must be 200 characters or less')
+    .regex(NO_EMAIL_HEADER_CONTROL_CHARS_REGEX, 'Invalid characters'),
+  message: z
+    .string()
+    .trim()
+    .min(1, 'Message is required')
+    .max(5000, 'Message must be 5,000 characters or less'),
+})
+
+export type ContactRequestPayload = z.infer<typeof contactRequestSchema>
+export type ContactRequestBody = z.input<typeof contactRequestSchema>
+
+export const submitContactBodySchema = contactRequestSchema.extend({
+  website: z.string().optional(),
+  captchaToken: z.string().optional(),
+})
+
+export function getContactTopicLabel(value: ContactRequestPayload['topic']): string {
+  return CONTACT_TOPIC_OPTIONS.find((option) => option.value === value)?.label ?? value
+}
+
+export type HelpEmailType = 'bug' | 'feedback' | 'feature_request' | 'other'
+
+/**
+ * Map a contact topic to the confirmation-email type. Only `feature_request` has
+ * a matching email label ("Feature Request"); every other topic — support, sales,
+ * billing, etc. — resolves to `other` ("General Inquiry") so the confirmation copy
+ * never mislabels the request (e.g. calling a support inquiry a "bug report").
+ */
+export function mapContactTopicToHelpType(topic: ContactRequestPayload['topic']): HelpEmailType {
+  return topic === 'feature_request' ? 'feature_request' : 'other'
+}
+
+export const contactResponseSchema = z.object({
+  success: z.literal(true),
+  message: z.string(),
+})
+
+export type SubmitContactResult = z.output<typeof contactResponseSchema>
+
+export const submitContactContract = defineRouteContract({
+  method: 'POST',
+  path: '/api/contact',
+  body: submitContactBodySchema,
+  response: {
+    mode: 'json',
+    schema: contactResponseSchema,
+  },
+})
+
+export type SubmitContactBody = ContractBodyInput<typeof submitContactContract>
diff --git a/apps/sim/lib/core/rate-limiter/rate-limiter.test.ts b/apps/sim/lib/core/rate-limiter/rate-limiter.test.ts
index a53a29b77ae..93e482613fd 100644
--- a/apps/sim/lib/core/rate-limiter/rate-limiter.test.ts
+++ b/apps/sim/lib/core/rate-limiter/rate-limiter.test.ts
@@ -266,6 +266,43 @@ describe('RateLimiter', () => {
     })
   })
 
+  describe('checkRateLimitDirect', () => {
+    const config = { maxTokens: 3, refillRate: 1, refillIntervalMs: 60_000 }
+
+    it('should reflect the storage decision when it succeeds', async () => {
+      mockAdapter.consumeTokens.mockResolvedValue({
+        allowed: true,
+        tokensRemaining: 2,
+        resetAt: new Date(),
+      })
+
+      const result = await rateLimiter.checkRateLimitDirect('public:contact:ip', config)
+
+      expect(result.allowed).toBe(true)
+      expect(result.remaining).toBe(2)
+    })
+
+    it('should fail open on storage error by default', async () => {
+      mockAdapter.consumeTokens.mockRejectedValue(new Error('Storage error'))
+
+      const result = await rateLimiter.checkRateLimitDirect('public:contact:ip', config)
+
+      expect(result.allowed).toBe(true)
+      expect(result.remaining).toBe(1)
+    })
+
+    it('should fail closed on storage error when failClosed is set', async () => {
+      mockAdapter.consumeTokens.mockRejectedValue(new Error('Storage error'))
+
+      const result = await rateLimiter.checkRateLimitDirect('public:contact:ip', config, {
+        failClosed: true,
+      })
+
+      expect(result.allowed).toBe(false)
+      expect(result.remaining).toBe(0)
+    })
+  })
+
   describe('subscription plan handling', () => {
     it('should use pro plan limits', async () => {
       const proSubscription = { plan: 'pro', referenceId: testUserId }
diff --git a/apps/sim/lib/core/rate-limiter/rate-limiter.ts b/apps/sim/lib/core/rate-limiter/rate-limiter.ts
index da5ce07d74e..9e274839d86 100644
--- a/apps/sim/lib/core/rate-limiter/rate-limiter.ts
+++ b/apps/sim/lib/core/rate-limiter/rate-limiter.ts
@@ -165,9 +165,16 @@ export class RateLimiter {
     }
   }
 
+  /**
+   * Consume one token from a bucket. On storage failure the default is to fail
+   * open (allow the request) so a limiter outage never takes down normal traffic.
+   * Pass `failClosed: true` for security-critical checks — e.g. a captcha
+   * backstop — where an unenforceable limit must reject rather than admit.
+   */
   async checkRateLimitDirect(
     storageKey: string,
-    config: { maxTokens: number; refillRate: number; refillIntervalMs: number }
+    config: { maxTokens: number; refillRate: number; refillIntervalMs: number },
+    options?: { failClosed?: boolean }
   ): Promise<RateLimitResult> {
     try {
       const result = await this.storage.consumeTokens(storageKey, 1, config)
@@ -181,13 +188,17 @@ export class RateLimiter {
         retryAfterMs: result.retryAfterMs,
       }
     } catch (error) {
-      logger.error('Rate limit storage error - failing open (allowing request)', {
-        error: toError(error).message,
-        storageKey,
-      })
+      const failClosed = options?.failClosed === true
+      logger.error(
+        `Rate limit storage error - failing ${failClosed ? 'closed (rejecting request)' : 'open (allowing request)'}`,
+        {
+          error: toError(error).message,
+          storageKey,
+        }
+      )
       return {
-        allowed: true,
-        remaining: 1,
+        allowed: !failClosed,
+        remaining: failClosed ? 0 : 1,
         resetAt: new Date(Date.now() + RATE_LIMIT_WINDOW_MS),
       }
     }
diff --git a/scripts/check-api-validation-contracts.ts b/scripts/check-api-validation-contracts.ts
index 987f7f578de..0d0d94230aa 100644
--- a/scripts/check-api-validation-contracts.ts
+++ b/scripts/check-api-validation-contracts.ts
@@ -9,8 +9,8 @@ const QUERY_HOOKS_DIR = path.join(ROOT, 'apps/sim/hooks/queries')
 const SELECTOR_HOOKS_DIR = path.join(ROOT, 'apps/sim/hooks/selectors')
 
 const BASELINE = {
-  totalRoutes: 881,
-  zodRoutes: 881,
+  totalRoutes: 882,
+  zodRoutes: 882,
   nonZodRoutes: 0,
 } as const
 

From 2393b72ee60ed15c1d9aec7673284ef69ed01a72 Mon Sep 17 00:00:00 2001
From: Waleed <walif6@gmail.com>
Date: Wed, 1 Jul 2026 01:25:19 -0700
Subject: [PATCH 3/3] feat(careers): careers page backed by the Ashby job board
 (#5316)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(careers): careers page backed by the Ashby job board

* fix(careers): harden Ashby parsing and filter edge cases from review

- validate jobUrl as http(s) only; drop postings with unsafe URLs
- validate postings individually so one bad row can't empty the board
- namespace the all-filter sentinel to avoid colliding with real values
- dedupe the job metadata line (fixes duplicate React keys / Remote·Remote)
- parse filters server-side so deep-linked views don't flash unfiltered

* fix(careers): filter-aware empty state; drop inline comments

- JobGroups owns its empty copy via a filtersActive flag, so the server
  fallback and client board render identical, correct empty messaging
  (no-open-roles vs no-matching-filters)
- convert remaining inline comments to TSDoc
---
 apps/sim/app/(landing)/careers/careers.tsx    |  93 ++++++++++
 .../careers/components/job-board/index.ts     |   2 +
 .../components/job-board/job-board.tsx        |  74 ++++++++
 .../components/job-board/job-groups.tsx       | 156 ++++++++++++++++
 apps/sim/app/(landing)/careers/page.tsx       |  17 ++
 .../app/(landing)/careers/search-params.ts    |  35 ++++
 .../(landing)/components/footer/footer.tsx    |   2 +-
 apps/sim/app/sitemap.ts                       |   3 +
 apps/sim/lib/ashby/jobs.ts                    | 173 ++++++++++++++++++
 9 files changed, 554 insertions(+), 1 deletion(-)
 create mode 100644 apps/sim/app/(landing)/careers/careers.tsx
 create mode 100644 apps/sim/app/(landing)/careers/components/job-board/index.ts
 create mode 100644 apps/sim/app/(landing)/careers/components/job-board/job-board.tsx
 create mode 100644 apps/sim/app/(landing)/careers/components/job-board/job-groups.tsx
 create mode 100644 apps/sim/app/(landing)/careers/page.tsx
 create mode 100644 apps/sim/app/(landing)/careers/search-params.ts
 create mode 100644 apps/sim/lib/ashby/jobs.ts

diff --git a/apps/sim/app/(landing)/careers/careers.tsx b/apps/sim/app/(landing)/careers/careers.tsx
new file mode 100644
index 00000000000..8cd927f390f
--- /dev/null
+++ b/apps/sim/app/(landing)/careers/careers.tsx
@@ -0,0 +1,93 @@
+import { Suspense } from 'react'
+import type { SearchParams } from 'nuqs/server'
+import { getAshbyJobs } from '@/lib/ashby/jobs'
+import {
+  filterPostings,
+  groupByDepartment,
+  hasActiveFilters,
+  JobBoard,
+  JobGroups,
+} from '@/app/(landing)/careers/components/job-board'
+import { careersSearchParamsCache } from '@/app/(landing)/careers/search-params'
+import { TrustedBy } from '@/app/(landing)/components/trusted-by'
+
+interface CareersProps {
+  searchParams: Promise<SearchParams>
+}
+
+/**
+ * The careers page — a mission-led hero above the live open-roles board. Roles
+ * are pulled from Sim's public Ashby job board at build/revalidate time
+ * ({@link getAshbyJobs}) and server-rendered in full, so every posting is in the
+ * crawlable HTML; the interactive {@link JobBoard} hydrates on top to add
+ * Team/Location filtering.
+ *
+ * Both sections share the landing gutter — capped and centered at `max-w-[1446px]`
+ * with the navbar-aligned `px-12 max-lg:px-8 max-sm:px-5` so the headline starts on
+ * the same vertical line as the wordmark. The hero carries the single `<h1>`
+ * (containing "Sim" and "AI workspace") plus an sr-only product summary for AI
+ * citation (landing CLAUDE.md → GEO); the roles section owns its own `<h2>`.
+ *
+ * Because {@link JobBoard} reads the URL via nuqs (`useSearchParams`), it sits under
+ * a `<Suspense>` boundary. The page parses the same `?team=`/`?location=` query on
+ * the server ({@link careersSearchParamsCache}) and pre-filters the fallback to
+ * match, so a deep-linked filter renders the correct roles server-side — the list
+ * never flashes unfiltered before the client board hydrates.
+ */
+export default async function Careers({ searchParams }: CareersProps) {
+  const { team, location } = await careersSearchParamsCache.parse(searchParams)
+  const postings = await getAshbyJobs()
+  const fallbackGroups = groupByDepartment(filterPostings(postings, team, location))
+
+  return (
+    <main id='main-content'>
+      <section
+        id='careers-hero'
+        aria-labelledby='careers-heading'
+        className='mx-auto flex w-full max-w-[1446px] flex-col gap-5 px-12 pt-20 pb-10 max-sm:px-5 max-sm:pt-16 max-lg:px-8'
+      >
+        <p className='sr-only'>
+          Careers at Sim, the open-source AI workspace where teams build, deploy, and manage AI
+          agents. Sim is hiring engineers, designers, and go-to-market builders to help teams
+          automate real work across 1,000+ integrations and every major LLM — visually,
+          conversationally, or with code.
+        </p>
+
+        <h1
+          id='careers-heading'
+          className='max-w-[24ch] text-balance text-[48px] text-[var(--text-primary)] leading-[1.1] max-sm:text-[32px] max-xl:text-[40px]'
+        >
+          Help build Sim, the AI workspace for teams.
+        </h1>
+        <p className='max-w-[60ch] text-pretty text-[var(--text-body)] text-lg leading-[1.5] max-sm:text-base'>
+          Sim is the open-source AI workspace where teams build, deploy, and manage AI agents. We're
+          a small, high-agency team shipping fast to thousands of builders. If you want to own real
+          work and shape the workspace teams live in, we'd love to meet you.
+        </p>
+      </section>
+
+      <section
+        id='open-roles'
+        aria-labelledby='open-roles-heading'
+        className='mx-auto flex w-full max-w-[1446px] flex-col gap-10 px-12 pt-6 pb-24 max-sm:px-5 max-sm:pb-16 max-lg:px-8'
+      >
+        <h2
+          id='open-roles-heading'
+          className='text-[24px] text-[var(--text-primary)] leading-[110%] tracking-[-0.02em]'
+        >
+          Open roles
+        </h2>
+
+        <Suspense
+          fallback={
+            <JobGroups groups={fallbackGroups} filtersActive={hasActiveFilters(team, location)} />
+          }
+        >
+          <JobBoard postings={postings} />
+        </Suspense>
+
+        <TrustedBy className='pt-6' />
+      </section>
+    </main>
+  )
+}
diff --git a/apps/sim/app/(landing)/careers/components/job-board/index.ts b/apps/sim/app/(landing)/careers/components/job-board/index.ts
new file mode 100644
index 00000000000..df3091dfa1d
--- /dev/null
+++ b/apps/sim/app/(landing)/careers/components/job-board/index.ts
@@ -0,0 +1,2 @@
+export { JobBoard } from './job-board'
+export { filterPostings, groupByDepartment, hasActiveFilters, JobGroups } from './job-groups'
diff --git a/apps/sim/app/(landing)/careers/components/job-board/job-board.tsx b/apps/sim/app/(landing)/careers/components/job-board/job-board.tsx
new file mode 100644
index 00000000000..70e3478cc18
--- /dev/null
+++ b/apps/sim/app/(landing)/careers/components/job-board/job-board.tsx
@@ -0,0 +1,74 @@
+'use client'
+
+import { ChipSelect, type ChipSelectOption } from '@sim/emcn'
+import { useQueryStates } from 'nuqs'
+import type { CareerPosting } from '@/lib/ashby/jobs'
+import {
+  filterPostings,
+  groupByDepartment,
+  hasActiveFilters,
+  JobGroups,
+} from '@/app/(landing)/careers/components/job-board/job-groups'
+import {
+  ALL_FILTER_VALUE,
+  careersParsers,
+  careersUrlKeys,
+} from '@/app/(landing)/careers/search-params'
+
+interface JobBoardProps {
+  postings: CareerPosting[]
+}
+
+/** Builds `{ label, value }` options for a filter, with an "All" row at the top. */
+function toFilterOptions(values: string[], allLabel: string): ChipSelectOption[] {
+  return [
+    { label: allLabel, value: ALL_FILTER_VALUE },
+    ...values.map((value) => ({ label: value, value })),
+  ]
+}
+
+/** Distinct, alphabetically sorted values from a list. */
+function uniqueSorted(values: string[]): string[] {
+  return Array.from(new Set(values)).sort((a, b) => a.localeCompare(b))
+}
+
+/**
+ * The interactive open-roles board — the single `'use client'` leaf on the
+ * careers page. Every posting is server-rendered into the HTML (via the static
+ * {@link JobGroups} Suspense fallback in `careers.tsx`), so all roles stay
+ * crawlable; this leaf hydrates on top to add Team/Location filtering. Filter
+ * state lives in the URL via nuqs (`?team=`/`?location=`) so a filtered view is
+ * shareable and survives reload/back-forward. The filter set is small and
+ * static, so filtering reads the instant URL value directly (no debounce).
+ */
+export function JobBoard({ postings }: JobBoardProps) {
+  const [{ team, location }, setFilters] = useQueryStates(careersParsers, careersUrlKeys)
+
+  const teamOptions = toFilterOptions(uniqueSorted(postings.map((p) => p.department)), 'All teams')
+  const locationOptions = toFilterOptions(
+    uniqueSorted(postings.map((p) => p.location).filter(Boolean)),
+    'All locations'
+  )
+  const groups = groupByDepartment(filterPostings(postings, team, location))
+
+  return (
+    <div className='flex flex-col gap-10'>
+      <div className='flex flex-wrap items-center gap-3'>
+        <ChipSelect
+          options={teamOptions}
+          value={team}
+          onChange={(value) => setFilters({ team: value })}
+          aria-label='Filter roles by team'
+        />
+        <ChipSelect
+          options={locationOptions}
+          value={location}
+          onChange={(value) => setFilters({ location: value })}
+          aria-label='Filter roles by location'
+        />
+      </div>
+
+      <JobGroups groups={groups} filtersActive={hasActiveFilters(team, location)} />
+    </div>
+  )
+}
diff --git a/apps/sim/app/(landing)/careers/components/job-board/job-groups.tsx b/apps/sim/app/(landing)/careers/components/job-board/job-groups.tsx
new file mode 100644
index 00000000000..885f4ae487f
--- /dev/null
+++ b/apps/sim/app/(landing)/careers/components/job-board/job-groups.tsx
@@ -0,0 +1,156 @@
+import { cn } from '@sim/emcn'
+import { ArrowRight } from '@sim/emcn/icons'
+import type { CareerPosting } from '@/lib/ashby/jobs'
+import { ALL_FILTER_VALUE } from '@/app/(landing)/careers/search-params'
+
+export interface DepartmentGroup {
+  department: string
+  postings: CareerPosting[]
+}
+
+/**
+ * Narrows postings to a selected Team and Location, treating {@link ALL_FILTER_VALUE}
+ * as "any". Shared by the server-rendered fallback and the client board so a
+ * deep-linked filter resolves to the exact same set on both sides.
+ */
+export function filterPostings(
+  postings: CareerPosting[],
+  team: string,
+  location: string
+): CareerPosting[] {
+  return postings.filter(
+    (posting) =>
+      (team === ALL_FILTER_VALUE || posting.department === team) &&
+      (location === ALL_FILTER_VALUE || posting.location === location)
+  )
+}
+
+/** Whether either the Team or Location filter is narrowing the board. */
+export function hasActiveFilters(team: string, location: string): boolean {
+  return team !== ALL_FILTER_VALUE || location !== ALL_FILTER_VALUE
+}
+
+/** Empty-state copy: distinguishes a truly empty board from a filtered-to-zero view. */
+const NO_OPEN_ROLES_MESSAGE = 'No open roles right now — check back soon.'
+const NO_MATCHING_ROLES_MESSAGE =
+  'No roles match these filters right now. Try clearing them, or check back soon.'
+
+/**
+ * Buckets postings by department, preserving their incoming order (the fetcher
+ * pre-sorts by department then title). Shared by the interactive board and its
+ * static Suspense fallback so the two can never render a different grouping.
+ */
+export function groupByDepartment(postings: CareerPosting[]): DepartmentGroup[] {
+  const byDepartment = new Map<string, CareerPosting[]>()
+  for (const posting of postings) {
+    const bucket = byDepartment.get(posting.department)
+    if (bucket) bucket.push(posting)
+    else byDepartment.set(posting.department, [posting])
+  }
+  return Array.from(byDepartment, ([department, items]) => ({ department, postings: items }))
+}
+
+interface JobGroupsProps {
+  groups: DepartmentGroup[]
+  /**
+   * Whether a Team/Location filter is active. Selects the empty-state copy so an
+   * unfiltered empty board ("no open roles") never reads as a filtered miss ("no
+   * matches") — and the server fallback and client board always agree.
+   */
+  filtersActive?: boolean
+}
+
+/**
+ * The presentational open-roles list: one labeled section per department, each a
+ * list of {@link JobRow}s. Server-safe (no client hooks) so it renders both as
+ * the static Suspense fallback and inside the client {@link JobBoard}.
+ */
+export function JobGroups({ groups, filtersActive = false }: JobGroupsProps) {
+  if (groups.length === 0) {
+    return (
+      <p className='py-10 text-[var(--text-muted)] text-base'>
+        {filtersActive ? NO_MATCHING_ROLES_MESSAGE : NO_OPEN_ROLES_MESSAGE}
+      </p>
+    )
+  }
+
+  return (
+    <div className='flex flex-col gap-12'>
+      {groups.map((group) => (
+        <section
+          key={group.department}
+          aria-label={`${group.department} roles`}
+          className='flex flex-col'
+        >
+          <h3 className='pb-2 font-medium text-[var(--text-muted)] text-sm'>{group.department}</h3>
+          <ul className='flex flex-col'>
+            {group.postings.map((posting) => (
+              <li key={posting.id}>
+                <JobRow posting={posting} />
+              </li>
+            ))}
+          </ul>
+        </section>
+      ))}
+    </div>
+  )
+}
+
+interface JobRowProps {
+  posting: CareerPosting
+}
+
+/**
+ * A single role row: title over a metadata line, with an "Apply" affordance that
+ * links out to the posting on Ashby. The whole row is the link target; hovering
+ * tints the row and advances the arrow. The metadata values are de-duplicated
+ * because a remote posting normalizes both `location` and `workplaceType` to
+ * "Remote", which would otherwise render "Remote · Remote" and collide as keys.
+ */
+function JobRow({ posting }: JobRowProps) {
+  const meta = Array.from(
+    new Set(
+      [
+        posting.location,
+        posting.employmentType,
+        posting.workplaceType,
+        posting.compensationSummary,
+      ].filter((value): value is string => Boolean(value))
+    )
+  )
+
+  return (
+    <a
+      href={posting.jobUrl}
+      target='_blank'
+      rel='noopener noreferrer'
+      className={cn(
+        'group flex items-center justify-between gap-6 border-[var(--border)] border-t py-5',
+        'transition-colors hover:bg-[var(--surface-hover)]'
+      )}
+    >
+      <div className='flex min-w-0 flex-col gap-1.5'>
+        <h4 className='truncate font-medium text-[var(--text-primary)] text-base'>
+          {posting.title}
+        </h4>
+        <div className='flex flex-wrap items-center gap-x-2 gap-y-1 text-[var(--text-muted)] text-sm'>
+          {meta.map((item, index) => (
+            <span key={item} className='flex items-center gap-2'>
+              {index > 0 && (
+                <span aria-hidden className='text-[var(--text-muted)]'>
+                  ·
+                </span>
+              )}
+              {item}
+            </span>
+          ))}
+        </div>
+      </div>
+
+      <span className='flex shrink-0 items-center gap-1.5 font-medium text-[var(--text-body)] text-sm'>
+        Apply
+        <ArrowRight className='size-[14px] text-[var(--text-icon)] transition-transform group-hover:translate-x-0.5' />
+      </span>
+    </a>
+  )
+}
diff --git a/apps/sim/app/(landing)/careers/page.tsx b/apps/sim/app/(landing)/careers/page.tsx
new file mode 100644
index 00000000000..b9a3e5ad55f
--- /dev/null
+++ b/apps/sim/app/(landing)/careers/page.tsx
@@ -0,0 +1,17 @@
+import type { SearchParams } from 'nuqs/server'
+import { buildLandingMetadata } from '@/lib/landing/seo'
+import Careers from '@/app/(landing)/careers/careers'
+
+export const revalidate = 3600
+
+export const metadata = buildLandingMetadata({
+  title: 'Careers at Sim — Build the AI workspace for teams',
+  description:
+    'Join Sim, the open-source AI workspace where teams build, deploy, and manage AI agents. See open engineering, design, and go-to-market roles.',
+  path: '/careers',
+  keywords: 'Sim careers, Sim jobs, AI workspace jobs, AI agent engineering jobs, open source jobs',
+})
+
+export default function Page({ searchParams }: { searchParams: Promise<SearchParams> }) {
+  return <Careers searchParams={searchParams} />
+}
diff --git a/apps/sim/app/(landing)/careers/search-params.ts b/apps/sim/app/(landing)/careers/search-params.ts
new file mode 100644
index 00000000000..282c0c8835e
--- /dev/null
+++ b/apps/sim/app/(landing)/careers/search-params.ts
@@ -0,0 +1,35 @@
+import { createSearchParamsCache, parseAsString } from 'nuqs/server'
+
+/**
+ * Sentinel value for an inactive filter — matches every posting. Namespaced with
+ * underscores so it can never collide with a real Ashby department or location
+ * value (e.g. a team literally named "all").
+ */
+export const ALL_FILTER_VALUE = '__all__'
+
+/**
+ * Co-located, typed URL query params for the careers job board's Team and
+ * Location filters. Shareable, deep-linkable view-state over an already-rendered
+ * list, so it lives in the URL (nuqs) — never in a store. The values are dynamic
+ * (departments/locations come from the live board), so plain string parsers with
+ * an `all` sentinel default rather than a fixed literal set.
+ */
+export const careersParsers = {
+  team: parseAsString.withDefault(ALL_FILTER_VALUE),
+  location: parseAsString.withDefault(ALL_FILTER_VALUE),
+} as const
+
+/** Clean URLs, no back-stack churn — the filters are a passive view switch. */
+export const careersUrlKeys = {
+  history: 'replace',
+  shallow: true,
+  clearOnDefault: true,
+} as const
+
+/**
+ * Server-side reader for the same parser map. The page parses the request's
+ * query with this so the statically-rendered fallback is filtered to match a
+ * deep-linked `?team=`/`?location=` URL — the roles never flash unfiltered before
+ * the client board hydrates.
+ */
+export const careersSearchParamsCache = createSearchParamsCache(careersParsers)
diff --git a/apps/sim/app/(landing)/components/footer/footer.tsx b/apps/sim/app/(landing)/components/footer/footer.tsx
index 6eddc8f736e..7be79223df4 100644
--- a/apps/sim/app/(landing)/components/footer/footer.tsx
+++ b/apps/sim/app/(landing)/components/footer/footer.tsx
@@ -41,7 +41,7 @@ const RESOURCES_LINKS: FooterItem[] = [
   { label: 'Blog', href: '/blog' },
   { label: 'Docs', href: 'https://docs.sim.ai', external: true },
   { label: 'Partners', href: '/partners' },
-  { label: 'Careers', href: 'https://jobs.ashbyhq.com/sim', external: true },
+  { label: 'Careers', href: '/careers' },
   { label: 'Changelog', href: '/changelog' },
   { label: 'Contact', href: '/contact' },
 ]
diff --git a/apps/sim/app/sitemap.ts b/apps/sim/app/sitemap.ts
index 668ff239095..417a9bc28a8 100644
--- a/apps/sim/app/sitemap.ts
+++ b/apps/sim/app/sitemap.ts
@@ -45,6 +45,9 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
     {
       url: `${baseUrl}/contact`,
     },
+    {
+      url: `${baseUrl}/careers`,
+    },
     {
       url: `${baseUrl}/enterprise`,
     },
diff --git a/apps/sim/lib/ashby/jobs.ts b/apps/sim/lib/ashby/jobs.ts
new file mode 100644
index 00000000000..e25dbb9d072
--- /dev/null
+++ b/apps/sim/lib/ashby/jobs.ts
@@ -0,0 +1,173 @@
+import { createLogger } from '@sim/logger'
+import { z } from 'zod'
+
+const logger = createLogger('AshbyJobs')
+
+/**
+ * The Ashby-hosted job board slug for Sim — the final path segment of
+ * `https://jobs.ashbyhq.com/sim`. Drives the public, no-auth job posting API.
+ */
+const ASHBY_JOB_BOARD_NAME = 'sim'
+
+/** Public job posting API — returns every listed posting in one payload, no auth. */
+const ASHBY_JOB_BOARD_URL = `https://api.ashbyhq.com/posting-api/job-board/${ASHBY_JOB_BOARD_NAME}?includeCompensation=true`
+
+/** Revalidate the board hourly, shared across every render (build/revalidate-time cache). */
+const REVALIDATE_SECONDS = 3600
+
+/**
+ * An `http(s)`-only URL. `z.string().url()` alone accepts `javascript:`/`data:`
+ * (both parse as valid URLs), which would render as a live link, so the scheme is
+ * pinned explicitly — a posting whose `jobUrl` fails this is dropped rather than
+ * published as a clickable Apply link.
+ */
+const httpUrlSchema = z
+  .string()
+  .url()
+  .refine((value) => /^https?:\/\//i.test(value), 'Only http(s) URLs are allowed')
+
+/**
+ * Tolerant schema for a single Ashby posting. The public board omits several
+ * fields depending on the posting, so everything beyond the identity/title is
+ * optional or nullable — Ashby is a third party and its payload varies per board.
+ */
+const ashbyPostingSchema = z
+  .object({
+    id: z.string(),
+    title: z.string(),
+    department: z.string().nullish(),
+    team: z.string().nullish(),
+    location: z.string().nullish(),
+    employmentType: z.string().nullish(),
+    workplaceType: z.string().nullish(),
+    isListed: z.boolean().nullish(),
+    isRemote: z.boolean().nullish(),
+    publishedAt: z.string().nullish(),
+    jobUrl: httpUrlSchema,
+    applyUrl: z.string().nullish(),
+    shouldDisplayCompensationOnJobPostings: z.boolean().nullish(),
+    compensation: z
+      .object({
+        compensationTierSummary: z.string().nullish(),
+      })
+      .nullish(),
+  })
+  .passthrough()
+
+/**
+ * The board envelope validates loosely — each posting is validated individually
+ * in {@link getAshbyJobs} so a single malformed row is skipped rather than
+ * emptying the entire board.
+ */
+const ashbyJobBoardSchema = z.object({
+  apiVersion: z.string().nullish(),
+  jobs: z.array(z.unknown()),
+})
+
+/** Human-friendly labels for Ashby's enum-ish string fields. */
+const EMPLOYMENT_TYPE_LABELS: Record<string, string> = {
+  FullTime: 'Full-time',
+  PartTime: 'Part-time',
+  Intern: 'Internship',
+  Contract: 'Contract',
+  Temporary: 'Temporary',
+}
+
+const WORKPLACE_TYPE_LABELS: Record<string, string> = {
+  OnSite: 'On-site',
+  Remote: 'Remote',
+  Hybrid: 'Hybrid',
+}
+
+/** A normalized, presentation-ready job posting for the careers page. */
+export interface CareerPosting {
+  id: string
+  title: string
+  /** Grouping bucket — the posting's department (falls back to team, then "Other"). */
+  department: string
+  /** Display location, e.g. "San Francisco" or "Remote". */
+  location: string
+  /** Human employment type, e.g. "Full-time". Empty string when unknown. */
+  employmentType: string
+  /** Human workplace type, e.g. "On-site". Empty string when unknown. */
+  workplaceType: string
+  /** Compensation range summary when the posting opts to display it, else null. */
+  compensationSummary: string | null
+  /** Public detail URL on `jobs.ashbyhq.com`. */
+  jobUrl: string
+}
+
+/**
+ * Fetches the listed Sim job postings from Ashby's public job board API and
+ * normalizes them for the careers page. Cached at build/revalidate time and
+ * shared across renders. Mirrors {@link getGitHubStars}: it never throws — on any
+ * transport, status, or shape error it logs a warning and returns an empty list
+ * so the page renders its "no open roles" state instead of erroring.
+ */
+export async function getAshbyJobs(): Promise<CareerPosting[]> {
+  try {
+    const response = await fetch(ASHBY_JOB_BOARD_URL, {
+      headers: { Accept: 'application/json' },
+      next: { revalidate: REVALIDATE_SECONDS },
+      cache: 'force-cache',
+    })
+
+    if (!response.ok) {
+      logger.warn('Ashby job board request failed', { status: response.status })
+      return []
+    }
+
+    const envelope = ashbyJobBoardSchema.safeParse(await response.json())
+    if (!envelope.success) {
+      logger.warn('Ashby job board response failed validation', { issues: envelope.error.issues })
+      return []
+    }
+
+    const postings: CareerPosting[] = []
+    for (const raw of envelope.data.jobs) {
+      const parsed = ashbyPostingSchema.safeParse(raw)
+      if (!parsed.success) {
+        logger.warn('Skipping malformed Ashby posting', { issues: parsed.error.issues })
+        continue
+      }
+      if (parsed.data.isListed === false) continue
+      postings.push(normalizePosting(parsed.data))
+    }
+
+    return postings.sort(comparePostings)
+  } catch (error) {
+    logger.warn('Ashby job board request threw', { error })
+    return []
+  }
+}
+
+/** Maps a raw Ashby posting to the presentation-ready {@link CareerPosting} shape. */
+function normalizePosting(job: z.infer<typeof ashbyPostingSchema>): CareerPosting {
+  const employmentType = job.employmentType
+    ? (EMPLOYMENT_TYPE_LABELS[job.employmentType] ?? job.employmentType)
+    : ''
+  const workplaceType = job.workplaceType
+    ? (WORKPLACE_TYPE_LABELS[job.workplaceType] ?? job.workplaceType)
+    : ''
+  const location = job.location?.trim() || (job.isRemote ? 'Remote' : '')
+  const compensationSummary =
+    job.shouldDisplayCompensationOnJobPostings && job.compensation?.compensationTierSummary
+      ? job.compensation.compensationTierSummary
+      : null
+
+  return {
+    id: job.id,
+    title: job.title,
+    department: job.department?.trim() || job.team?.trim() || 'Other',
+    location,
+    employmentType,
+    workplaceType,
+    compensationSummary,
+    jobUrl: job.jobUrl,
+  }
+}
+
+/** Orders postings by department, then title — the render order and grouping key. */
+function comparePostings(a: CareerPosting, b: CareerPosting): number {
+  return a.department.localeCompare(b.department) || a.title.localeCompare(b.title)
+}
