Staaarter

Internship Program

An internship program overview: a bullet list of program highlights, a short paragraph about mentorship, a summary card listing duration, stipend, and eligibility, and a CTA button to apply.

By Staaarter Team
Careers
Docs
Live preview

Docs

Installation

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

npx shadcn add https://staaarter.com/r/internship-program.json

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

Usage

The file also exports careers19Demo, 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 { Careers19, careers19Demo } from "@/components/blocks/careers/careers19";

export default function Page() {
  return <Careers19 {...careers19Demo} />;
}

Props

PropTypeDefaultDescription
headingstring"Internship Program"Section heading.
descriptionstringnoneSection subheading.
highlightsstring[]noneBullet points describing the program.
mentorshipNotestringnoneShort paragraph describing the mentorship structure.
summaryInternshipSummarynoneDuration, stipend, and eligibility shown in the summary card.
ctaLabelstring"Apply for internships"Label for the CTA button.
classNamestringnoneExtra classes for the outer section element.

Types

interface InternshipSummary {
  duration: string;
  stipend: string;
  eligibility: string;
}

Behavior notes

  • Fully static: no client-side state.
  • The CTA button is a link (`render={<Link href="#" />}`) with a placeholder href, nothing is submitted anywhere.