Agento — AI agents SaaS theme for Astro

Agento is a complete marketing website for an AI agents, automation or SaaS product. It includes three home pages, product and solution pages, pricing, a blog, documentation, a help center, customer stories, company pages and account screens. Every word, link and image lives in MDX content files, so you can rebrand the site and fill it with your own content without touching a single component.

Built with Astro 7, Tailwind CSS v4 and a few React 19 islands only where the page needs interactivity. The result is a fast, fully static site you can deploy to any host.

Highlights

• 80 page templates, 200+ built pages generated from content collections: blog, docs, help, customers, integrations, use cases, careers, changelog and legal
• Three home pages: product (live agent demo), developer (code-first) and startup (waitlist and countdown)
• Interactive hero demo: a typed prompt and three dashboard panels (live activity, current task, agent workflow) play one synced run over an animated dot field
• Premium mega menu with smooth, content-sized panels, keyboard support and a sliding mobile menu
• Blog with MDX, categories, tags, author pages, pagination, reading time, table of contents, related posts and an RSS feed
• Docs and help center with sidebar navigation, code tabs, callouts and a command palette search that needs no external search service
• Account screens: sign in, sign up, forgot and reset password, email verification and onboarding
• Utility pages: 404, 500, thank you, waitlist, coming soon, maintenance, status and an HTML sitemap

Built for performance and SEO

• Static output, optimized images through astro:assets, self-hosted fonts and link prefetching
• Canonical URLs, Open Graph and Twitter cards, XML sitemap and robots.txt
• JSON-LD structured data: Organization, BreadcrumbList, BlogPosting, FAQPage and JobPosting

Easy to customize

• All copy in MDX content files, validated at build time with Zod schemas, so a missing field fails the build with a clear message instead of a broken page
• Site settings, mega menu and footer in simple JSON config files
• Brand colors, shadows and animations as design tokens in one CSS file
• Swap the logo, favicon and social card by replacing a single file each
• Forms with validation and success states, ready for Formspree, Basin or your own endpoint
• Optional promo bar, cookie notice and RSS feeds, each switched on or off in config

Design and accessibility

• Clean, modern design with Instrument Serif display headings and Geist body text
• Subtle motion: staged hero entrances, word-by-word headings, staggered cards, number counters and charts that draw in, all respecting reduced motion preferences
• Semantic landmarks, skip link, keyboard support for menus, tabs and palettes, and WCAG AA text contrast
• Fully responsive from small phones to wide desktops

Tech stack

• Astro 7 with TypeScript
• Tailwind CSS v4
• React 19 (interactive islands only)
• MDX content collections
• Hugeicons free icon set

Deploy anywhere

Run one build command and deploy the static output to Netlify, Vercel, Cloudflare Pages, GitHub Pages or any static host. Requires Node.js 22.12 or later.

Perfect for

AI agent platforms, automation tools, AI startups, SaaS products, developer tools and B2B software companies that need a polished, content-rich marketing site.

Notes

Images used in the preview are for demonstration only.