improvement(landing): keyword-forward SEO copy on the home and enterprise pages (#5887)

* improvement(landing): keyword-forward SEO copy on the home and enterprise pages

* fix(landing): sync homepage JSON-LD title and restore visible open-source claim

Author: waleedlatif1

apps/sim/app/(landing)/components/hero/components/hero-header/hero-header.tsx

@@ -6,6 +6,12 @@ import { LANDING_HERO_CTA_GAP } from '@/app/(landing)/components/landing-layout'
 
 interface LandingHeroHeaderProps {
   description: string
+  /**
+   * Optional second paragraph beneath the description - a self-contained
+   * definition of the page's subject, kept quotable for answer engines (GEO).
+   * Omitted by the homepage, so its hero renders unchanged.
+   */
+  definition?: string
   eyebrow?: ReactNode
   heading: ReactNode
   headingId: string
@@ -17,6 +23,7 @@ interface LandingHeroHeaderProps {
  */
 export function LandingHeroHeader({
   description,
+  definition,
   eyebrow,
   heading,
   headingId,
@@ -37,6 +44,12 @@ export function LandingHeroHeader({
           {description}
         </p>
 
+        {definition ? (
+          <p className='w-full min-w-0 max-w-[58ch] text-pretty text-[var(--text-muted)] text-base leading-[1.5]'>
+            {definition}
+          </p>
+        ) : null}
+
         <div className={cn('max-sm:w-full', LANDING_HERO_CTA_GAP)}>
           <HeroCta />
         </div>

apps/sim/app/(landing)/components/hero/hero.tsx

@@ -86,11 +86,12 @@ export function Hero() {
         headingId='hero-heading'
         heading={
           <>
-            Sim is the AI workspace <br />
-            for building AI agents.
+            Sim is the AI workspace for <br />
+            building and managing AI agents.
           </>
         }
-        description='Open source, with 1,000+ integrations and every major LLM. Build, deploy, and manage agents visually, conversationally, or with code.'
+        description='Sim is an AI agent and workflow builder for teams creating agents that automate real work. Design workflows visually, describe what you need in natural language, or use code for complete control.'
+        definition='Connect your agents to 1,000+ integrations and every major LLM, then deploy, monitor, and improve them from one collaborative, open-source workspace.'
       />
 
       <div

apps/sim/app/(landing)/components/home-structured-data/home-structured-data.tsx

@@ -24,14 +24,21 @@ import { JsonLd } from '@/app/(landing)/components/json-ld'
 export const HOME_PAGE_DESCRIPTION =
   'Sim is the open-source AI workspace where teams build, deploy, and manage AI agents across 1,000+ integrations and every major LLM, visually or with code.'
 
+/**
+ * The home page's canonical title - the single string shared by the
+ * `<title>`, OG/Twitter titles (`page.tsx`), and the JSON-LD `WebPage.name`
+ * below, so the title surfaces never drift.
+ */
+export const HOME_PAGE_TITLE = 'The AI Workspace | Build, Deploy & Manage AI Agents | Sim'
+
 const HOME_JSON_LD = {
   '@context': 'https://schema.org',
   '@graph': [
     {
       '@type': 'WebPage',
       '@id': `${SITE_URL}#webpage`,
       url: SITE_URL,
-      name: 'Sim, The AI Workspace | Build, Deploy & Manage AI Agents',
+      name: HOME_PAGE_TITLE,
       isPartOf: { '@id': `${SITE_URL}#website` },
       about: { '@id': `${SITE_URL}#software` },
       datePublished: '2024-01-01T00:00:00+00:00',

apps/sim/app/(landing)/components/home-structured-data/index.ts

@@ -1 +1 @@
-export { HOME_PAGE_DESCRIPTION, HomeStructuredData } from './home-structured-data'
+export { HOME_PAGE_DESCRIPTION, HOME_PAGE_TITLE, HomeStructuredData } from './home-structured-data'

apps/sim/app/(landing)/components/mothership/mothership.tsx

@@ -83,7 +83,7 @@ export function Mothership() {
         className='max-w-[1200px] text-balance text-[28px] leading-[1.2] max-sm:text-[22px]'
       >
         <span className='block text-[var(--text-primary)]'>
-          Everything your agents need, in one workspace.
+          Everything your AI agents need, in one workspace.
         </span>
         <span className='block text-[var(--text-body)]'>Build, run, and watch every agent.</span>
       </h2>

apps/sim/app/(landing)/components/product-demo/product-demo.tsx

@@ -45,8 +45,9 @@ export function ProductDemo() {
             Describe it. Sim builds it.
           </h2>
           <p className='mt-3 text-pretty text-[15px] text-[var(--text-muted)] leading-[1.6]'>
-            Tell Sim what you need in plain English and it wires blocks, models, and integrations
-            into a working agent.
+            Describe what you want to automate in plain English. Sim acts as an AI agent builder,
+            connecting the right blocks, models, tools, and data into a working workflow that you
+            can review, customize, test, and deploy.
           </p>
         </div>
       </div>

apps/sim/app/(landing)/components/solutions-page/components/solutions-card-row/components/solutions-card-row-header/solutions-card-row-header.tsx

@@ -3,8 +3,9 @@ import { SOLUTIONS_SPACING } from '@/app/(landing)/components/solutions-page/con
 import type { SolutionsCardRowConfig } from '@/app/(landing)/components/solutions-page/types'
 
 /**
- * The header block of a card row - an `<h2>` title, a body-color subtitle, and
- * a single pill CTA, stacked with named spacing constants. Extracted from
+ * The header block of a card row - an `<h2>` title, a body-color subtitle, an
+ * optional second subtitle paragraph, and a single pill CTA, stacked with named
+ * spacing constants. Extracted from
  * {@link SolutionsCardRow} so layouts that place row headers inside a shared
  * grid (the enterprise feature grid) render the exact same header chrome.
  */
@@ -27,6 +28,11 @@ export function SolutionsCardRowHeader({ row, headingId }: SolutionsCardRowHeade
       <p className='w-full min-w-0 max-w-[48ch] text-pretty text-[15px] text-[var(--text-muted)] leading-[1.6]'>
         {row.subtitle}
       </p>
+      {row.note ? (
+        <p className='w-full min-w-0 max-w-[48ch] text-pretty text-[15px] text-[var(--text-muted)] leading-[1.6]'>
+          {row.note}
+        </p>
+      ) : null}
       <div className={SOLUTIONS_SPACING.cardRowHeaderCtaGapFeature}>
         <SolutionsPillCta cta={row.cta} />
       </div>

apps/sim/app/(landing)/components/solutions-page/components/solutions-hero/solutions-hero.tsx

@@ -67,6 +67,7 @@ export function SolutionsHero({ hero, align = 'left', variant = 'solutions' }: S
           heading={hero.heading}
           headingId='solutions-hero-heading'
           description={hero.description}
+          definition={hero.definition}
         />
 
         <div

apps/sim/app/(landing)/components/solutions-page/types.ts

@@ -29,6 +29,13 @@ export interface SolutionsHeroConfig {
   heading: string
   /** Supporting description beneath the heading, in the body color. */
   description: string
+  /**
+   * Optional visible definition of the page's subject, rendered as a second
+   * paragraph beneath {@link description}. Self-contained and answer-first so
+   * answer engines can quote it whole ("What is an enterprise AI agent?").
+   * Currently honored by the `home` hero variant.
+   */
+  definition?: string
   /**
    * ~50-word sr-only atomic summary for AI citation (GEO). Names "Sim" explicitly
    * and states what the module is, who it's for, and what it does.
@@ -89,6 +96,11 @@ export interface SolutionsCardRowConfig {
   title: string
   /** Supporting subtitle beneath the title, in the body color, naming "Sim". */
   subtitle: string
+  /**
+   * Optional second subtitle paragraph - a self-contained follow-on point that
+   * would overload {@link subtitle} if merged into it (e.g. self-hosting).
+   */
+  note?: string
   /** The row's single pill CTA. */
   cta: SolutionsPillCta
   /** The cards in this row - 3 or 4. The grid derives its columns from this length. */

apps/sim/app/(landing)/enterprise/enterprise.tsx

@@ -50,17 +50,19 @@ import {
  * `WebPage.description` via {@link SolutionsPageConfig.seoDescription}.
  */
 export const ENTERPRISE_SEO_DESCRIPTION =
-  'Sim is the AI workspace where teams build, deploy, and govern enterprise AI agents with SOC2, role-based access, audit trails, and 1,000+ integrations.'
+  'Build and govern enterprise AI agents in Sim with SSO, approvals, audit trails, versioning, and 1,000+ integrations.'
 
 const ENTERPRISE_CONFIG: SolutionsPageConfig = {
   module: 'Enterprise',
   path: '/enterprise',
   seoDescription: ENTERPRISE_SEO_DESCRIPTION,
   offersFreeTier: false,
   hero: {
-    heading: 'Sim is the AI workspace for enterprise AI agents.',
+    heading: 'Sim is the enterprise AI agent platform for governed workflows.',
     description:
-      'IT, operations, and technical teams build, deploy, and govern agents in Sim, with SOC2, role-based access, approvals, and full audit trails.',
+      'Build, deploy, and govern enterprise AI agents in one AI workspace. Connect every major LLM and 1,000+ integrations with role-based access, approval paths, versioning, monitoring, and complete audit trails.',
+    definition:
+      'An enterprise AI agent uses AI models, business data, and connected tools to complete multi-step work within the permissions, approval policies, and human oversight your organization defines.',
     summary:
       'Sim is the open-source AI workspace where IT, operations, and technical teams build, deploy, and govern enterprise AI agents. Connect 1,000+ integrations and every major LLM, with role-based access, approvals, versioning, and full audit trails.',
     /**
@@ -80,14 +82,15 @@ const ENTERPRISE_CONFIG: SolutionsPageConfig = {
   rows: [
     {
       id: 'build',
-      title: 'Build, Deploy, and Manage AI Agents in One Workspace',
+      title: 'Build, Deploy, and Manage Enterprise AI Agents',
       subtitle:
-        'Sim carries agents from first draft to production, with versioning and monitoring built in.',
+        'Sim takes enterprise AI agents from initial design to production in one workspace. Build visually or with code, validate changes, deploy approved versions, and monitor every run without connecting separate development and operations tools.',
       cta: { label: 'Start building', href: SIGNUP_HREF },
       cards: [
         {
           title: 'Build visually or with code',
-          description: "Create agents in Sim's visual builder, through chat, or directly in code.",
+          description:
+            "Create enterprise AI agents in Sim's visual builder, describe the workflow in plain English, or write custom logic directly in code.",
           visual: <BuildMethodsGraphic />,
         },
         {
@@ -100,7 +103,8 @@ const ENTERPRISE_CONFIG: SolutionsPageConfig = {
         },
         {
           title: 'Manage the full lifecycle',
-          description: 'Version, monitor, and edit every agent in Sim as your workflows evolve.',
+          description:
+            'Version, monitor, and update every enterprise AI agent in Sim as your business requirements, integrations, and governance policies evolve.',
           visual: <LifecycleGraphic />,
         },
       ],
@@ -109,7 +113,7 @@ const ENTERPRISE_CONFIG: SolutionsPageConfig = {
       id: 'governance',
       title: 'Governance and Security for Enterprise AI Agents',
       subtitle:
-        'Sim gives security teams role-based access, approval paths, and a complete audit trail for every deployment.',
+        'Control how enterprise AI agents access data, use tools, and take action. Sim provides SSO, permission groups, approval paths, configurable data retention, and append-only audit logs for every security-relevant change.',
       cta: { label: 'See security', href: DEMO_HREF },
       cards: [
         {
@@ -137,7 +141,8 @@ const ENTERPRISE_CONFIG: SolutionsPageConfig = {
       id: 'deploy',
       title: 'Deploy Enterprise Workflow Agents with Confidence',
       subtitle:
-        'Test in staging, watch live runs, and roll back in seconds. Sim versions every deployment.',
+        'Enterprise workflow agents need controlled release processes. Test changes in staging, observe production runs, version every deployment, and restore a stable version if updates cause an issue.',
+      note: 'Deploy Sim on your own infrastructure with Docker or Kubernetes when your organization requires greater control over its environment and data.',
       cta: { label: 'Explore deployment', href: SIGNUP_HREF },
       cards: [
         {