# Component Library

Every component built for this demo, live in the running app.

## Masthead

Red masthead band with text-brand wordmark and Cornell seal, aligned to the same container width as the nav below it.

## Hero

Dark gradient band with italicized accent words. See the Home page for the live version.

# Empowering Cornell with Responsible AI

## Decorative cards

3-up card row, white background, red bottom border, designed to overlap the hero above it via negative margin.

### About the Lab

Card body copy goes here.

### Tools

Card body copy goes here.

### Blog

Card body copy goes here.

## Quote block

> Sample quote copy for the quote-block component.

Jane Doe, Title

## Content cards

Article, project, event, person, and tool cards share a base layout with content-specific meta rows.

Article

#### Sample article headline

Aug 3, 2026

Event

#### AI Explorations

Ayham Boucher · Fermin Romero · Jai Chandnani

Tool

#### Cornell AI Platform

Approved for university use

## Buttons

Link button →

## Footer