'use client';

import { useState } from 'react';

export default function Home() {
  const [tasks, setTasks] = useState([
    { id: '1', title: 'Welcome to Mission Control', status: 'todo' },
  ]);

  return (
    <div style={{ minHeight: '100vh', background: '#0f0f23', color: 'white', padding: '2rem' }}>
      <h1>🚀 Mission Control</h1>
      <p>Real tasks coming soon.</p>
      <ul>
        {tasks.map(t => (
          <li key={t.id}>{t.title}</li>
        ))}
      </ul>
    </div>
  );
}