@jaimevalasek/aioson 1.5.1 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (341) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/README.md +729 -226
  3. package/docs/design-previews/aurora-command-ui-website.html +884 -0
  4. package/docs/design-previews/aurora-command-ui.html +682 -0
  5. package/docs/design-previews/bold-editorial-ui-website.html +658 -0
  6. package/docs/design-previews/bold-editorial-ui.html +717 -0
  7. package/docs/design-previews/clean-saas-ui-website.html +1202 -0
  8. package/docs/design-previews/clean-saas-ui.html +549 -0
  9. package/docs/design-previews/cognitive-core-ui-website.html +1009 -0
  10. package/docs/design-previews/cognitive-core-ui.html +463 -0
  11. package/docs/design-previews/glassmorphism-ui-website.html +572 -0
  12. package/docs/design-previews/glassmorphism-ui.html +886 -0
  13. package/docs/design-previews/index.html +699 -0
  14. package/docs/design-previews/interface-design-website.html +1187 -0
  15. package/docs/design-previews/interface-design.html +513 -0
  16. package/docs/design-previews/neo-brutalist-ui-website.html +621 -0
  17. package/docs/design-previews/neo-brutalist-ui.html +797 -0
  18. package/docs/design-previews/premium-command-center-ui-website.html +1217 -0
  19. package/docs/design-previews/premium-command-center-ui.html +552 -0
  20. package/docs/design-previews/pt.squarespace.com-homepage.html +889 -0
  21. package/docs/design-previews/warm-craft-ui-website.html +684 -0
  22. package/docs/design-previews/warm-craft-ui.html +739 -0
  23. package/docs/en/cli-reference.md +20 -9
  24. package/docs/integrations/sdlc-genius-boundary.md +76 -0
  25. package/docs/integrations/sdlc-genius-eval-matrix.md +75 -0
  26. package/docs/integrations/sdlc-genius-install-checklist.md +93 -0
  27. package/docs/integrations/sdlc-genius-review-samples.md +86 -0
  28. package/docs/pt/README.md +10 -0
  29. package/docs/pt/agent-sharding.md +132 -0
  30. package/docs/pt/agentes.md +9 -2
  31. package/docs/pt/busca-de-contexto.md +129 -0
  32. package/docs/pt/cache-de-contexto.md +156 -0
  33. package/docs/pt/comandos-cli.md +915 -1
  34. package/docs/pt/design-hybrid-forge.md +356 -0
  35. package/docs/pt/devlog-pipeline.md +270 -0
  36. package/docs/pt/fluxo-artefatos.md +178 -0
  37. package/docs/pt/hooks-session-guard.md +454 -0
  38. package/docs/pt/inicio-rapido.md +54 -3
  39. package/docs/pt/inteligencia-adaptativa.md +324 -0
  40. package/docs/pt/monitor-de-contexto.md +158 -0
  41. package/docs/pt/recuperacao-de-sessao.md +125 -0
  42. package/docs/pt/sandbox.md +125 -0
  43. package/docs/pt/sdd-automation-scripts.md +557 -0
  44. package/docs/pt/site-forge.md +309 -0
  45. package/docs/pt/skills.md +98 -6
  46. package/docs/pt/spec-learnings-pipeline.md +265 -0
  47. package/package.json +1 -1
  48. package/src/a2a/client.js +165 -0
  49. package/src/a2a/server.js +223 -0
  50. package/src/agent-loader.js +280 -0
  51. package/src/cli.js +329 -1
  52. package/src/commands/agent-audit.js +397 -0
  53. package/src/commands/agent-export-skill.js +229 -0
  54. package/src/commands/agent-loader.js +85 -0
  55. package/src/commands/artifact-validate.js +189 -0
  56. package/src/commands/brief-gen.js +405 -0
  57. package/src/commands/brief-validate.js +65 -0
  58. package/src/commands/classify.js +256 -0
  59. package/src/commands/context-cache.js +90 -0
  60. package/src/commands/context-compact.js +49 -0
  61. package/src/commands/context-health.js +175 -0
  62. package/src/commands/context-monitor.js +163 -0
  63. package/src/commands/context-search.js +66 -0
  64. package/src/commands/context-trim.js +177 -0
  65. package/src/commands/design-hybrid-options.js +385 -0
  66. package/src/commands/detect-test-runner.js +55 -0
  67. package/src/commands/devlog-export-brains.js +27 -0
  68. package/src/commands/devlog-process.js +292 -0
  69. package/src/commands/devlog-watch.js +131 -0
  70. package/src/commands/feature-close.js +165 -0
  71. package/src/commands/gate-check.js +228 -0
  72. package/src/commands/health.js +214 -0
  73. package/src/commands/hooks-emit.js +253 -0
  74. package/src/commands/hooks-install.js +347 -0
  75. package/src/commands/init.js +54 -13
  76. package/src/commands/install.js +52 -13
  77. package/src/commands/learning-auto-promote.js +195 -0
  78. package/src/commands/learning-evolve.js +364 -0
  79. package/src/commands/learning-export.js +103 -0
  80. package/src/commands/learning-rollback.js +164 -0
  81. package/src/commands/live.js +59 -1
  82. package/src/commands/pattern-detect.js +33 -0
  83. package/src/commands/preflight-context.js +30 -0
  84. package/src/commands/preflight.js +208 -0
  85. package/src/commands/pulse-update.js +130 -0
  86. package/src/commands/recovery.js +43 -0
  87. package/src/commands/runner-daemon.js +274 -0
  88. package/src/commands/runner-plan.js +70 -0
  89. package/src/commands/runner-queue-from-plan.js +166 -0
  90. package/src/commands/runner-queue.js +189 -0
  91. package/src/commands/runner-run.js +129 -0
  92. package/src/commands/runtime.js +47 -1
  93. package/src/commands/sandbox.js +37 -0
  94. package/src/commands/self-implement-loop.js +256 -0
  95. package/src/commands/session-guard.js +218 -0
  96. package/src/commands/setup-context.js +22 -2
  97. package/src/commands/setup.js +178 -0
  98. package/src/commands/sizing.js +165 -0
  99. package/src/commands/skill.js +144 -32
  100. package/src/commands/spec-checkpoint.js +177 -0
  101. package/src/commands/spec-status.js +79 -0
  102. package/src/commands/spec-sync.js +190 -0
  103. package/src/commands/spec-tasks.js +288 -0
  104. package/src/commands/squad-autorun.js +1220 -0
  105. package/src/commands/squad-bus.js +217 -0
  106. package/src/commands/squad-card.js +149 -0
  107. package/src/commands/squad-daemon.js +134 -0
  108. package/src/commands/squad-dependency-graph.js +164 -0
  109. package/src/commands/squad-review.js +106 -0
  110. package/src/commands/squad-scaffold.js +55 -0
  111. package/src/commands/squad-tool-register.js +157 -0
  112. package/src/commands/state-save.js +122 -0
  113. package/src/commands/tool-registry-cmd.js +232 -0
  114. package/src/commands/update.js +9 -0
  115. package/src/commands/verify-gate.js +572 -0
  116. package/src/commands/workflow-execute.js +241 -0
  117. package/src/constants.js +18 -0
  118. package/src/context-cache.js +159 -0
  119. package/src/context-search.js +326 -0
  120. package/src/design-variation-catalog.js +503 -0
  121. package/src/i18n/messages/en.js +32 -2
  122. package/src/i18n/messages/es.js +30 -2
  123. package/src/i18n/messages/fr.js +30 -2
  124. package/src/i18n/messages/pt-BR.js +32 -2
  125. package/src/install-animation.js +260 -0
  126. package/src/install-profile.js +143 -0
  127. package/src/install-wizard.js +475 -0
  128. package/src/installer.js +44 -10
  129. package/src/lib/health-check.js +158 -0
  130. package/src/lib/hook-protocol.js +76 -0
  131. package/src/mcp/apps/squad-dashboard/app.js +163 -0
  132. package/src/mcp/apps/squad-dashboard/index.html +261 -0
  133. package/src/mcp/apps/squad-dashboard/mcp-manifest.json +23 -0
  134. package/src/mcp/resources/squad-state.js +130 -0
  135. package/src/parser.js +7 -1
  136. package/src/preflight-engine.js +443 -0
  137. package/src/recovery-context-session.js +154 -0
  138. package/src/runner/cascade.js +97 -0
  139. package/src/runner/cli-launcher.js +109 -0
  140. package/src/runner/plan-importer.js +63 -0
  141. package/src/runner/queue-store.js +159 -0
  142. package/src/runtime-store.js +158 -4
  143. package/src/sandbox.js +177 -0
  144. package/src/squad/agent-teams-adapter.js +264 -0
  145. package/src/squad/brief-validator.js +350 -0
  146. package/src/squad/bus-bridge.js +140 -0
  147. package/src/squad/context-compactor.js +265 -0
  148. package/src/squad/cross-ai-synthesizer.js +250 -0
  149. package/src/squad/hooks-generator.js +196 -0
  150. package/src/squad/inter-squad-events.js +175 -0
  151. package/src/squad/intra-bus.js +345 -0
  152. package/src/squad/learning-extractor.js +213 -0
  153. package/src/squad/pattern-detector.js +365 -0
  154. package/src/squad/preflight-context.js +296 -0
  155. package/src/squad/recovery-context.js +242 -71
  156. package/src/squad/reflection.js +365 -0
  157. package/src/squad/squad-scaffold.js +177 -0
  158. package/src/squad/state-manager.js +310 -0
  159. package/src/squad/task-decomposer.js +652 -0
  160. package/src/squad/verify-gate.js +303 -0
  161. package/src/tool-executor.js +94 -0
  162. package/src/updater.js +10 -3
  163. package/src/worker-runner.js +186 -1
  164. package/template/.aioson/agents/analyst.md +119 -3
  165. package/template/.aioson/agents/architect.md +98 -0
  166. package/template/.aioson/agents/design-hybrid-forge.md +141 -0
  167. package/template/.aioson/agents/dev.md +335 -14
  168. package/template/.aioson/agents/deyvin.md +117 -2
  169. package/template/.aioson/agents/discovery-design-doc.md +44 -0
  170. package/template/.aioson/agents/genome.md +14 -0
  171. package/template/.aioson/agents/neo.md +78 -1
  172. package/template/.aioson/agents/orache.md +50 -4
  173. package/template/.aioson/agents/orchestrator.md +197 -1
  174. package/template/.aioson/agents/pm.md +93 -0
  175. package/template/.aioson/agents/product.md +77 -4
  176. package/template/.aioson/agents/profiler-enricher.md +14 -0
  177. package/template/.aioson/agents/profiler-forge.md +14 -0
  178. package/template/.aioson/agents/profiler-researcher.md +14 -0
  179. package/template/.aioson/agents/qa.md +249 -19
  180. package/template/.aioson/agents/setup.md +144 -12
  181. package/template/.aioson/agents/sheldon.md +237 -11
  182. package/template/.aioson/agents/site-forge.md +1753 -0
  183. package/template/.aioson/agents/squad.md +162 -0
  184. package/template/.aioson/agents/tester.md +209 -0
  185. package/template/.aioson/agents/ux-ui.md +34 -1
  186. package/template/.aioson/brains/README.md +128 -0
  187. package/template/.aioson/brains/_index.json +16 -0
  188. package/template/.aioson/brains/scripts/query.js +103 -0
  189. package/template/.aioson/brains/site-forge/visual-patterns.brain.json +205 -0
  190. package/template/.aioson/config.md +158 -13
  191. package/template/.aioson/constitution.md +33 -0
  192. package/template/.aioson/context/forensics/.gitkeep +0 -0
  193. package/template/.aioson/context/project-pulse.md +34 -0
  194. package/template/.aioson/context/seeds/seed-example.md +27 -0
  195. package/template/.aioson/context/user-profile.md +42 -0
  196. package/template/.aioson/docs/LAYERS.md +79 -0
  197. package/template/.aioson/docs/README.md +76 -0
  198. package/template/.aioson/docs/example-external-api-context.md +72 -0
  199. package/template/.aioson/locales/en/agents/architect.md +17 -0
  200. package/template/.aioson/locales/en/agents/dev.md +79 -13
  201. package/template/.aioson/locales/en/agents/orache.md +6 -0
  202. package/template/.aioson/locales/en/agents/orchestrator.md +24 -0
  203. package/template/.aioson/locales/en/agents/product.md +50 -0
  204. package/template/.aioson/locales/en/agents/setup.md +33 -1
  205. package/template/.aioson/locales/en/agents/sheldon.md +115 -0
  206. package/template/.aioson/locales/en/agents/squad.md +14 -0
  207. package/template/.aioson/locales/en/agents/tester.md +6 -0
  208. package/template/.aioson/locales/es/agents/analyst.md +2 -0
  209. package/template/.aioson/locales/es/agents/architect.md +19 -0
  210. package/template/.aioson/locales/es/agents/dev.md +64 -4
  211. package/template/.aioson/locales/es/agents/deyvin.md +2 -0
  212. package/template/.aioson/locales/es/agents/discovery-design-doc.md +2 -0
  213. package/template/.aioson/locales/es/agents/genome.md +2 -0
  214. package/template/.aioson/locales/es/agents/neo.md +2 -0
  215. package/template/.aioson/locales/es/agents/orache.md +2 -0
  216. package/template/.aioson/locales/es/agents/orchestrator.md +26 -0
  217. package/template/.aioson/locales/es/agents/pair.md +2 -0
  218. package/template/.aioson/locales/es/agents/pm.md +2 -0
  219. package/template/.aioson/locales/es/agents/product.md +52 -0
  220. package/template/.aioson/locales/es/agents/profiler-enricher.md +2 -0
  221. package/template/.aioson/locales/es/agents/profiler-forge.md +2 -0
  222. package/template/.aioson/locales/es/agents/profiler-researcher.md +2 -0
  223. package/template/.aioson/locales/es/agents/qa.md +2 -0
  224. package/template/.aioson/locales/es/agents/setup.md +35 -1
  225. package/template/.aioson/locales/es/agents/sheldon.md +117 -0
  226. package/template/.aioson/locales/es/agents/squad.md +16 -0
  227. package/template/.aioson/locales/es/agents/tester.md +9 -0
  228. package/template/.aioson/locales/es/agents/ux-ui.md +2 -0
  229. package/template/.aioson/locales/fr/agents/analyst.md +2 -0
  230. package/template/.aioson/locales/fr/agents/architect.md +19 -0
  231. package/template/.aioson/locales/fr/agents/dev.md +64 -4
  232. package/template/.aioson/locales/fr/agents/deyvin.md +2 -0
  233. package/template/.aioson/locales/fr/agents/discovery-design-doc.md +2 -0
  234. package/template/.aioson/locales/fr/agents/genome.md +2 -0
  235. package/template/.aioson/locales/fr/agents/neo.md +2 -0
  236. package/template/.aioson/locales/fr/agents/orache.md +2 -0
  237. package/template/.aioson/locales/fr/agents/orchestrator.md +26 -0
  238. package/template/.aioson/locales/fr/agents/pair.md +2 -0
  239. package/template/.aioson/locales/fr/agents/pm.md +2 -0
  240. package/template/.aioson/locales/fr/agents/product.md +52 -0
  241. package/template/.aioson/locales/fr/agents/profiler-enricher.md +2 -0
  242. package/template/.aioson/locales/fr/agents/profiler-forge.md +2 -0
  243. package/template/.aioson/locales/fr/agents/profiler-researcher.md +2 -0
  244. package/template/.aioson/locales/fr/agents/qa.md +2 -0
  245. package/template/.aioson/locales/fr/agents/setup.md +35 -1
  246. package/template/.aioson/locales/fr/agents/sheldon.md +117 -0
  247. package/template/.aioson/locales/fr/agents/squad.md +16 -0
  248. package/template/.aioson/locales/fr/agents/tester.md +9 -0
  249. package/template/.aioson/locales/fr/agents/ux-ui.md +2 -0
  250. package/template/.aioson/locales/pt-BR/agents/analyst.md +64 -3
  251. package/template/.aioson/locales/pt-BR/agents/architect.md +42 -0
  252. package/template/.aioson/locales/pt-BR/agents/dev.md +147 -14
  253. package/template/.aioson/locales/pt-BR/agents/deyvin.md +47 -0
  254. package/template/.aioson/locales/pt-BR/agents/neo.md +62 -1
  255. package/template/.aioson/locales/pt-BR/agents/orchestrator.md +158 -2
  256. package/template/.aioson/locales/pt-BR/agents/pm.md +95 -1
  257. package/template/.aioson/locales/pt-BR/agents/product.md +145 -18
  258. package/template/.aioson/locales/pt-BR/agents/qa.md +16 -0
  259. package/template/.aioson/locales/pt-BR/agents/setup.md +134 -19
  260. package/template/.aioson/locales/pt-BR/agents/sheldon.md +132 -1
  261. package/template/.aioson/locales/pt-BR/agents/squad.md +14 -0
  262. package/template/.aioson/locales/pt-BR/agents/tester.md +449 -0
  263. package/template/.aioson/rules/README.md +69 -0
  264. package/template/.aioson/rules/data-format-convention.md +136 -0
  265. package/template/.aioson/rules/example-monetary-values.md +30 -0
  266. package/template/.aioson/schemas/squad-manifest.schema.json +124 -3
  267. package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +243 -0
  268. package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -0
  269. package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -0
  270. package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -0
  271. package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -0
  272. package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -0
  273. package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +482 -0
  274. package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +387 -0
  275. package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +222 -0
  276. package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -0
  277. package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -0
  278. package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -0
  279. package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -0
  280. package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -0
  281. package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -0
  282. package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -0
  283. package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +213 -0
  284. package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -0
  285. package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -0
  286. package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -0
  287. package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -0
  288. package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -0
  289. package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -0
  290. package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -0
  291. package/template/.aioson/skills/design/pt.squarespace.com/.skill-meta.json +31 -0
  292. package/template/.aioson/skills/design/pt.squarespace.com/SKILL.md +66 -0
  293. package/template/.aioson/skills/design/pt.squarespace.com/references/components.md +368 -0
  294. package/template/.aioson/skills/design/pt.squarespace.com/references/design-tokens.md +150 -0
  295. package/template/.aioson/skills/design/pt.squarespace.com/references/motion.md +270 -0
  296. package/template/.aioson/skills/design/pt.squarespace.com/references/patterns.md +189 -0
  297. package/template/.aioson/skills/design/pt.squarespace.com/references/websites.md +165 -0
  298. package/template/.aioson/skills/process/aioson-spec-driven/SKILL.md +46 -0
  299. package/template/.aioson/skills/process/aioson-spec-driven/references/analyst.md +30 -0
  300. package/template/.aioson/skills/process/aioson-spec-driven/references/approval-gates.md +109 -0
  301. package/template/.aioson/skills/process/aioson-spec-driven/references/architect.md +23 -0
  302. package/template/.aioson/skills/process/aioson-spec-driven/references/artifact-map.md +44 -0
  303. package/template/.aioson/skills/process/aioson-spec-driven/references/classification-map.md +37 -0
  304. package/template/.aioson/skills/process/aioson-spec-driven/references/dev.md +47 -0
  305. package/template/.aioson/skills/process/aioson-spec-driven/references/deyvin.md +27 -0
  306. package/template/.aioson/skills/process/aioson-spec-driven/references/hardening-lane.md +49 -0
  307. package/template/.aioson/skills/process/aioson-spec-driven/references/maintenance-and-state.md +101 -0
  308. package/template/.aioson/skills/process/aioson-spec-driven/references/product.md +25 -0
  309. package/template/.aioson/skills/process/aioson-spec-driven/references/qa.md +30 -0
  310. package/template/.aioson/skills/process/aioson-spec-driven/references/sheldon.md +25 -0
  311. package/template/.aioson/skills/process/aioson-spec-driven/references/ui-language.md +75 -0
  312. package/template/.aioson/skills/process/design-hybrid-forge/SKILL.md +147 -0
  313. package/template/.aioson/skills/process/design-hybrid-forge/references/crossover-protocol.md +221 -0
  314. package/template/.aioson/skills/process/design-hybrid-forge/references/naming-registry.md +88 -0
  315. package/template/.aioson/skills/process/design-hybrid-forge/references/output-contract.md +306 -0
  316. package/template/.aioson/skills/process/design-hybrid-forge/references/pair-compatibility.md +149 -0
  317. package/template/.aioson/skills/process/design-hybrid-forge/references/quality-gates.md +208 -0
  318. package/template/.aioson/skills/process/design-hybrid-forge/references/variation-library.md +125 -0
  319. package/template/.aioson/skills/process/simplify/SKILL.md +173 -0
  320. package/template/.aioson/skills/static/context-budget-guide.md +46 -0
  321. package/template/.aioson/skills/static/harness-sensors.md +74 -0
  322. package/template/.aioson/skills/static/multi-agent-patterns.md +43 -0
  323. package/template/.aioson/skills/static/react-motion-patterns.md +22 -0
  324. package/template/.aioson/skills/static/static-html-patterns/checklists.md +43 -0
  325. package/template/.aioson/skills/static/static-html-patterns/css-tokens.md +609 -0
  326. package/template/.aioson/skills/static/static-html-patterns/motion.md +193 -0
  327. package/template/.aioson/skills/static/static-html-patterns/premium.md +711 -0
  328. package/template/.aioson/skills/static/static-html-patterns/structure.md +209 -0
  329. package/template/.aioson/skills/static/static-html-patterns/utilities.md +190 -0
  330. package/template/.aioson/skills/static/static-html-patterns.md +58 -1913
  331. package/template/.aioson/skills/static/threejs-patterns.md +929 -0
  332. package/template/.aioson/skills/static/web-research-cache.md +112 -0
  333. package/template/.aioson/tasks/implementation-plan.md +21 -1
  334. package/template/.claude/commands/aioson/agent/design-hybrid-forge.md +5 -0
  335. package/template/.claude/commands/aioson/agent/orache.md +5 -0
  336. package/template/.claude/commands/aioson/agent/sheldon.md +5 -0
  337. package/template/.claude/commands/aioson/agent/site-forge.md +5 -0
  338. package/template/AGENTS.md +75 -1
  339. package/template/CLAUDE.md +31 -0
  340. package/template/OPENCODE.md +4 -0
  341. package/template/researchs/.gitkeep +0 -0
