Templates

Agency

The agency template architecture covers how pages, components, animations, and data are organized in a studio or creative agency site built on Astro v6 + React + Tailwind CSS.

Last updated: 2026-03-29

What's Included

A complete agency website with scroll-driven Framer Motion animations, dark mode with theme persistence, JSON-driven content, and a contact form with service selector. Built for studios, freelancers, and creative agencies.

Key Features

The template covers everything a creative agency needs to showcase work and attract clients.

Architecture Overview

Pages, components, and data are cleanly separated. Astro handles routing and static generation. React powers interactive islands (animations, forms, theme toggle). All content lives in JSON files. Easy to swap for a CMS later. Components are organized by feature area.

Terminal
src/
├── pages/            # Routes (home, projects, about, services…)
├── components/       # Organized by feature
├── data/             # JSON content (projects, team, services…)
├── layouts/          # Page templates
└── styles/           # Global styles + dark mode tokens

Animations

Scroll-triggered Framer Motion animations are used throughout. Elements fade in, slide up, and scale as they enter the viewport. The animation system uses reusable motion variants for consistent entrance effects across all sections.

Anatomy

Every agency template in Flux Theme is built around four core zones — a Hero that earns attention, a Companies row for social proof, a Solution section that explains the framework, and a Features/Benefits section that closes the visit with concrete value.

Agency landing page anatomy — Hero, Companies, Solution, Features

Tech Stack

Built on a modern stack designed for performance and developer experience.