Book 3D

import { Book3D } from "@/components/rareui/3D elements/book-3d";

export default function App() {
  return <Book3D />;
}

<Book3D
  src="/my-book-cover.jpg"
  title="My Awesome Book"
  subtitle="By Jane Doe"
/>

const myPages = [
  {
    title: "Introduction",
    content: "Welcome. This is the first page."
  },
  {
    image: "/illustration.jpg",
    caption: "A beautiful illustration"
  },
  {
    quote: "Design is how it works.",
    author: "Steve Jobs"
  }
];

<Book3D
  src="/cover.jpg"
  title="My Book"
  pages={myPages}
/>

<Book3D
  src="/fantasy-cover.jpg"
  title="The Chronicles"
  subtitle="An Epic Tale"
  width={250}
  height={380}
  pages={myCustomPages}
/>