3D Books Showcase

1import { BooksShowcase } from "@/components/ui/books-showcase"
2
3const DEMO_BOOKS = [
4  {
5    id: "book1",
6    title: "The Psychology of Money",
7    author: "Morgan Housel",
8    year: "2020",
9    stars: 5,
10    desc: "Timeless lessons on wealth, greed, and happiness.",
11    spineBg: "#1e1e1e",
12    spineInk: "#ffffff",
13    spineFont: "700 42px Georgia",
14    backBg: "#1e1e1e",
15    backInk: "255,255,255",
16    edge: "#e0d6c8"
17  }
18];
19
20export function BooksShowcaseDemo() {
21  return (
22    <div className="h-[680px] w-full">
23      <BooksShowcase
24        books={DEMO_BOOKS}
25        heroTitle="Books"
26        navTitle="Bestsellers"
27        className="min-h-0"
28      />
29    </div>
30  )
31}