iPhone Mockup

A neobrutalism-styled iPhone mockup component, perfect for showcasing mobile application screenshots with hover animation effects.

Usage

import IPhoneMockup from '@/components/IPhoneMockup';

export default function MyPage() {
  return (
    <IPhoneMockup
      screenshot="/your-mobile-screenshot.jpg"
    />
  );
}

Examples

Basic iPhone Mockup

A simple iPhone mockup displaying a mobile screenshot.

<IPhoneMockup
  screenshot="/your-mobile-screenshot.jpg"
/>

iPhone Mockup with Custom Class

iPhone mockup with additional styling via className.

<IPhoneMockup
  screenshot="/your-mobile-screenshot.jpg"
  className="shadow-lg"
/>