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>
  )
}