package/docs/design-previews/warm-craft-ui-website.html ADDED
@@ -0,0 +1,684 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>TEMPO — Productivity Landing / Warm Craft UI Preview</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
10
+ <style>
11
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
12
+
13
+ :root {
14
+ --bg: #F8F6F3;
15
+ --surface: #FFFFFF;
16
+ --nav-bg: #FDFCFA;
17
+ --nav-border: #E8E5E0;
18
+ --accent: #E07A5F;
19
+ --accent-light: rgba(224, 122, 95, 0.10);
20
+ --accent-mid: rgba(224, 122, 95, 0.20);
21
+ --text-head: #2D3436;
22
+ --text-body: #4A5568;
23
+ --text-muted: #8896A6;
24
+ --warm-shadow: rgba(120, 80, 60, 0.08);
25
+ --warm-shadow-md: rgba(120, 80, 60, 0.12);
26
+ --strip-bg: #F3F1ED;
27
+ }
28
+
29
+ html { scroll-behavior: smooth; }
30
+
31
+ body {
32
+ font-family: 'Inter', sans-serif;
33
+ background: var(--bg);
34
+ color: var(--text-body);
35
+ overflow-x: hidden;
36
+ }
37
+
38
+ .container {
39
+ max-width: 1120px;
40
+ margin: 0 auto;
41
+ padding: 0 28px;
42
+ }
43
+
44
+ /* === NAV === */
45
+ nav {
46
+ background: var(--nav-bg);
47
+ border-bottom: 1px solid var(--nav-border);
48
+ position: sticky;
49
+ top: 0;
50
+ z-index: 100;
51
+ }
52
+ .nav-inner {
53
+ display: flex;
54
+ align-items: center;
55
+ justify-content: space-between;
56
+ height: 66px;
57
+ max-width: 1120px;
58
+ margin: 0 auto;
59
+ padding: 0 28px;
60
+ }
61
+ .logo {
62
+ font-family: 'Source Serif 4', Georgia, serif;
63
+ font-size: 1.5rem;
64
+ font-weight: 700;
65
+ color: var(--text-head);
66
+ letter-spacing: -0.02em;
67
+ }
68
+ .logo-dot {
69
+ color: var(--accent);
70
+ }
71
+ .nav-links {
72
+ display: flex;
73
+ gap: 34px;
74
+ list-style: none;
75
+ }
76
+ .nav-links a {
77
+ text-decoration: none;
78
+ color: var(--text-body);
79
+ font-size: 0.9rem;
80
+ font-weight: 500;
81
+ transition: color 0.2s;
82
+ }
83
+ .nav-links a:hover { color: var(--accent); }
84
+ .btn-accent {
85
+ background: var(--accent);
86
+ color: #fff;
87
+ border: none;
88
+ border-radius: 14px;
89
+ padding: 10px 22px;
90
+ font-size: 0.88rem;
91
+ font-weight: 600;
92
+ cursor: pointer;
93
+ font-family: 'Inter', sans-serif;
94
+ box-shadow: 0 4px 12px rgba(224,122,95,0.28);
95
+ transition: transform 0.15s, box-shadow 0.15s;
96
+ }
97
+ .btn-accent:hover {
98
+ transform: translateY(-1px);
99
+ box-shadow: 0 6px 18px rgba(224,122,95,0.36);
100
+ }
101
+ .btn-soft {
102
+ background: var(--surface);
103
+ color: var(--text-head);
104
+ border: 1.5px solid var(--nav-border);
105
+ border-radius: 14px;
106
+ padding: 10px 22px;
107
+ font-size: 0.88rem;
108
+ font-weight: 600;
109
+ cursor: pointer;
110
+ font-family: 'Inter', sans-serif;
111
+ box-shadow: 0 2px 8px var(--warm-shadow);
112
+ transition: border-color 0.2s, box-shadow 0.2s;
113
+ }
114
+ .btn-soft:hover {
115
+ border-color: var(--accent);
116
+ box-shadow: 0 2px 12px var(--warm-shadow-md);
117
+ }
118
+
119
+ /* === HERO === */
120
+ .hero {
121
+ padding: 100px 0 80px;
122
+ position: relative;
123
+ overflow: hidden;
124
+ text-align: center;
125
+ }
126
+ /* Subtle dot pattern */
127
+ .hero::before {
128
+ content: '';
129
+ position: absolute;
130
+ inset: 0;
131
+ background-image: radial-gradient(circle, rgba(120,80,60,0.07) 1.5px, transparent 1.5px);
132
+ background-size: 28px 28px;
133
+ pointer-events: none;
134
+ z-index: 0;
135
+ }
136
+ .hero-content { position: relative; z-index: 1; }
137
+ .hero-badge {
138
+ display: inline-flex;
139
+ align-items: center;
140
+ gap: 8px;
141
+ background: var(--surface);
142
+ border: 1px solid var(--nav-border);
143
+ border-radius: 100px;
144
+ padding: 6px 16px 6px 8px;
145
+ font-size: 0.8rem;
146
+ font-weight: 500;
147
+ color: var(--text-muted);
148
+ margin-bottom: 32px;
149
+ box-shadow: 0 2px 8px var(--warm-shadow);
150
+ }
151
+ .badge-icon {
152
+ width: 22px; height: 22px;
153
+ background: var(--accent-light);
154
+ border-radius: 100px;
155
+ display: flex; align-items: center; justify-content: center;
156
+ font-size: 0.75rem;
157
+ }
158
+ .hero h1 {
159
+ font-family: 'Source Serif 4', Georgia, serif;
160
+ font-size: clamp(44px, 6vw, 58px);
161
+ font-weight: 600;
162
+ color: var(--text-head);
163
+ line-height: 1.18;
164
+ letter-spacing: -0.02em;
165
+ margin: 0 auto 22px;
166
+ max-width: 680px;
167
+ }
168
+ .hero h1 strong {
169
+ font-weight: 700;
170
+ color: var(--accent);
171
+ }
172
+ .hero-sub {
173
+ font-family: 'Source Serif 4', Georgia, serif;
174
+ font-size: 1.15rem;
175
+ color: var(--text-muted);
176
+ max-width: 520px;
177
+ line-height: 1.75;
178
+ margin: 0 auto 38px;
179
+ font-weight: 400;
180
+ font-style: italic;
181
+ }
182
+ .hero-ctas {
183
+ display: flex;
184
+ gap: 14px;
185
+ flex-wrap: wrap;
186
+ margin-bottom: 48px;
187
+ align-items: center;
188
+ justify-content: center;
189
+ }
190
+ .hero-ctas .btn-accent { padding: 14px 30px; font-size: 0.95rem; }
191
+ .hero-ctas .btn-soft { padding: 14px 30px; font-size: 0.95rem; }
192
+ .social-proof {
193
+ display: flex;
194
+ align-items: center;
195
+ justify-content: center;
196
+ gap: 12px;
197
+ }
198
+ .avatars {
199
+ display: flex;
200
+ }
201
+ .avatar {
202
+ width: 32px; height: 32px;
203
+ border-radius: 50%;
204
+ border: 2px solid var(--bg);
205
+ font-size: 0.75rem;
206
+ display: flex; align-items: center; justify-content: center;
207
+ font-weight: 600;
208
+ color: #fff;
209
+ margin-left: -8px;
210
+ }
211
+ .avatar:first-child { margin-left: 0; }
212
+ .social-text {
213
+ font-size: 0.82rem;
214
+ color: var(--text-muted);
215
+ font-weight: 500;
216
+ }
217
+ .social-text strong { color: var(--text-body); font-weight: 600; }
218
+
219
+ /* === FEATURES === */
220
+ .features-section {
221
+ padding: 100px 0;
222
+ }
223
+ .section-eyebrow {
224
+ font-size: 0.8rem;
225
+ font-weight: 600;
226
+ text-transform: uppercase;
227
+ letter-spacing: 0.1em;
228
+ color: var(--accent);
229
+ margin-bottom: 12px;
230
+ text-align: center;
231
+ }
232
+ .section-title {
233
+ font-family: 'Source Serif 4', Georgia, serif;
234
+ font-size: clamp(28px, 4vw, 40px);
235
+ font-weight: 600;
236
+ color: var(--text-head);
237
+ letter-spacing: -0.02em;
238
+ margin-bottom: 14px;
239
+ line-height: 1.2;
240
+ text-align: center;
241
+ }
242
+ .section-sub {
243
+ font-size: 1rem;
244
+ color: var(--text-muted);
245
+ text-align: center;
246
+ max-width: 480px;
247
+ line-height: 1.70;
248
+ margin-bottom: 56px;
249
+ }
250
+ .features-grid {
251
+ display: grid;
252
+ grid-template-columns: repeat(3, 1fr);
253
+ gap: 24px;
254
+ }
255
+ .feature-card {
256
+ background: var(--surface);
257
+ border-radius: 20px;
258
+ box-shadow: 0 4px 20px var(--warm-shadow);
259
+ padding: 36px 28px;
260
+ transition: transform 0.2s, box-shadow 0.2s;
261
+ }
262
+ .feature-card:hover {
263
+ transform: translateY(-3px);
264
+ box-shadow: 0 8px 28px var(--warm-shadow-md);
265
+ }
266
+ .feature-icon-wrap {
267
+ width: 52px; height: 52px;
268
+ background: var(--accent-light);
269
+ border-radius: 14px;
270
+ display: flex; align-items: center; justify-content: center;
271
+ font-size: 1.5rem;
272
+ margin-bottom: 20px;
273
+ }
274
+ .feature-title {
275
+ font-family: 'Source Serif 4', Georgia, serif;
276
+ font-size: 1.1rem;
277
+ font-weight: 600;
278
+ color: var(--text-head);
279
+ margin-bottom: 10px;
280
+ letter-spacing: -0.01em;
281
+ }
282
+ .feature-desc {
283
+ font-size: 0.88rem;
284
+ color: var(--text-muted);
285
+ line-height: 1.70;
286
+ }
287
+
288
+ /* === TESTIMONIALS === */
289
+ .testimonials-section {
290
+ background: var(--strip-bg);
291
+ padding: 96px 0;
292
+ }
293
+ .testimonials-grid {
294
+ display: grid;
295
+ grid-template-columns: 1fr 1fr;
296
+ gap: 24px;
297
+ margin-top: 52px;
298
+ }
299
+ .testimonial-card {
300
+ background: var(--surface);
301
+ border-radius: 20px;
302
+ box-shadow: 0 4px 20px var(--warm-shadow);
303
+ padding: 36px 32px;
304
+ }
305
+ .quote {
306
+ font-family: 'Source Serif 4', Georgia, serif;
307
+ font-size: 1.05rem;
308
+ font-style: italic;
309
+ color: var(--text-head);
310
+ line-height: 1.75;
311
+ margin-bottom: 24px;
312
+ font-weight: 400;
313
+ }
314
+ .quote::before {
315
+ content: '\201C';
316
+ color: var(--accent);
317
+ font-size: 2rem;
318
+ font-family: 'Source Serif 4', Georgia, serif;
319
+ line-height: 0;
320
+ vertical-align: -0.5rem;
321
+ margin-right: 2px;
322
+ }
323
+ .testimonial-author {
324
+ display: flex;
325
+ align-items: center;
326
+ gap: 12px;
327
+ }
328
+ .author-avatar {
329
+ width: 40px; height: 40px;
330
+ border-radius: 50%;
331
+ display: flex; align-items: center; justify-content: center;
332
+ font-size: 0.85rem;
333
+ font-weight: 700;
334
+ color: #fff;
335
+ flex-shrink: 0;
336
+ }
337
+ .author-name {
338
+ font-size: 0.88rem;
339
+ font-weight: 600;
340
+ color: var(--text-head);
341
+ margin-bottom: 2px;
342
+ }
343
+ .author-role {
344
+ font-size: 0.78rem;
345
+ color: var(--text-muted);
346
+ }
347
+
348
+ /* === PRICING === */
349
+ .pricing-section {
350
+ padding: 100px 0;
351
+ }
352
+ .pricing-grid {
353
+ display: grid;
354
+ grid-template-columns: repeat(3, 1fr);
355
+ gap: 20px;
356
+ margin-top: 56px;
357
+ }
358
+ .pricing-card {
359
+ background: var(--surface);
360
+ border-radius: 20px;
361
+ box-shadow: 0 4px 20px var(--warm-shadow);
362
+ overflow: hidden;
363
+ transition: transform 0.2s, box-shadow 0.2s;
364
+ }
365
+ .pricing-card:hover {
366
+ transform: translateY(-3px);
367
+ box-shadow: 0 8px 28px var(--warm-shadow-md);
368
+ }
369
+ .pricing-card.featured {
370
+ box-shadow: 0 8px 32px rgba(224,122,95,0.18);
371
+ }
372
+ .pricing-card-header {
373
+ padding: 28px;
374
+ border-bottom: 1px solid var(--nav-border);
375
+ }
376
+ .pricing-card.featured .pricing-card-header {
377
+ background: var(--accent);
378
+ border-bottom: none;
379
+ }
380
+ .pricing-card.featured .pricing-name,
381
+ .pricing-card.featured .pricing-price,
382
+ .pricing-card.featured .pricing-period { color: #fff; }
383
+ .pricing-name {
384
+ font-family: 'Source Serif 4', Georgia, serif;
385
+ font-size: 1rem;
386
+ font-weight: 600;
387
+ color: var(--text-head);
388
+ margin-bottom: 10px;
389
+ letter-spacing: -0.01em;
390
+ }
391
+ .pricing-price {
392
+ font-size: 2rem;
393
+ font-weight: 700;
394
+ color: var(--text-head);
395
+ letter-spacing: -0.03em;
396
+ }
397
+ .pricing-period {
398
+ font-size: 0.82rem;
399
+ color: var(--text-muted);
400
+ font-weight: 400;
401
+ }
402
+ .pricing-body { padding: 28px; }
403
+ .pricing-features {
404
+ list-style: none;
405
+ margin-bottom: 24px;
406
+ display: flex;
407
+ flex-direction: column;
408
+ gap: 10px;
409
+ }
410
+ .pricing-features li {
411
+ font-size: 0.88rem;
412
+ color: var(--text-muted);
413
+ display: flex;
414
+ align-items: flex-start;
415
+ gap: 8px;
416
+ }
417
+ .check {
418
+ color: var(--accent);
419
+ font-weight: 700;
420
+ flex-shrink: 0;
421
+ margin-top: 1px;
422
+ }
423
+
424
+ /* === CTA SECTION === */
425
+ .cta-section {
426
+ background: var(--accent);
427
+ padding: 96px 0;
428
+ text-align: center;
429
+ }
430
+ .cta-section .section-title {
431
+ color: #fff;
432
+ max-width: 560px;
433
+ margin: 0 auto 16px;
434
+ }
435
+ .cta-sub {
436
+ color: rgba(255,255,255,0.80);
437
+ font-size: 1rem;
438
+ margin-bottom: 36px;
439
+ }
440
+ .btn-white {
441
+ background: #fff;
442
+ color: var(--accent);
443
+ border: none;
444
+ border-radius: 14px;
445
+ padding: 14px 32px;
446
+ font-size: 0.95rem;
447
+ font-weight: 700;
448
+ cursor: pointer;
449
+ font-family: 'Inter', sans-serif;
450
+ box-shadow: 0 4px 16px rgba(0,0,0,0.15);
451
+ transition: transform 0.15s, box-shadow 0.15s;
452
+ }
453
+ .btn-white:hover {
454
+ transform: translateY(-1px);
455
+ box-shadow: 0 8px 24px rgba(0,0,0,0.20);
456
+ }
457
+
458
+ /* === FOOTER === */
459
+ footer {
460
+ background: #F0EDE8;
461
+ border-top: 1px solid var(--nav-border);
462
+ padding: 48px 0;
463
+ }
464
+ .footer-inner {
465
+ max-width: 1120px;
466
+ margin: 0 auto;
467
+ padding: 0 28px;
468
+ display: flex;
469
+ justify-content: space-between;
470
+ align-items: center;
471
+ flex-wrap: wrap;
472
+ gap: 20px;
473
+ }
474
+ .footer-logo {
475
+ font-family: 'Source Serif 4', Georgia, serif;
476
+ font-size: 1.2rem;
477
+ font-weight: 700;
478
+ color: var(--text-head);
479
+ }
480
+ .footer-links {
481
+ display: flex;
482
+ gap: 28px;
483
+ flex-wrap: wrap;
484
+ }
485
+ .footer-links a {
486
+ font-size: 0.82rem;
487
+ color: var(--text-muted);
488
+ text-decoration: none;
489
+ font-weight: 500;
490
+ transition: color 0.2s;
491
+ }
492
+ .footer-links a:hover { color: var(--accent); }
493
+ .footer-copy {
494
+ font-size: 0.78rem;
495
+ color: var(--text-muted);
496
+ }
497
+
498
+ @media (max-width: 768px) {
499
+ .features-grid, .testimonials-grid, .pricing-grid { grid-template-columns: 1fr; }
500
+ .nav-links { display: none; }
501
+ }
502
+ </style>
503
+ </head>
504
+ <body>
505
+
506
+ <!-- NAV -->
507
+ <nav>
508
+ <div class="nav-inner">
509
+ <div class="logo">Tempo<span class="logo-dot">.</span></div>
510
+ <ul class="nav-links">
511
+ <li><a href="#">Features</a></li>
512
+ <li><a href="#">Pricing</a></li>
513
+ <li><a href="#">Blog</a></li>
514
+ <li><a href="#">About</a></li>
515
+ </ul>
516
+ <button class="btn-accent">Try Tempo Free</button>
517
+ </div>
518
+ </nav>
519
+
520
+ <!-- HERO -->
521
+ <section class="hero">
522
+ <div class="container">
523
+ <div class="hero-content">
524
+ <div class="hero-badge">
525
+ <span class="badge-icon">🌿</span>
526
+ New — Async video messages now in Tempo
527
+ </div>
528
+ <h1>Work at your own pace.<br /><strong>Together.</strong></h1>
529
+ <p class="hero-sub">Tempo replaces the chaos of real-time chat with thoughtful async communication — so your team can do deep work and still stay aligned.</p>
530
+ <div class="hero-ctas">
531
+ <button class="btn-accent">Start for free</button>
532
+ <button class="btn-soft">Watch 2-min demo</button>
533
+ </div>
534
+ <div class="social-proof">
535
+ <div class="avatars">
536
+ <div class="avatar" style="background: #E07A5F;">A</div>
537
+ <div class="avatar" style="background: #81B29A;">M</div>
538
+ <div class="avatar" style="background: #F2CC8F;">S</div>
539
+ <div class="avatar" style="background: #3D405B;">R</div>
540
+ <div class="avatar" style="background: #D4A5A5;">K</div>
541
+ </div>
542
+ <span class="social-text">Trusted by <strong>50,000+ teams</strong> worldwide</span>
543
+ </div>
544
+ </div>
545
+ </div>
546
+ </section>
547
+
548
+ <!-- FEATURES -->
549
+ <section class="features-section">
550
+ <div class="container">
551
+ <div class="section-eyebrow">Why Tempo</div>
552
+ <h2 class="section-title">Built for how humans<br />actually think</h2>
553
+ <p class="section-sub">Deep work requires uninterrupted time. Tempo gives your team the tools to communicate richly without the constant ping.</p>
554
+ <div class="features-grid">
555
+ <div class="feature-card">
556
+ <div class="feature-icon-wrap">🌊</div>
557
+ <div class="feature-title">Async by Design</div>
558
+ <p class="feature-desc">Write messages, record short videos, or share context docs — your teammates reply when they're in the right headspace, not when the notification fires.</p>
559
+ </div>
560
+ <div class="feature-card">
561
+ <div class="feature-icon-wrap">🧭</div>
562
+ <div class="feature-title">Focus Timelines</div>
563
+ <p class="feature-desc">Set your working hours and focus windows. Tempo intelligently surfaces what needs your attention, ordered by importance — never by recency alone.</p>
564
+ </div>
565
+ <div class="feature-card">
566
+ <div class="feature-icon-wrap">✍️</div>
567
+ <div class="feature-title">Rich Context Threads</div>
568
+ <p class="feature-desc">Every conversation stays contextual. Attach files, link tasks, embed designs, and write in a beautiful editor — all in one thread, always findable.</p>
569
+ </div>
570
+ </div>
571
+ </div>
572
+ </section>
573
+
574
+ <!-- TESTIMONIALS -->
575
+ <section class="testimonials-section">
576
+ <div class="container">
577
+ <div class="section-eyebrow">What teams say</div>
578
+ <h2 class="section-title">Work has never felt<br />this calm before</h2>
579
+ <div class="testimonials-grid">
580
+ <div class="testimonial-card">
581
+ <p class="quote">Tempo changed our entire culture. We went from 600 Slack messages a day to thoughtful, well-written updates that everyone actually reads. Deep work is back.</p>
582
+ <div class="testimonial-author">
583
+ <div class="author-avatar" style="background: #E07A5F;">SR</div>
584
+ <div>
585
+ <div class="author-name">Sofia Reyes</div>
586
+ <div class="author-role">Head of Product, Brightly</div>
587
+ </div>
588
+ </div>
589
+ </div>
590
+ <div class="testimonial-card">
591
+ <p class="quote">Our distributed team spans 9 time zones. Tempo is the first tool that actually respects that. Nobody has to be online at the same time to stay in sync anymore.</p>
592
+ <div class="testimonial-author">
593
+ <div class="author-avatar" style="background: #81B29A;">MK</div>
594
+ <div>
595
+ <div class="author-name">Marcus Klein</div>
596
+ <div class="author-role">Engineering Lead, Cortex</div>
597
+ </div>
598
+ </div>
599
+ </div>
600
+ </div>
601
+ </div>
602
+ </section>
603
+
604
+ <!-- PRICING -->
605
+ <section class="pricing-section">
606
+ <div class="container">
607
+ <div class="section-eyebrow">Simple Pricing</div>
608
+ <h2 class="section-title">One price. No surprises.</h2>
609
+ <div class="pricing-grid">
610
+ <div class="pricing-card">
611
+ <div class="pricing-card-header">
612
+ <div class="pricing-name">Starter</div>
613
+ <div class="pricing-price">$0 <span class="pricing-period">/ free forever</span></div>
614
+ </div>
615
+ <div class="pricing-body">
616
+ <ul class="pricing-features">
617
+ <li><span class="check">✓</span> Up to 5 teammates</li>
618
+ <li><span class="check">✓</span> 90-day message history</li>
619
+ <li><span class="check">✓</span> Basic video messages</li>
620
+ <li><span class="check">✓</span> 5GB file storage</li>
621
+ </ul>
622
+ <button class="btn-soft" style="width:100%">Get started free</button>
623
+ </div>
624
+ </div>
625
+ <div class="pricing-card featured">
626
+ <div class="pricing-card-header">
627
+ <div class="pricing-name">Team</div>
628
+ <div class="pricing-price">$9 <span class="pricing-period">/ seat / month</span></div>
629
+ </div>
630
+ <div class="pricing-body">
631
+ <ul class="pricing-features">
632
+ <li><span class="check" style="color: var(--accent)">✓</span> Unlimited teammates</li>
633
+ <li><span class="check" style="color: var(--accent)">✓</span> Unlimited history</li>
634
+ <li><span class="check" style="color: var(--accent)">✓</span> Focus timelines</li>
635
+ <li><span class="check" style="color: var(--accent)">✓</span> Priority + integrations</li>
636
+ </ul>
637
+ <button class="btn-accent" style="width:100%">Start 14-day trial</button>
638
+ </div>
639
+ </div>
640
+ <div class="pricing-card">
641
+ <div class="pricing-card-header">
642
+ <div class="pricing-name">Enterprise</div>
643
+ <div class="pricing-price">Custom</div>
644
+ </div>
645
+ <div class="pricing-body">
646
+ <ul class="pricing-features">
647
+ <li><span class="check">✓</span> SSO + SCIM</li>
648
+ <li><span class="check">✓</span> Dedicated support</li>
649
+ <li><span class="check">✓</span> SLA guarantee</li>
650
+ <li><span class="check">✓</span> On-prem option</li>
651
+ </ul>
652
+ <button class="btn-soft" style="width:100%">Talk to sales</button>
653
+ </div>
654
+ </div>
655
+ </div>
656
+ </div>
657
+ </section>
658
+
659
+ <!-- CTA SECTION -->
660
+ <section class="cta-section">
661
+ <div class="container">
662
+ <h2 class="section-title" style="font-family: 'Source Serif 4', Georgia, serif;">Your team deserves<br />to breathe.</h2>
663
+ <p class="cta-sub">Start with Tempo free. No credit card required.</p>
664
+ <button class="btn-white">Get started — it's free</button>
665
+ </div>
666
+ </section>
667
+
668
+ <!-- FOOTER -->
669
+ <footer>
670
+ <div class="footer-inner">
671
+ <div class="footer-logo">Tempo.</div>
672
+ <div class="footer-links">
673
+ <a href="#">Features</a>
674
+ <a href="#">Pricing</a>
675
+ <a href="#">Privacy</a>
676
+ <a href="#">Terms</a>
677
+ <a href="#">Blog</a>
678
+ </div>
679
+ <div class="footer-copy">© 2025 Tempo, Inc. All rights reserved.</div>
680
+ </div>
681
+ </footer>
682
+
683
+ </body>
684
+ </html>