Student ID

ID-card layout with an indigo photo panel on the left and a name, grade, school, and validity footer.

Elara Martin
Student IDElara MartinGrade 7 · 7BRedwood Middle School
STD-24-00281

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Education29 } from "@/components/beste/piece/education29";

<Education29
  student="Elara Martin"
  grade="Grade 7 · 7B"
  school="Redwood Middle School"
  photo="EM"
  imageSrc="https://images.unsplash.com/photo-1499996860823-5214fcc65f8f?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NDR8fHBvcnRyYWl0fGVufDB8fDB8fHww"
  alt="Elara Martin"
  id="STD-24-00281"
/>