Project Showcase

The Project Showcase component highlights example projects, case studies, or portfolio items to demonstrate capabilities.

Usage

import { ProjectShowcaseSection } from '@/components/sections';

export default function Page() {
  return <ProjectShowcaseSection />;
}

Props

• title: string - Section headline
• description: string - Overview of showcased projects
• projects: array of project objects with title, description, image, tags, and links
• viewMode: string - Display format (grid, carousel, masonry)

Notes

• Each project can include multiple tags for categorization
• Supports external links to live demos and source code
• Images are optimized for fast loading with lazy loading
• Responsive grid adapts to different screen sizes