
Bright, shader-lit agency landing page: a full-viewport hero with an animated WebGL backdrop and pill navigation, an editorial about section, a featured-work grid of autoplaying video cards, and a dark closing footer with a call to action. Built on the shaders package, with a self-contained light palette.
@hirael
// Agency Landing from Hirael <https://hirael.com/templates/agency-landing>
// MIT · Mohammad Shehadeh · https://github.com/MohammadShehadeh/hirael
import { About } from './about';
import { CaseStudies } from './case-studies';
import { Footer } from './footer';
import { Hero } from './hero';
const AgencyLanding = () => {
return (
<div className="bg-background [font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe_UI',Roboto,'Helvetica_Neue',Arial,'Noto_Sans',sans-serif,'Apple_Color_Emoji','Segoe_UI_Emoji','Segoe_UI_Symbol','Noto_Color_Emoji'] text-foreground antialiased">
<Hero />
<About />
<CaseStudies />
<Footer />
</div>
);
};
export default AgencyLanding;