import { Link } from 'react-router-dom';

const Dashboard = () => {
    return (
        <div className="p-8 text-white">
            <h1 className="text-4xl font-bold mb-8">Dashboard</h1>
            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
                <Link to="/nutrition" className="p-6 bg-gray-800 rounded-lg shadow-lg hover:bg-gray-700 transition">
                    <h2 className="text-2xl font-bold mb-2">Nutrition Tracker</h2>
                    <p className="text-gray-400">Log meals and view macros.</p>
                </Link>
                <Link to="/health" className="p-6 bg-gray-800 rounded-lg shadow-lg hover:bg-gray-700 transition">
                    <h2 className="text-2xl font-bold mb-2">Health Metrics</h2>
                    <p className="text-gray-400">Track weight and blood indicators.</p>
                </Link>
                <Link to="/plans" className="p-6 bg-gray-800 rounded-lg shadow-lg hover:bg-gray-700 transition">
                    <h2 className="text-2xl font-bold mb-2">AI Coach</h2>
                    <p className="text-gray-400">Get personalized diet & workout plans.</p>
                </Link>
            </div>
        </div>
    );
};
export default Dashboard;
