Overtime is a product-driven agency template built on Astro 7 and Tailwind CSS v4. Every page is wired up, every collection is structured and every SEO detail is in place, so you can focus on showing what your agents automate instead of scaffolding your site.
It stays fast by default: fully static output with no UI framework. GSAP and Lenis handle the motion, and looping motifs pause when they leave the screen.
Who is this template for?
AI automation agencies that want to show the work running, not just describe it. Freelance automation builders who need a site that looks like a studio. Developers building for clients who want typed data files that are easy to hand off. Teams that care about Lighthouse scores: 100 on desktop performance, 100 SEO on every indexable route.
Features
- Live home page motifs: a workflow map built from data, a Slack approval that plays on screen, a six-week timeline dated from the visitor’s calendar, and an FAQ chat that only answers from written copy.
- Four MDX case studies with a results strip, a before/after time comparison and a walkthrough. Frontmatter is validated by a Zod schema.
- Six MDX notes with an on-this-page index, plus four service pages generated from one data file.
- A 3-step booking flow on Contact that runs in demo mode until you set an endpoint.
- All copy in 16 typed data files and design tokens.
- SEO: JSON-LD, social images cropped from each photo, a sitemap and View Transitions.
Tech Stack
- Astro 7: static output, fully typed
- Tailwind CSS v4: CSS-first configuration via @theme tokens
- GSAP 3 with ScrollTrigger and SplitText, plus Lenis
- TypeScript (strict mode)
- MDX for case studies, notes and legal pages
- Astro Fonts API: self-hosted Funnel Display and Host Grotesk with metric-matched fallbacks
Pages & Sections
Home: hero, integrations, workflow map, Slack approval, results, services, timeline, pricing, FAQ chat, security. Work, case study, four service pages, blog and note. About, Careers, Contact, Security, Privacy, Terms and a 404 that suggests the closest page.
Performance & Accessibility
Audited with Lighthouse on the production build:
- 100 performance on desktop, 93+ on mobile.
- 100 best practices.
- 96+ accessibility.
It also has AA contrast on text tokens, a keyboard-reachable menu, carousel, chat and booking, and support for reduced motion.
