` since the whole frame is `aria-hidden` decoration.
+ */
+function CalendarPanePill({ pill, animate }: CalendarPanePillProps) {
+ return (
+
+ {pill.time}
+ {pill.title}
+
+ )
+}
+
+interface ScheduledTasksCalendarPaneProps {
+ /** How many Weekly KPI pills the stamp-in series has landed (0..5). */
+ stampedCount: number
+}
+
+/**
+ * The static Scheduled Tasks page in the real workspace's exact vocabulary -
+ * the resource header (Calendar icon + title + primary "New scheduled task"
+ * chip), the calendar toolbar (Today jump, period label, prev/next chevrons,
+ * scope chip), the sticky weekday header, and the five-week month grid of day
+ * cells with the today square and stacked task pills - rendered from the
+ * parent clock's `stampedCount` beat.
+ */
+function ScheduledTasksCalendarPane({ stampedCount }: ScheduledTasksCalendarPaneProps) {
+ return (
+
+
+
+
+ Scheduled Tasks
+
+
+ New scheduled task
+
+
+
+
+
+ Today
+ {MONTH_LABEL}
+
+
+
+
+ Month
+
+
+
+
+ {WEEKDAY_LABELS.map((label, index) => (
+
+ {label}
+
+ ))}
+
+
+
+ {CALENDAR_CELLS.map((cell, index) => (
+
+
+ {cell.day}
+
+
+ {cell.pills.map((pill) =>
+ pill.stampIndex !== undefined && pill.stampIndex >= stampedCount ? null : (
+
+ )
+ )}
+
+
+ ))}
+
+
+ )
+}
+
+/**
+ * The scheduled-tasks hero's calendar loop - the workspace's real Scheduled
+ * Tasks surface as the workspace pane. Same architecture as the sibling hero
+ * loops (the {@link HeroLoopShell}'s fixed 1280x735 design-space layer scaled
+ * to the window, a parent-owned clock driving a presentational pane,
+ * reduced-motion showing the finished frame) and the same live sidebar with
+ * its Scheduled tasks nav row highlighted, but the pane is the month calendar
+ * itself: the settled recurring schedules hold, then a new Weekly KPI report
+ * schedule lands pill by pill across the month's Mondays, the fully
+ * scheduled month holds, and the scene fades before the cycle restarts.
+ *
+ * Everything is `pointer-events-none` decorative, matching the hero's
+ * `aria-hidden` frame. Under `prefers-reduced-motion` the loop never starts:
+ * the fully scheduled calendar renders statically.
+ */
+export function ScheduledTasksCalendarLoop() {
+ const [stampedCount, setStampedCount] = useState(0)
+ const [fading, setFading] = useState(false)
+ const [cycleId, setCycleId] = useState(0)
+
+ useMotionSafeCycle({
+ scheduleCycle: () => {
+ setFading(false)
+ setStampedCount(0)
+ setCycleId((c) => c + 1)
+ const totalMs = IDLE_HOLD_MS + (TOTAL_STAMPED_PILLS - 1) * PILL_STEP_MS + SCHEDULED_HOLD_MS
+ return {
+ timers: [
+ ...Array.from({ length: TOTAL_STAMPED_PILLS }, (_, i) =>
+ setTimeout(() => setStampedCount(i + 1), IDLE_HOLD_MS + i * PILL_STEP_MS)
+ ),
+ setTimeout(() => setFading(true), totalMs - RESET_FADE_MS),
+ ],
+ totalMs,
+ }
+ },
+ showFinished: () => {
+ setFading(false)
+ setStampedCount(TOTAL_STAMPED_PILLS)
+ },
+ })
+
+ return (
+
+
+
+ )
+}
diff --git a/apps/sim/app/(landing)/scheduled-tasks/components/scheduled-tasks-hero-loop.tsx b/apps/sim/app/(landing)/scheduled-tasks/components/scheduled-tasks-hero-loop.tsx
deleted file mode 100644
index ef0ccaaf3c7..00000000000
--- a/apps/sim/app/(landing)/scheduled-tasks/components/scheduled-tasks-hero-loop.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-'use client'
-
-import { AgentIcon, GmailIcon, GoogleSheetsIcon, ScheduleIcon, SlackIcon } from '@/components/icons'
-import { EditorLoop, type EditorLoopContent } from '@/app/(landing)/components/shared/editor-loop'
-
-/**
- * The scheduled-tasks hero's content for the shared {@link EditorLoop}: a
- * recurring-ops workspace sidebar and the complete scheduled digest workflow -
- * a schedule trigger holding the cadence, the digest agent, and a three-way
- * fan-out to Slack, Gmail, and Sheets. The schedule trigger is the block the
- * "editing" beat selects, since the cadence is this page's story. Colors
- * follow the stage convention - grey ramp for platform blocks, brand tiles
- * only for real third-party marks (multicolor Gmail/Sheets glyphs sit on
- * white tiles with a hairline, the Jira treatment). Blocks are ordered by
- * build sequence; an edge draws once both endpoints are on canvas.
- */
-const SCHEDULED_TASKS_EDITOR_CONTENT: EditorLoopContent = {
- activeNav: 'Scheduled tasks',
- sidebarChats: [
- 'Morning digest setup',
- 'Move sync to nightly',
- 'Weekly KPI report',
- 'Retry failed runs',
- ],
- sidebarWorkflows: [
- 'Morning digest',
- 'Nightly data sync',
- 'Weekly KPI report',
- 'Invoice sweep',
- 'Churn-risk alerts',
- ],
- blocks: [
- {
- id: 'schedule',
- name: 'Schedule',
- icon: ScheduleIcon,
- bgColor: 'var(--text-muted)',
- isTrigger: true,
- rows: [
- { title: 'Cadence', value: 'Weekdays' },
- { title: 'Time', value: '9:00 AM PT' },
- ],
- x: 555,
- y: 20,
- },
- {
- id: 'agent',
- name: 'Digest agent',
- icon: AgentIcon,
- bgColor: 'var(--text-primary)',
- rows: [
- { title: 'Messages', value: '-' },
- { title: 'Model', value: '-' },
- ],
- x: 555,
- y: 280,
- },
- {
- id: 'slack',
- name: 'Post to Slack',
- icon: SlackIcon,
- bgColor: '#611F69',
- isTerminal: true,
- rows: [
- { title: 'Channel', value: '-' },
- { title: 'Message', value: '-' },
- ],
- x: 100,
- y: 560,
- },
- {
- id: 'gmail',
- name: 'Send by email',
- icon: GmailIcon,
- bgColor: '#FFFFFF',
- tileBorder: true,
- isTerminal: true,
- rows: [
- { title: 'To', value: '-' },
- { title: 'Subject', value: '-' },
- ],
- x: 555,
- y: 560,
- },
- {
- id: 'sheets',
- name: 'Append to Sheets',
- icon: GoogleSheetsIcon,
- bgColor: '#FFFFFF',
- tileBorder: true,
- isTerminal: true,
- rows: [
- { title: 'Spreadsheet', value: '-' },
- { title: 'Range', value: '-' },
- ],
- x: 1010,
- y: 560,
- },
- ],
- edges: [
- ['schedule', 'agent'],
- ['agent', 'slack'],
- ['agent', 'gmail'],
- ['agent', 'sheets'],
- ],
- canvas: { width: 1360, height: 780 },
- selectedBlockId: 'schedule',
-}
-
-/**
- * The scheduled-tasks hero's editor loop - the shared {@link EditorLoop}
- * replaying the morning-digest workflow with the schedule trigger as the
- * "being edited" beat, the cadence being this page's story.
- */
-export function ScheduledTasksHeroLoop() {
- return
-}
diff --git a/apps/sim/app/(landing)/scheduled-tasks/scheduled-tasks.tsx b/apps/sim/app/(landing)/scheduled-tasks/scheduled-tasks.tsx
index 6a862acccc3..8a8113f25f3 100644
--- a/apps/sim/app/(landing)/scheduled-tasks/scheduled-tasks.tsx
+++ b/apps/sim/app/(landing)/scheduled-tasks/scheduled-tasks.tsx
@@ -10,7 +10,7 @@ import {
OperationsTeamsGraphic,
RunMonitoringGraphic,
} from '@/app/(landing)/enterprise/components/feature-graphics'
-import { ScheduledTasksHeroLoop } from '@/app/(landing)/scheduled-tasks/components/scheduled-tasks-hero-loop'
+import { ScheduledTasksCalendarLoop } from '@/app/(landing)/scheduled-tasks/components/scheduled-tasks-calendar-loop'
import { DocumentDraftGraphic } from '@/app/(landing)/solutions/components/feature-graphics'
/**
@@ -21,7 +21,9 @@ import { DocumentDraftGraphic } from '@/app/(landing)/solutions/components/featu
* schedule triggers (from every-15-minutes intervals through daily, weekly,
* and monthly cadences to custom cron, timezone-aware), and the workspace's
* Scheduled Tasks calendar shows every upcoming and finished run with
- * pause/resume and full run history. Every visual slot reuses a
+ * pause/resume and full run history. The hero replays that calendar itself -
+ * the month grid filling with recurring task pills as a new schedule lands
+ * on its cadence. Every card visual slot reuses a
* parametrized enterprise feature graphic retold for recurring runs - the
* policy checklist as a schedule card, the routing fan as the delivery
* fan-out, the drafted document as the digest that arrives on time, the
@@ -42,7 +44,7 @@ const SCHEDULED_TASKS_CONFIG: SolutionsPageConfig = {
'Scheduled Tasks is the scheduler in Sim, the open-source AI workspace where teams build, deploy, and manage AI agents. Put any workflow on a cadence, from 15-minute intervals to daily, weekly, and monthly runs or custom cron, timezone-aware, then watch every scheduled run land on the workspace calendar with full run history.',
visual: (
-
+
),
},
diff --git a/apps/sim/app/(landing)/solutions/sales/components/sales-hero-loop.tsx b/apps/sim/app/(landing)/solutions/sales/components/sales-hero-loop.tsx
new file mode 100644
index 00000000000..27355ac0b4a
--- /dev/null
+++ b/apps/sim/app/(landing)/solutions/sales/components/sales-hero-loop.tsx
@@ -0,0 +1,125 @@
+'use client'
+
+import {
+ AgentIcon,
+ ConditionalIcon,
+ SalesforceIcon,
+ SlackIcon,
+ StartIcon,
+} from '@/components/icons'
+import { EnterprisePlatformLoop } from '@/app/(landing)/enterprise/components/enterprise-platform-loop'
+import type { EnterpriseLoopContent } from '@/app/(landing)/enterprise/components/enterprise-platform-loop/stage-data'
+
+/**
+ * Sales content for the shared platform loop - an inbound-lead agent: the
+ * prompt asks for lead research, fit scoring, and Salesforce record creation
+ * with a Slack alert to the owner, the sidebar reads like the sales team's
+ * Brightwave workspace, and the staged workflow builds the routing flow on
+ * the enterprise stage geometry. The Salesforce mark is a colored brand
+ * mark, so its tile follows the Jira convention - the real mark on a
+ * hairlined white tile.
+ */
+const SALES_LOOP_CONTENT: EnterpriseLoopContent = {
+ workspaceName: 'Brightwave Sales',
+ greeting: 'What should we get done, Marcus?',
+ placeholder: 'Ask Sim to automate a process.',
+ prompt:
+ 'When a new lead comes in, research the company, score the fit, create the record in Salesforce, and alert the account owner in Slack.',
+ reply:
+ "On it. I'll research every new lead, score the fit against your best customers, create the Salesforce record, and alert the owner in Slack.",
+ sidebarChats: [
+ 'Inbound lead backlog',
+ 'Acme Co renewal prep',
+ 'Q3 forecast review',
+ 'Stale opportunity cleanup',
+ ],
+ sidebarWorkflows: [
+ 'Lead research',
+ 'Inbound routing',
+ 'CRM hygiene',
+ 'Meeting prep briefs',
+ 'Weekly pipeline digest',
+ ],
+ suggestedActions: [
+ 'Research this week\u2019s inbound leads',
+ 'Update stale opportunities',
+ 'Draft follow-ups from yesterday\u2019s calls',
+ 'Summarize the Q3 pipeline',
+ ],
+ stageBlocks: [
+ {
+ id: 'start',
+ name: 'Start',
+ icon: StartIcon,
+ bgColor: 'var(--text-muted)',
+ isTrigger: true,
+ rows: [{ title: 'Inputs', value: '-' }],
+ x: 155,
+ y: 12,
+ },
+ {
+ id: 'research',
+ name: 'Research lead',
+ icon: AgentIcon,
+ bgColor: 'var(--text-primary)',
+ rows: [
+ { title: 'Messages', value: '-' },
+ { title: 'Model', value: '-' },
+ ],
+ x: 155,
+ y: 172,
+ },
+ {
+ id: 'score',
+ name: 'Score the fit',
+ icon: ConditionalIcon,
+ bgColor: 'var(--text-secondary)',
+ rows: [{ title: 'Conditions', value: '-' }],
+ x: 155,
+ y: 372,
+ },
+ {
+ id: 'salesforce',
+ name: 'Create in Salesforce',
+ icon: SalesforceIcon,
+ bgColor: '#FFFFFF',
+ tileBorder: true,
+ isTerminal: true,
+ rows: [
+ { title: 'Object', value: '-' },
+ { title: 'Action', value: '-' },
+ ],
+ x: 0,
+ y: 560,
+ },
+ {
+ id: 'notify',
+ name: 'Alert owner',
+ icon: SlackIcon,
+ bgColor: '#611F69',
+ isTerminal: true,
+ rows: [
+ { title: 'Channel', value: '-' },
+ { title: 'Message', value: '-' },
+ ],
+ x: 310,
+ y: 560,
+ },
+ ],
+ stageEdges: [
+ ['start', 'research'],
+ ['research', 'score'],
+ ['score', 'salesforce'],
+ ['score', 'notify'],
+ ],
+ stageCanvas: { width: 560, height: 680 },
+}
+
+/**
+ * The sales hero's platform loop - the shared enterprise loop replayed with
+ * the inbound-lead story above. Client wrapper so the icon-bearing content
+ * object never crosses a server/client boundary.
+ */
+export function SalesHeroLoop() {
+ return
+}
diff --git a/apps/sim/app/(landing)/solutions/sales/page.tsx b/apps/sim/app/(landing)/solutions/sales/page.tsx
new file mode 100644
index 00000000000..15b36cec945
--- /dev/null
+++ b/apps/sim/app/(landing)/solutions/sales/page.tsx
@@ -0,0 +1,21 @@
+import { buildLandingMetadata } from '@/lib/landing/seo'
+import SalesSolution from '@/app/(landing)/solutions/sales/sales'
+
+export const revalidate = 3600
+
+const TITLE = 'AI Agents for Lead Research & CRM Updates | Sim'
+const DESCRIPTION =
+ 'Sales teams use Sim, the open-source AI workspace, to build and deploy AI agents that automate lead research, personalized outreach, and CRM updates.'
+
+export const metadata = buildLandingMetadata({
+ title: TITLE,
+ description: DESCRIPTION,
+ path: '/solutions/sales',
+ keywords:
+ 'AI workspace, AI agents for sales, sales automation, lead research, CRM automation, pipeline reporting, open-source AI agent platform',
+ twitterImageAlt: 'Sim',
+})
+
+export default function Page() {
+ return
+}
diff --git a/apps/sim/app/(landing)/solutions/sales/sales.tsx b/apps/sim/app/(landing)/solutions/sales/sales.tsx
new file mode 100644
index 00000000000..5fb08b5d3c8
--- /dev/null
+++ b/apps/sim/app/(landing)/solutions/sales/sales.tsx
@@ -0,0 +1,159 @@
+import {
+ PlatformHeroVisual,
+ SolutionsPage,
+ type SolutionsPageConfig,
+} from '@/app/(landing)/components'
+import {
+ ItPlatformTeamsGraphic,
+ OperationsTeamsGraphic,
+ RunMonitoringGraphic,
+ StagingGraphic,
+} from '@/app/(landing)/enterprise/components/feature-graphics'
+import {
+ DocumentDraftGraphic,
+ KnowledgeAnswerGraphic,
+} from '@/app/(landing)/solutions/components/feature-graphics'
+import { SalesHeroLoop } from '@/app/(landing)/solutions/sales/components/sales-hero-loop'
+
+/**
+ * Sales solution page - a consumer of {@link SolutionsPage} rendered with
+ * the enterprise page's feature-tile treatment.
+ *
+ * The whole page is one typed {@link SolutionsPageConfig} rendered inside
+ * the shared route-group layout's chrome. Every visual slot carries a
+ * feature graphic in the enterprise design language, retold through the
+ * graphics' content props for sales' use cases - inbound lead routing
+ * across systems, a research brief grounded in real account context,
+ * outreach drafting, CRM stage updates, meeting prep, and the pipeline
+ * digest.
+ */
+const SALES_CONFIG: SolutionsPageConfig = {
+ module: 'Sales',
+ path: '/solutions/sales',
+ hero: {
+ eyebrow: 'Sales',
+ heading: 'Automate lead research, outreach, and CRM updates with Sim agents.',
+ description:
+ 'Sales teams build AI agents in Sim, the open-source AI workspace, wired into Salesforce, HubSpot, and 1,000+ integrations, so reps spend their time selling, not updating records.',
+ summary:
+ 'Sim is the open-source AI workspace where sales teams build, deploy, and manage AI agents that automate lead research, personalized outreach, and CRM updates, wired into Salesforce, HubSpot, and 1,000+ integrations so the pipeline stays current and reps spend their time selling.',
+ visual: (
+
+
+
+ ),
+ },
+ rows: [
+ {
+ id: 'pipeline',
+ title: 'Fill the pipeline.',
+ subtitle: 'Sim agents handle research, outreach, and follow-up around the clock.',
+ cta: { label: 'See sales agents', href: '/signup' },
+ cards: [
+ {
+ title: 'Route inbound leads',
+ description: 'Sim scores, routes, and follows up on new leads the moment they arrive.',
+ featureTileTone: 'dark',
+ featureTileDescriptionTone: 'soft',
+ visual: (
+
+ ),
+ },
+ {
+ title: 'Research every lead',
+ description:
+ 'Sim researches the company, the news, and the stack, and writes the brief before you call.',
+ visual: (
+
+ ),
+ },
+ {
+ title: 'Draft outreach',
+ description:
+ 'Sim drafts personalized outbound from the research, in your voice, ready to send.',
+ visual: (
+
+ ),
+ },
+ ],
+ },
+ {
+ id: 'crm',
+ title: 'Keep the CRM true.',
+ subtitle: 'Sim keeps records current so the forecast is built on real data.',
+ cta: { label: 'Explore CRM automation', href: '/signup' },
+ cards: [
+ {
+ title: 'Update the CRM',
+ description: 'Sim logs calls, sets next steps, and moves stages after every touchpoint.',
+ visual: (
+
+ ),
+ },
+ {
+ title: 'Prep every meeting',
+ description: 'Sim assembles a brief before every call from your CRM, email, and notes.',
+ visual: (
+
+ ),
+ },
+ {
+ title: 'Report the pipeline',
+ description: 'Sim assembles pipeline and forecast digests from your CRM on schedule.',
+ visual: (
+
+ ),
+ },
+ ],
+ },
+ ],
+}
+
+export default function SalesSolution() {
+ return
+}
diff --git a/apps/sim/app/sitemap.ts b/apps/sim/app/sitemap.ts
index e05670f1cfc..b468d883742 100644
--- a/apps/sim/app/sitemap.ts
+++ b/apps/sim/app/sitemap.ts
@@ -104,6 +104,9 @@ export default async function sitemap(): Promise
{
{
url: `${baseUrl}/solutions/it`,
},
+ {
+ url: `${baseUrl}/solutions/sales`,
+ },
{
url: `${baseUrl}/blog`,
lastModified: latestPostDateValue,