$129 intro price

Components

Contact Section

Pro

Write to Maya

Usually replies within a day

Hi Maya, I'm from . I'd like to talk about . Here's the gist: . You can reach me at .

We only use your email to reply.

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/contact-section

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$129 once · 159 Pro components · lifetime updates.

I have a licenseGet Pro
import { ContactSection } from "@/components/ui/ContactSection";

<ContactSection
  recipient={{ name: "Maya", photo: "/team/maya.webp", replies: "Usually replies within a day" }}
  topics={["sales", "support", "a partnership"]}
  onSubmit={async (values) => {
    await fetch("/api/contact", { method: "POST", body: JSON.stringify(values) })
  }}
/>

Use cases

  • Founder-led startups

    A contact page that reads like writing to a real person, not filing a ticket.

  • Studios and agencies

    A short brief in one sentence: who you are, what it is about, how to reach you.

  • Sales and partnerships

    Swap the topics and the recipient for whoever owns the inbox.