Falcon is for independent design + development studios and small agencies whose website needs to do the heavy lifting - and look as sharp as the work they ship. GSAP-pinned stacking case-study cards with a 24px peek on scroll, a full-bleed mega-menu with colored service panels, three marquee variants, and a signature Anton type system at 96px+ that does the work big photography normally would. A sun/moon toggle in the nav switches between light and dark variants and persists per visitor.
Built on Astro + Tailwind with TypeScript. Every section reads from a single config file, so branding the site is a one-file edit — no component changes needed.
Who it's for
- Independent design + development studios
- Small to mid-size agencies
- Brand-led freelancers and consultants
- White-label production teams
- WordPress shops migrating to Astro
What's distinctive
- Stacking scroll case studies - GSAP ScrollTrigger pins each project card with a 24px peek; filter chips on /work/ kill and rebuild triggers so filtering never breaks the scroll behavior
- Mega-menu navigation - full-bleed colored panels per service category with a noise-texture overlay, click-toggle with outside-click + ESC dismiss
- Light + dark variants - sun/moon toggle in the nav, preference persists per visitor in localStorage, pre-paint script prevents FOUC
- char-shift hover - every link auto-splits into double-stacked per-character spans; on hover the duplicate slides into the visible slot so text never disappears
- Three marquee variants - logo strip (120s), photo strip (80s), bottom CTA band (180s) - all infinite-scroll, respect prefers-reduced-motion
- Lenis smooth scroll wired to the GSAP ticker so wheel/trackpad smoothing and pinned cards stay in lockstep
- Tabbed values section with synchronized text + 3-photo swiper
- Team grid with hover-revealed pill that opens a full bio modal
What's included
- Full source: Astro + Tailwind + TypeScript
- 14 pages: Home, Work index + Work detail, About, Services index + Service detail (4 main categories + 10 specialty sub-routes), Blog index + Blog post, Pricing, Contact, All-Sections gallery, Privacy, Terms, 404
- 25+ reusable sections you can rearrange
- One-file config at src/config/site.ts (no code changes needed for branding)
- Contact + Newsletter components wired to Formspree, FormSubmit, Netlify Forms, Mailchimp, ConvertKit, and Buttondown
- Pricing component with 3 engagement tiers (Sprint / Studio / Partnership) — featured-middle highlight + dark/inverted variants
- Vertical Timeline component for company milestones
- Deploy configs for Vercel, Netlify, and Cloudflare Pages
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/falcon
