"use client";

import { StoriesBanner } from "@/components/feed/StoriesBanner";
import { PostCard } from "@/components/feed/PostCard";
import { MOCK_POSTS } from "@/lib/mock-data";

export default function FeedPage() {
  return (
    <div className="w-full">
      <StoriesBanner />
      
      {/* Masonry Layout Container */}
      <div className="columns-1 sm:columns-2 lg:columns-3 xl:columns-4 gap-6 space-y-6 px-4 pb-24">
        {MOCK_POSTS.map((post) => (
          <PostCard key={post.id} post={post} />
        ))}
      </div>
    </div>
  );
}