Halo — Astro AI SaaS Landing Page Template
Live preview: https://halo-demo-sph.netlify.app — click around the real site before you buy.A landing page that looks like you hired a designer, coded in Astro and yours in ten minutes. Designing a high-converting page from scratch eats days, a designer runs $1–5k, and most free templates either look generic or ship a heavy React/Next bundle for a page that's mostly text. Halo is the middle: something that looks funded, loads instantly, and is easy to make your own — source you own and host anywhere, with no drag-and-drop lock-in or monthly hosting bill.Most SaaS templates reach for the same dark neon gradient. Halo goes the other way: a warm-white canvas, big display type, and one coral accent you can re-skin from a single line of CSS. Everything's already here — hero, features, pricing, testimonials, FAQ, the lot — shipping as plain static HTML.Features: - Complete landing page — hero, trusted-by logo cloud, bento feature grid, how-it-works, testimonials, pricing, and FAQ, all on one page. - Monthly / annual pricing toggle — a real, accessible billing switch that swaps every tier's price via tiny vanilla JS, no framework. - Three pricing tiers — Free, Pro, and Enterprise cards with feature lists and clear CTAs. - Accordion FAQ — eight native <details> questions, keyboard-friendly and zero-JS. - Responsive mobile nav — accessible hamburger menu with aria-expanded/aria-controls and a slide-down panel. - SEO out of the box — canonical URLs, Open Graph + Twitter cards, theme-color, and sitemap-index.xml. - Social share card — a ready 1200×630 og.png plus SVG + PNG favicons and an Apple touch icon. - Branded 404 and zero-config recolor — change one CSS token and the whole site follows. Fully responsive from a 320px phone to an ultrawide display.Edit one config file for name, nav, tagline, and contact, and one token to recolor; all page copy lives as plain data arrays. Bonus design references ship in the box: a DESIGN-SPEC.md (tokens, type scale, spacing, component rules) and a COPY-DECK.md (the complete writing deck so you can rewrite copy in the same voice). Stack: Astro 5 (almost zero JS by default), Tailwind CSS v4, @astrojs/sitemap, self-hosted variable fonts. Builds to a static ./dist — deploy to Vercel, Netlify, or Cloudflare Pages.About the author — I build and ship iOS apps and production web apps for clients; this template comes straight out of that work. Want it customized, or need a site built from scratch? Email tabishhassan01998@gmail.com. Free updates forever — and if you hit a bug, I answer within 48 hours. More by me: https://sassproducthub.gumroad.com · Apps I've shipped: https://apps.apple.com/us/developer/tabish-hassan/id1885918100
Get it → sassproducthub.gumroad.com