import { RewardsLayout } from '@/components/layout/RewardsLayout'
import { ActivityFeed, Leaderboard } from '@/components/gamification'

export default function ActivityPage() {
  return (
    <RewardsLayout
      title="Activity"
      subtitle="See what's happening across the platform"
    >
      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <div className="lg:col-span-2">
          <ActivityFeed showRecentWins limit={30} />
        </div>
        <div>
          <Leaderboard />
        </div>
      </div>
    </RewardsLayout>
  )
}
