Back to pages
Page•Free

Agency Landing

A complete agency homepage built around confident typography, selected work, and conversion.

Offset®Selected work · 2026

Independent creative studio

Ideas made impossible to ignore.

Strategy, identity, and digital experiences for ambitious teams building what comes next.

Overview

About the Agency Landing

A complete agency homepage built around confident typography, selected work, and conversion. It is delivered as editable TypeScript for React. Tailwind CSS is required because the delivered landing page JSX uses utility classes. Its focused API can be adapted to your own content and visual system.

Usage

When to use it

  • Creative studios that need to balance positioning, selected work, and enquiries.
  • Independent agencies launching a polished site from a strong editorial foundation.

What’s included

Files installed with the component

Agency Landing source

components/agency-landing.tsx

Editable React and TypeScript component source.

Working example

examples/example.tsx

A minimal import and render example that matches the packaged API.

Installation guide

README.md

Manual ZIP installation, styling, compatibility, asset, and usage notes.

Usage

Import and render

Copy the packaged source to the documented path, then use the public API shown below.

Import
import AgencyLanding from "@/components/agency-landing";
Minimum example
export default function HomePage() {
  return <AgencyLanding />;
}

Props

Component API

The current source has no public props; edit the included studio copy, links, and color treatment directly.

Compatibility

Verified project setup

  • ReactLoom's preview is tested with Next.js 16.3.8 App Router, React 19.2.8, TypeScript 5.9.3, and Tailwind CSS 4.3.3. This describes the store environment, not the product's minimum requirements.
  • This component does not require a Client Component boundary unless you add client-side behavior.
  • Tailwind CSS is required because the delivered landing page JSX uses utility classes.
Images
No image files are included or required by the packaged component.
Fonts
No font files are included. The component uses system font fallbacks unless your app supplies a matching font.

Installation

Add it to your project

Download the Agency Landing ZIP, place the source file at src/components/agency-landing.tsx, and copy the example into your own page or feature folder.

Target path

src/components/agency-landing.tsx

No additional npm runtime packages are required beyond the React host; follow the styling requirements below.

Styling requirements

  • Tailwind CSS is required by the component source.
  • ReactLoom verifies this source with Tailwind CSS 4.3.3; other Tailwind versions have not been verified.
  • Keep the component and example paths in Tailwind's source detection scope.
  • For the verified Next.js and Tailwind CSS 4 setup, register @tailwindcss/postcss in postcss.config.mjs.
  • Import tailwindcss from the application's global CSS entry point.