Call for Speakers

A speaker-submission section: a heading and pitch, a submission-deadline callout, a benefits checklist (free ticket, travel stipend, speaker dinner, etc.), brief proposal guidelines, and a decorative 'Submit a proposal' CTA button. Perfect for conferences seeking talk proposals.

By Staaarter Team

Event

Docs

Live preview

Docs

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its badge, button dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/call-for-speakers.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/event/event17.tsx instead.

Usage

The file also exports event17Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Event17, event17Demo } from "@/components/blocks/event/event17";

export default function Page() {
  return <Event17 {...event17Demo} />;
}

Props

Prop	Type	Default	Description
eyebrow	string	"Call for Speakers"	Small badge label above the heading.
heading	ReactNode	none	Large section heading.
description	string	undefined	Supporting paragraph under the heading.
deadlineLabel	string	none	Submission-deadline callout text, shown with a clock icon.
benefits	string[]	[]	Checklist of speaker perks, each rendered with a check icon.
guidelines	string	undefined	Brief proposal-guidelines paragraph.
ctaLabel	string	"Submit a proposal"	CTA button label.
ctaHref	string	"#"	CTA button href.
className	string	none	Extra classes for the outer section element.

Behavior notes

The 'Submit a proposal' button is a plain link (Button with render={<Link/>}) pointing at ctaHref; there is no real submission form wired up, it's decorative in the demo.
The deadline callout and benefits checklist are static strings, not derived from any real date or backend.

More Event Blocks

View all →

conference-hero-with-image

Conference Hero with Image

Split hero with a featured photo, date badge, location, attendee stat, and dual CTAs.

minimal-event-hero

Minimal Event Hero

Centered, image-free hero with an oversized heading, date/location line, and two CTAs.

event-hero-with-ticket-pricing

Event Hero with Ticket Pricing

Centered hero with an early-bird price, a strikethrough original price, and a deadline note.

event-hero-with-social-proof

Event Hero with Social Proof

Hero with a heading, a 3-stat strip (attendees/speakers/countries), and a trusted-by company row.

personal-schedule-builder

Personal Schedule Builder

Interactive session picker that lets attendees build their own conference agenda.

team-discount-calculator

Team Discount Calculator

Live quantity stepper that applies tiered group discounts to a seat total.