Cards

Card layouts for grouping content, stats, and dashboard sections.

Shadcn Card

Cards use the shadcn Card component from @/components/Shadcn/card, matching SPV Cluburi layouts.

<Card>
  <CardHeader>
    <CardTitle>Identification details</CardTitle>
  </CardHeader>
  <CardContent>...</CardContent>
</Card>

Layout

Default form sections and table containers.

Identification details
Official club registry information.

Card body content goes here.

Section card

<Card><CardHeader /><CardContent /></Card>
Club members
Registry and license status overview.
Table content area

Table wrapper

<Card className="overflow-hidden">

Dashboard

Metrics, welcome panels, and attention states.

Active members

42

48 total in registry

Active events

3

6 events in system

New requests

2

Pending validation

Pending payments

1

Unfinished enrollments

Stat cards

<Card className="shadow-sm hover:border-border hover:bg-accent">

CSU ASE

Welcome to the Virtual Private Space

Central panel for members, local events, enrollments, and club communication.

Hero card

<Card className="border-primary/20 bg-primary/10 shadow-none">

Attention

One report is waiting for validation before the quarterly deadline.

Warning card

<Card className="border-warning/40 bg-warning/15 shadow-none">

Content

Profile and list card patterns.

Registrations openRapid

Spring Open 2026

12.04.2026 – 14.04.2026

Bucharest

Event card

<Card className="overflow-hidden transition hover:shadow-md">