import { SpaceNav } from "@/components/space-nav";
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 default function Page() {
  return (
    <div>
      <SpaceNav />
      <div className='container mx-auto p-4'>
        <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>
    </div>
  );
}