import { QuoteCard } from "@/components/quote-card";
import { Messages } from "@/components/messages";
import { Podcast } from "@/components/podcast";
import { CalendarWidget } from "@/components/calendar-widget";
import { News } from "@/components/news";
import { Todo } from "@/components/todo";

export const metadata = {
  title: "Enkun - Dashboard",
};

export default function DashboardPage() {
  return (
    <div className="container mx-auto p-6 mt-12">
      {/* Empty welcome section with reduced height */}
      <div className='max-w-4xl mx-auto flex justify-between items-center mb-4'>
        <div className='h-4'></div>
      </div>

      <div className='grid grid-cols-12 gap-4'>
        <div className='col-span-3'>
          <QuoteCard />
          <div className='mt-4'>
            <News />
          </div>
        </div>
        <div className='col-span-6'>
          <Messages />
        </div>
        <div className='col-span-3 space-y-4'>
          <Podcast />
          <CalendarWidget />
          <Todo />
        </div>
      </div>
    </div>
  );
}
