Faculty Profile Spotlight
Faculty spotlight section featuring a professor's photo, short biography, research interests as tags, a large publications-count stat, and an inspirational quote from them.
Docs
Installation
A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its badge, media-slot dependencies and any missing npm packages, and installs them straight into your project.
npx shadcn add https://staaarter.com/r/faculty-profile-spotlight.jsonPrefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/education/education12.tsx instead.
Usage
The file also exports education12Demo, 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 { Education12, education12Demo } from "@/components/blocks/education/education12"; export default function Page() { return <Education12 {...education12Demo} />; }
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| badge | { label: string; variant?: BadgeVariant } | none | Pill above the heading; only rendered when badge or heading is truthy. |
| heading | ReactNode | undefined | Optional section heading above the profile. |
| photo | { src: string; alt: string } | none | Faculty portrait photo. |
| name | string | none | Faculty member's name. |
| title | string | none | Role/title line under the name. |
| bio | string | none | Short biography paragraph. |
| researchInterests | string[] | [] | Tag-style badges listing research areas. |
| publicationsCount | string | none | Large stat number, e.g. "128". |
| publicationsLabel | string | "Publications" | Label under the publications stat. |
| quote | string | none | Inspirational quote attributed to the faculty member. |
| className | string | none | Extra classes for the outer section element. |
Behavior notes
- Fully static: no client state, no expandable bio, no interactive elements at all.
- The badge/heading pair only renders when either is set, so the block can be used as a standalone card without a section-level header.
- researchInterests only renders its label and tag row when the array is non-empty.
- publicationsCount and publicationsLabel are plain strings, not computed from any list, since a real integration would supply the number itself.
More Education Blocks
View all →academy-course-cards
Academy Course Cards
Academy section with an eyebrow, a two-column heading, and three course cards that float a lesson checklist above a category label, title, and lesson count.
institutional-quick-facts
Institutional Quick Facts
Quick facts grid displaying key institutional statistics with a large value, label, and short description per tile.
global-partnerships-grid
Global Partnerships Grid
Global partnerships section showcasing partner institutions with location details and yearly exchange statistics.
mission-and-vision-statement
Mission and Vision Statement
Side-by-side mission and vision text blocks with an inspirational leadership quote below.
social-media-links-grid
Social Media Links Grid
Social media connection section with platform cards showing handle and follower count.
education-social-proof
Education Social Proof
Social proof section pairing key stats (rating, enrollment, completion rate) with a featured student testimonial.