[3innielee]

Summary

Replaces the placeholder Competitions page with an article-style layout introducing BMDIB's competition program.

The updated page features the final content provided by the Board, along with three photos and caption placeholders.

Changes

Content

• Replaced placeholder competition information with the Board-provided article.
• Introduced BMDIB's district-wide internal competition program.
• Highlighted the four competition categories: Pinyin typing, speech, calligraphy, and writing.
• Included information about student participation from Ruskin Elementary and Sierramont Middle School.
• Explained how internal competition winners advance to the statewide ANCCS competition.

Layout

• Replaced the existing competition card grid with a single article layout.
• Added a readable content width for desktop and mobile.
• Maintained consistent typography and spacing with the rest of the website.

Photos

• Added three competition photos displayed vertically.
• Added captions beneath each photo using semantic <figure> and <figcaption> elements.
• Used temporary caption placeholders until the Board provides final descriptions.
• Preserved the original image aspect ratios to avoid unnecessary cropping.

Future Considerations

• Retained the existing Competitions content collection and CompetitionCard component for potential future use.
• The page can return to a card-based layout when additional competition content becomes available.

Testing

• Verified article content matches the Board-provided text
• Verified all three photos load correctly
• Verified captions display beneath their respective photos
• Verified responsive layout on desktop and mobile
• Verified no placeholder competition cards remain visible
• Verified existing navigation works correctly
• npm run build passes
• Staging deployment succeeds

Follow-up

• Replace temporary photo captions and alternative text with finalized descriptions before production launch.

Closes #44