Create Program Component Card #10
Description
Description
Implement a reusable front-end card component to display opportunity listings to match the provided mockup This component will be used on listing pages and should be responsive and accessible.
Acceptance Criteria
Card Container: A white card with subtle rounded corners (approx. 12px to 16px) and a soft drop shadow for depth.
Header Image: A top-aligned image with the same top-border radius as the card.
Title: Dark blue/teal color, semi-bold weight
Details: Dark gray text with corresponding icons (Location, Calendar, Clock).
Action Button: A full-width, bright blue button with rounded corners and white "View Details" text.
Steps:
- create this component in program.tsx
- apply styling similar to the image and figma
- Utilize the the schema to get the required infomation
Additional Information
