Product Showcase

The Product Showcase component highlights your product features with visual demonstrations and interactive elements.

Usage

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

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

Props

• title: string - Section headline
• description: string - Supporting description text
• features: array of feature objects with title, description, and icon
• media: object with type (image/video) and source URL

Notes

• Supports both image and video media
• Features are displayed in a responsive grid layout
• Includes smooth animations and hover effects
• Optimized for mobile viewing