Featured Partner Spotlight

Two-column partner showcase: a bordered logo-placeholder box with the partner's name, a description, and a bulleted highlights list on one side, and an attributed testimonial quote from that partner on the other. Perfect for highlighting platinum sponsors and key partners.

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 avatar, avatar-initials, badge dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/featured-partner-spotlight.json

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

Usage

The file also exports event31Demo, 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 { Event31, event31Demo } from "@/components/blocks/event/event31";

export default function Page() {
  return <Event31 {...event31Demo} />;
}

Props

Prop	Type	Default	Description
eyebrow	string	undefined	Badge text above the heading, e.g. "Platinum Partner".
heading	ReactNode	none	Section heading.
partnerName	string	none	Partner name, shown as text inside the logo-placeholder box (no real logo asset).
description	string	none	Description of the partnership under the logo box.
highlights	string[]	none	Bulleted partnership highlights.
quote	string	none	Testimonial quote text from the partner.
quoteAuthorName	string	none	Testimonial author name, also used to derive avatar initials.
quoteAuthorTitle	string	none	Testimonial author title/company.
className	string	none	Extra classes for the outer section element.

Behavior notes

The logo placeholder is a bordered/muted box showing partnerName as text, not a real logo image, since no licensed logo assets exist for this repo's demo partners.
The testimonial author's avatar uses AvatarFallback with initialsFromName, there is no photo behind it.
There is no CTA or link on this block; it is a pure showcase/spotlight section.

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.