Workspace / template / template

Creative Agency Template

An agency site with an editorial hero, showcase bento of selected work, a full-treatment client quote, team grid, and a night CTA.

Workspacetemplatetemplate

paxfx add blocks/template-creative-agencylocal only

Tier: medium. Reduced motion: Showcase and quote sections render without reveals.

"use client";

import { NavigationMinimal } from "../../navigation/NavigationMinimal.js";
import { HeroEditorial } from "../../hero/HeroEditorial.js";
import { ShowcaseBento } from "../../showcase/ShowcaseBento.js";
import { SocialProofSplit } from "../../social-proof/SocialProofSplit.js";
import { ProfileTeam } from "../../profile/ProfileTeam.js";
import { CtaNight } from "../../cta/CtaNight.js";
import { FooterMinimal } from "../../footer/FooterMinimal.js";

/**
 * Creative agency template: the work does the talking. Editorial opener,
 * selected projects, one client story told properly, the people, and a
 * dark invitation to start something.
 */
export default function CreativeAgencyPage() {
  return (
    <main data-pax-asset="template-creative-agency">
      <NavigationMinimal />
      <HeroEditorial
        copy={{
          eyebrow: "Studio Meridian",
          title: "Work that earns the second look.",
          description:
            "We design identities, interfaces, and campaigns for teams who care how things feel. Twelve people, no account layer, principals on every project.",
          primaryCta: { label: "See the work", href: "#work" },
          secondaryCta: { label: "Start a project", href: "#contact" },
        }}
      />
      <ShowcaseBento />
      <SocialProofSplit />
      <ProfileTeam />
      <CtaNight
        copy={{
          title: "Tell us what you are making.",
          primaryCta: { label: "Start a project", href: "#contact" },
        }}
      />
      <FooterMinimal />
    </main>
  );
}