feat(statuspage): added statuspage, updated list of tools in footer, renamed routes

apps/sim/app/(landing)/actions/github.ts

@@ -1,12 +1,12 @@
 import { createLogger } from '@/lib/logs/console/logger'
 
-const DEFAULT_STARS = '15.4k'
+const DEFAULT_STARS = '18.6k'
 
 const logger = createLogger('GitHubStars')
 
 export async function getFormattedGitHubStars(): Promise<string> {
   try {
-    const response = await fetch('/api/github-stars', {
+    const response = await fetch('/api/stars', {
       headers: {
         'Cache-Control': 'max-age=3600', // Cache for 1 hour
       },

apps/sim/app/(landing)/components/footer/components/compliance-badges.tsx

@@ -0,0 +1,26 @@
+import Image from 'next/image'
+import Link from 'next/link'
+import { HIPAABadgeIcon } from '@/components/icons'
+
+export default function ComplianceBadges() {
+  return (
+    <div className='mt-[6px] flex items-center gap-[12px]'>
+      {/* SOC2 badge */}
+      <Link href='https://trust.delve.co/sim-studio' target='_blank' rel='noopener noreferrer'>
+        <Image
+          src='/footer/soc2.png'
+          alt='SOC2 Compliant'
+          width={54}
+          height={54}
+          className='object-contain'
+          loading='lazy'
+          quality={75}
+        />
+      </Link>
+      {/* HIPAA badge */}
+      <Link href='https://trust.delve.co/sim-studio' target='_blank' rel='noopener noreferrer'>
+        <HIPAABadgeIcon className='h-[54px] w-[54px]' />
+      </Link>
+    </div>
+  )
+}

apps/sim/app/(landing)/components/footer/components/index.ts

@@ -0,0 +1,6 @@
+import ComplianceBadges from './compliance-badges'
+import Logo from './logo'
+import SocialLinks from './social-links'
+import StatusIndicator from './status-indicator'
+
+export { ComplianceBadges, Logo, SocialLinks, StatusIndicator }

apps/sim/app/(landing)/components/footer/components/logo.tsx

@@ -0,0 +1,17 @@
+import Image from 'next/image'
+import Link from 'next/link'
+
+export default function Logo() {
+  return (
+    <Link href='/' aria-label='Sim home'>
+      <Image
+        src='/logo/b&w/text/b&w.svg'
+        alt='Sim - Workflows for LLMs'
+        width={49.78314}
+        height={24.276}
+        priority
+        quality={90}
+      />
+    </Link>
+  )
+}

apps/sim/app/(landing)/components/footer/components/social-links.tsx

@@ -0,0 +1,44 @@
+import { DiscordIcon, GithubIcon, LinkedInIcon, xIcon as XIcon } from '@/components/icons'
+
+export default function SocialLinks() {
+  return (
+    <div className='flex items-center gap-[12px]'>
+      <a
+        href='https://discord.gg/Hr4UWYEcTT'
+        target='_blank'
+        rel='noopener noreferrer'
+        className='flex items-center text-[16px] text-muted-foreground transition-colors hover:text-foreground'
+        aria-label='Discord'
+      >
+        <DiscordIcon className='h-[20px] w-[20px]' aria-hidden='true' />
+      </a>
+      <a
+        href='https://x.com/simdotai'
+        target='_blank'
+        rel='noopener noreferrer'
+        className='flex items-center text-[16px] text-muted-foreground transition-colors hover:text-foreground'
+        aria-label='X (Twitter)'
+      >
+        <XIcon className='h-[18px] w-[18px]' aria-hidden='true' />
+      </a>
+      <a
+        href='https://www.linkedin.com/company/simstudioai/'
+        target='_blank'
+        rel='noopener noreferrer'
+        className='flex items-center text-[16px] text-muted-foreground transition-colors hover:text-foreground'
+        aria-label='LinkedIn'
+      >
+        <LinkedInIcon className='h-[18px] w-[18px]' aria-hidden='true' />
+      </a>
+      <a
+        href='https://github.com/simstudioai/sim'
+        target='_blank'
+        rel='noopener noreferrer'
+        className='flex items-center text-[16px] text-muted-foreground transition-colors hover:text-foreground'
+        aria-label='GitHub'
+      >
+        <GithubIcon className='h-[20px] w-[20px]' aria-hidden='true' />
+      </a>
+    </div>
+  )
+}

apps/sim/app/(landing)/components/footer/components/status-indicator.tsx

@@ -0,0 +1,40 @@
+'use client'
+
+import Link from 'next/link'
+import { StatusDotIcon } from '@/components/icons'
+import type { StatusType } from '@/app/api/status/types'
+import { useStatus } from '@/hooks/queries/status'
+
+const STATUS_COLORS: Record<StatusType, string> = {
+  operational: 'text-[#10B981] hover:text-[#059669]',
+  degraded: 'text-[#F59E0B] hover:text-[#D97706]',
+  outage: 'text-[#EF4444] hover:text-[#DC2626]',
+  maintenance: 'text-[#3B82F6] hover:text-[#2563EB]',
+  loading: 'text-muted-foreground hover:text-foreground',
+  error: 'text-muted-foreground hover:text-foreground',
+}
+
+export default function StatusIndicator() {
+  const { data, isLoading, isError } = useStatus()
+
+  const status = isLoading ? 'loading' : isError ? 'error' : data?.status || 'error'
+  const message = isLoading
+    ? 'Checking Status...'
+    : isError
+      ? 'Status Unknown'
+      : data?.message || 'Status Unknown'
+  const statusUrl = data?.url || 'https://status.sim.ai'
+
+  return (
+    <Link
+      href={statusUrl}
+      target='_blank'
+      rel='noopener noreferrer'
+      className={`flex items-center gap-[6px] whitespace-nowrap text-[12px] transition-colors ${STATUS_COLORS[status]}`}
+      aria-label={`System status: ${message}`}
+    >
+      <StatusDotIcon status={status} className='h-[6px] w-[6px]' aria-hidden='true' />
+      <span>{message}</span>
+    </Link>
+  )
+}

apps/sim/app/(landing)/components/footer/consts.ts

@@ -0,0 +1,96 @@
+export const FOOTER_BLOCKS = [
+  'Agent',
+  'API',
+  'Condition',
+  'Evaluator',
+  'Function',
+  'Human In The Loop',
+  'Loop',
+  'Parallel',
+  'Response',
+  'Router',
+  'Starter',
+  'Webhook',
+  'Workflow',
+]
+
+export const FOOTER_TOOLS = [
+  'Airtable',
+  'Apify',
+  'Apollo',
+  'ArXiv',
+  'Browser Use',
+  'Calendly',
+  'Clay',
+  'Confluence',
+  'Discord',
+  'ElevenLabs',
+  'Exa',
+  'Firecrawl',
+  'GitHub',
+  'Gmail',
+  'Google Drive',
+  'Guardrails',
+  'HubSpot',
+  'HuggingFace',
+  'Hunter',
+  'Incidentio',
+  'Intercom',
+  'Jina',
+  'Jira',
+  'Knowledge',
+  'Linear',
+  'LinkUp',
+  'LinkedIn',
+  'Mailchimp',
+  'Mailgun',
+  'MCP',
+  'Mem0',
+  'Microsoft Excel',
+  'Microsoft Planner',
+  'Microsoft Teams',
+  'Mistral Parse',
+  'MongoDB',
+  'MySQL',
+  'Neo4j',
+  'Notion',
+  'OneDrive',
+  'OpenAI',
+  'Outlook',
+  'Parallel AI',
+  'Perplexity',
+  'Pinecone',
+  'Pipedrive',
+  'PostHog',
+  'PostgreSQL',
+  'Pylon',
+  'Qdrant',
+  'Reddit',
+  'Resend',
+  'S3',
+  'Salesforce',
+  'SendGrid',
+  'Serper',
+  'SharePoint',
+  'Slack',
+  'Smtp',
+  'Stagehand',
+  'Stripe',
+  'Supabase',
+  'Tavily',
+  'Telegram',
+  'Translate',
+  'Trello',
+  'Twilio',
+  'Typeform',
+  'Vision',
+  'Wait',
+  'Wealthbox',
+  'Webflow',
+  'WhatsApp',
+  'Wikipedia',
+  'X',
+  'YouTube',
+  'Zendesk',
+  'Zep',
+]