|
| 1 | +import Link from 'next/link' |
| 2 | +import { SimWordmark } from '@/components/ui/sim-logo' |
| 3 | +import { SIM_SITE_URL } from '@/lib/urls' |
| 4 | + |
| 5 | +/** |
| 6 | + * Docs footer - the same site link directory as the main app's landing |
| 7 | + * footer (`apps/sim/app/(landing)/components/footer`), ported here so both |
| 8 | + * apps share one consistent footer. Links that live on sim.ai are absolute |
| 9 | + * (docs.sim.ai is a different origin); links that live on docs.sim.ai itself |
| 10 | + * (Academy, API Reference, blocks, integrations guides, …) stay relative. |
| 11 | + */ |
| 12 | + |
| 13 | +const LINK_CLASS = |
| 14 | + 'text-sm text-[var(--text-muted)] transition-colors hover:text-[var(--text-primary)]' |
| 15 | + |
| 16 | +interface FooterItem { |
| 17 | + label: string |
| 18 | + href: string |
| 19 | + external?: boolean |
| 20 | +} |
| 21 | + |
| 22 | +const PRODUCT_LINKS: FooterItem[] = [ |
| 23 | + { label: 'Enterprise', href: `${SIM_SITE_URL}/enterprise`, external: true }, |
| 24 | + { label: 'Mothership', href: '/mothership' }, |
| 25 | + { label: 'Workflows', href: '/introduction' }, |
| 26 | + { label: 'Knowledge Base', href: '/knowledgebase' }, |
| 27 | + { label: 'Tables', href: '/tables' }, |
| 28 | + { label: 'MCP', href: '/agents/mcp' }, |
| 29 | + { label: 'API', href: '/api-reference/getting-started' }, |
| 30 | + { label: 'Self Hosting', href: '/platform/self-hosting' }, |
| 31 | + { label: 'Status', href: 'https://status.sim.ai', external: true }, |
| 32 | +] |
| 33 | + |
| 34 | +const RESOURCES_LINKS: FooterItem[] = [ |
| 35 | + { label: 'Blog', href: `${SIM_SITE_URL}/blog`, external: true }, |
| 36 | + { label: 'Academy', href: '/academy' }, |
| 37 | + { label: 'Compare', href: `${SIM_SITE_URL}/comparison`, external: true }, |
| 38 | + { label: 'Careers', href: `${SIM_SITE_URL}/careers`, external: true }, |
| 39 | + { label: 'Changelog', href: `${SIM_SITE_URL}/changelog`, external: true }, |
| 40 | + { label: 'Contact', href: `${SIM_SITE_URL}/contact`, external: true }, |
| 41 | +] |
| 42 | + |
| 43 | +/** Top model providers — mirrors the landing footer's top 8 catalog providers. */ |
| 44 | +const MODEL_LINKS: FooterItem[] = [ |
| 45 | + { label: 'All Models', href: `${SIM_SITE_URL}/models`, external: true }, |
| 46 | + { label: 'OpenAI', href: `${SIM_SITE_URL}/models/openai`, external: true }, |
| 47 | + { label: 'Anthropic', href: `${SIM_SITE_URL}/models/anthropic`, external: true }, |
| 48 | + { label: 'Google', href: `${SIM_SITE_URL}/models/google`, external: true }, |
| 49 | + { label: 'DeepSeek', href: `${SIM_SITE_URL}/models/deepseek`, external: true }, |
| 50 | + { label: 'xAI', href: `${SIM_SITE_URL}/models/xai`, external: true }, |
| 51 | + { label: 'Cerebras', href: `${SIM_SITE_URL}/models/cerebras`, external: true }, |
| 52 | + { label: 'Groq', href: `${SIM_SITE_URL}/models/groq`, external: true }, |
| 53 | + { label: 'Sakana AI', href: `${SIM_SITE_URL}/models/sakana`, external: true }, |
| 54 | +] |
| 55 | + |
| 56 | +const BLOCK_LINKS: FooterItem[] = [ |
| 57 | + { label: 'Agent', href: '/workflows/blocks/agent' }, |
| 58 | + { label: 'Router', href: '/workflows/blocks/router' }, |
| 59 | + { label: 'Function', href: '/workflows/blocks/function' }, |
| 60 | + { label: 'Condition', href: '/workflows/blocks/condition' }, |
| 61 | + { label: 'API Block', href: '/workflows/blocks/api' }, |
| 62 | + { label: 'Workflow', href: '/workflows/blocks/workflow' }, |
| 63 | + { label: 'Parallel', href: '/workflows/blocks/parallel' }, |
| 64 | + { label: 'Guardrails', href: '/workflows/blocks/guardrails' }, |
| 65 | + { label: 'Evaluator', href: '/workflows/blocks/evaluator' }, |
| 66 | + { label: 'Loop', href: '/workflows/blocks/loop' }, |
| 67 | +] |
| 68 | + |
| 69 | +const INTEGRATION_LINKS: FooterItem[] = [ |
| 70 | + { label: 'All Integrations', href: `${SIM_SITE_URL}/integrations`, external: true }, |
| 71 | + { label: 'Slack', href: '/integrations/slack' }, |
| 72 | + { label: 'GitHub', href: '/integrations/github' }, |
| 73 | + { label: 'Gmail', href: '/integrations/gmail' }, |
| 74 | + { label: 'Notion', href: '/integrations/notion' }, |
| 75 | + { label: 'Salesforce', href: '/integrations/salesforce' }, |
| 76 | + { label: 'Jira', href: '/integrations/jira' }, |
| 77 | + { label: 'Linear', href: '/integrations/linear' }, |
| 78 | + { label: 'Supabase', href: '/integrations/supabase' }, |
| 79 | + { label: 'Stripe', href: '/integrations/stripe' }, |
| 80 | +] |
| 81 | + |
| 82 | +const SOCIAL_LINKS: FooterItem[] = [ |
| 83 | + { label: 'X (Twitter)', href: 'https://x.com/simdotai', external: true }, |
| 84 | + { |
| 85 | + label: 'LinkedIn', |
| 86 | + href: 'https://www.linkedin.com/company/simstudioai/', |
| 87 | + external: true, |
| 88 | + }, |
| 89 | + { label: 'Discord', href: 'https://discord.gg/Hr4UWYEcTT', external: true }, |
| 90 | + { |
| 91 | + label: 'GitHub', |
| 92 | + href: 'https://github.com/simstudioai/sim', |
| 93 | + external: true, |
| 94 | + }, |
| 95 | +] |
| 96 | + |
| 97 | +const LEGAL_LINKS: FooterItem[] = [ |
| 98 | + { label: 'Terms of Service', href: `${SIM_SITE_URL}/terms`, external: true }, |
| 99 | + { label: 'Privacy Policy', href: `${SIM_SITE_URL}/privacy`, external: true }, |
| 100 | +] |
| 101 | + |
| 102 | +function FooterColumn({ title, items }: { title: string; items: FooterItem[] }) { |
| 103 | + return ( |
| 104 | + <div> |
| 105 | + <h3 className='mb-4 text-[var(--text-primary)] text-sm'>{title}</h3> |
| 106 | + <div className='flex flex-col gap-2.5'> |
| 107 | + {items.map(({ label, href, external }) => |
| 108 | + external ? ( |
| 109 | + <a |
| 110 | + key={label} |
| 111 | + href={href} |
| 112 | + target='_blank' |
| 113 | + rel='noopener noreferrer' |
| 114 | + className={LINK_CLASS} |
| 115 | + > |
| 116 | + {label} |
| 117 | + </a> |
| 118 | + ) : ( |
| 119 | + <Link key={label} href={href} className={LINK_CLASS}> |
| 120 | + {label} |
| 121 | + </Link> |
| 122 | + ) |
| 123 | + )} |
| 124 | + </div> |
| 125 | + </div> |
| 126 | + ) |
| 127 | +} |
| 128 | + |
| 129 | +export function Footer() { |
| 130 | + return ( |
| 131 | + <footer className='mt-[120px] w-full border-[var(--border)] border-t bg-[var(--bg)] max-sm:mt-16 max-lg:mt-[88px]'> |
| 132 | + <div className='mx-auto w-full max-w-[1460px] px-20 pt-16 pb-16 max-sm:px-5 max-lg:px-8 max-lg:pt-12 max-lg:pb-12'> |
| 133 | + <nav |
| 134 | + aria-label='Footer navigation' |
| 135 | + itemScope |
| 136 | + itemType='https://schema.org/SiteNavigationElement' |
| 137 | + className='grid grid-cols-8 gap-x-8 gap-y-10 max-sm:grid-cols-2 max-sm:gap-y-8 max-lg:grid-cols-3' |
| 138 | + > |
| 139 | + <a |
| 140 | + href={SIM_SITE_URL} |
| 141 | + aria-label='Sim home' |
| 142 | + className='flex h-[18px] items-center max-lg:col-span-full max-lg:mb-2' |
| 143 | + > |
| 144 | + <SimWordmark /> |
| 145 | + </a> |
| 146 | + |
| 147 | + <FooterColumn title='Product' items={PRODUCT_LINKS} /> |
| 148 | + <FooterColumn title='Resources' items={RESOURCES_LINKS} /> |
| 149 | + <FooterColumn title='Blocks' items={BLOCK_LINKS} /> |
| 150 | + <FooterColumn title='Integrations' items={INTEGRATION_LINKS} /> |
| 151 | + <FooterColumn title='Models' items={MODEL_LINKS} /> |
| 152 | + <FooterColumn title='Socials' items={SOCIAL_LINKS} /> |
| 153 | + <FooterColumn title='Legal' items={LEGAL_LINKS} /> |
| 154 | + </nav> |
| 155 | + |
| 156 | + <p className='mt-16 text-[var(--text-muted)] text-sm'>© 2026 Sim. All rights reserved.</p> |
| 157 | + </div> |
| 158 | + </footer> |
| 159 | + ) |
| 160 | +} |
0 commit comments