iPhone 15 Pro

import { Iphone15Pro } from "@/registry/magicui/iphone-15-pro";

export function Iphone15ProDemo() {
  return (
    <div className="relative">
      <Iphone15Pro className="size-full" />
    </div>
  );
}

import { Iphone15Pro } from "@/registry/magicui/iphone-15-pro";

export function Iphone15ProDemo() {
  return (
    <div className="relative">
      <Iphone15Pro
        className="size-full"
        src="https://via.placeholder.com/430x880"
      />
    </div>
  );
}

import { Iphone15Pro } from "@/registry/magicui/iphone-15-pro";

export function Iphone15ProDemo() {
  return (
    <div className="relative">
      <Iphone15Pro
        className="size-full"
        videoSrc="https://videos.pexels.com/video-files/8946986/8946986-uhd_1440_2732_25fps.mp4"
      />
    </div>
  );
}