"use client"

import { useState } from "react"
import { Navigation } from "../components/Navigation"
import { HomePage } from "../components/HomePage"
import { RegistrationPage } from "../components/RegistrationPage"
import { CalendarPage } from "../components/CalendarPage"
import { InfoPage } from "../components/InfoPage"
import { ChatBotToggle } from "../components/ChatBotToggle"

export default function Page() {
  const [currentPage, setCurrentPage] = useState("home")

  const renderPage = () => {
    switch (currentPage) {
      case "home":
        return <HomePage onNavigate={setCurrentPage} />
      case "registration":
        return <RegistrationPage onNavigate={setCurrentPage} />
      case "calendar":
        return <CalendarPage onNavigate={setCurrentPage} />
      case "info":
        return <InfoPage onNavigate={setCurrentPage} />
      default:
        return <HomePage onNavigate={setCurrentPage} />
    }
  }

  return (
    <div className="min-h-screen bg-background">
      <Navigation currentPage={currentPage} onNavigate={setCurrentPage} />
      <main>{renderPage()}</main>
      <ChatBotToggle />
    </div>
  )
}