1  import { Sidebar } from '@/components/Sidebar'
 2  import { Post } from '@/components/Post'
 3  
 4  export default function BookmarksPage() {
 5    return (
 6      <>
 7        <aside className="md:col-span-1">
 8          <Sidebar />
 9        </aside>
10        <main className="md:col-span-2 border-x">
11          <h2 className="text-xl font-bold p-4 border-b">Bookmarks</h2>
12          <div className="divide-y">
13            <Post
14              username="John Doe"
15              handle="johndoe"
16              content="Just learned about the new features in Next.js 13. It's amazing! #nextjs #webdev"
17              timestamp="2d"
18            />
19            <Post
20              username="Jane Smith"
21              handle="janesmith"
22              content="Here's a great article on improving your React performance. Must read! https://example.com/react-performance"
23              timestamp="5d"
24            />
25            <Post
26              username="Tech News"
27              handle="technews"
28              content="Breaking: New AI model achieves human-level performance in complex problem-solving tasks. #AI #MachineLearning"
29              timestamp="1w"
30            />
31          </div>
32        </main>
33        <aside className="hidden md:block md:col-span-1">
34          {/* You can add a "Who to follow" section or trending topics here */}
35        </aside>
36      </>
37    )
38  }
39