import Board from "@/components/Board";

export default function TasksPage() {
  return (
    <main style={styles.container}>
      <h1 style={styles.title}>Planner Danner</h1>
      <Board />
    </main>
  );
}

const styles = {
  container: {
    minHeight: "100vh",
    background: "linear-gradient(to bottom, #38bdf8, #0ea5e9)",
    padding: "30px",
  },
  title: {
    textAlign: "center" as const,
    fontSize: "90px",
    fontWeight: "900",
    color: "white",
    letterSpacing: "2px",
    textShadow: `
      0 4px 0 #0284c7,
      0 8px 20px rgba(0,0,0,0.2)
    `,
    marginBottom: "30px",
  },
};