Bootcamp is a warm, editorial education template built for organizations that teach. Big bold display type on a beige canvas with an orange accent, tasteful GSAP scroll reveals, and a 3D photo ring.
What’s inside
- 11 pages: Home, 4 course layouts (GenAI, Data, Summer, Professional), Contact, Blog list + detail, 404, Privacy, Terms
- 4 unique course page designs: Vertical timeline curriculum, accordion curriculum, alternating week blocks, comparison table
- Blog system: Content collections, list + detail pages, RSS feed, BlogPosting JSON-LD
- Application form: Floating launcher + slide-in panel, Formspree-ready
- Dark mode: Full
prefers-color-schemesupport with adapted token system
Design & Features
- HeyWow display font (self-hosted, 3 weights)
- GSAP animations: text mask reveal, jelly buttons, magnetic hover, count-up stats, 3D film ring
- Lenis smooth scroll with scroll progress bar
- Token-driven design system (every color/size/space is a CSS variable)
- Config-driven content (all text in
site.ts, zero string literals in components) - Progressive enhancement (content visible without JS)
SEO Infrastructure
- Sitemap, robots.txt,
_headers(security + immutable caching) - JSON-LD: EducationalOrganization (global), Course + FAQPage + BreadcrumbList (course pages), BlogPosting (blog)
- OG image, Twitter cards, canonical URLs
- llms.txt for AI search visibility
- Analytics component (GA4 + Umami placeholder)
Tech
- Astro 7 (static output, zero JS framework runtime)
- Self-hosted GSAP + ScrollTrigger + Lenis (~130KB total)
- Cloudflare Pages deployment ready