Agency landingPro

• Word-by-word headline
• Capabilities ticker
• Morphing case studies
• Services list

• Design and development studios, freelancers and portfolios.

• Product companies.

Import it from @/components/templates/agency-landing after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

// app/page.tsx
import { AgencyLanding } from "@/components/templates/agency-landing";

export default function Page() {
  return <AgencyLanding />;
}

• Case studies open as modal dialogs with focus trapping; the headline is read as one sentence.

• The headline reveals word by word; the ticker scrolls; cards morph into dialogs; services slide in.

• Every section stacks on phones; the header collapses into a menu below 768px.
• Tested from 320px to 1920px.

• Section animations start when they scroll into view and run once.
• No data fetching: copy and sample data live in the file.

• Installs with landing-kit.tsx (the shared header and section heading); edit the header links there or via props.
• Swap gradient covers for project images with the MorphingDialog image prop.