| 1 | import { POSTS, STORIES } from "@/lib/data"; |
| 2 | import StoriesBar from "@/components/feed/stories-bar"; |
| 3 | import FeedPost from "@/components/feed/feed-post"; |
| 4 | |
| 5 | export default function FeedPage() { |
| 6 | return ( |
| 7 | <div className="pt-24 pb-32 max-w-2xl mx-auto"> |
| 8 | <StoriesBar stories={STORIES} /> |
| 9 | |
| 10 | {POSTS.map((post) => ( |
| 11 | <FeedPost key={post.id} post={post} /> |
| 12 | ))} |
| 13 | |
| 14 | {/* End of feed */} |
| 15 | <div className="flex flex-col items-center py-12 gap-3"> |
| 16 | <div className="w-8 h-8 rounded-full border border-white/15 flex items-center justify-center"> |
| 17 | <svg width="14" height="14" viewBox="0 0 24 24" fill="none" className="text-nord-white/30"> |
| 18 | <circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="1.5" /> |
| 19 | <path d="M12 8v4M12 16h.01" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" /> |
| 20 | </svg> |
| 21 | </div> |
| 22 | <p className="text-[10px] uppercase tracking-widest text-nord-white/20">You are all caught up</p> |
| 23 | </div> |
| 24 | </div> |
| 25 | ); |
| 26 | } |