import Link from 'next/link';
import Navigation from './Navigation';

export default function HomePage() {
  return (
    <main style={{ padding: '1rem', maxWidth: '700px', margin: '0 auto' }}>
      <Navigation />
      <h1 style={{ marginBottom: '1.5rem' }}>Recipe App</h1>
      <div style={{ display: 'grid', gap: '1rem' }}>
        <Link href="/inventory" style={{ padding: '0.5rem', background: '#eee', borderRadius: '4px', textDecoration: 'none', color: '#222' }}>
          Gå till varor som finns hemma
        </Link>
        <Link href="/recipes" style={{ padding: '0.5rem', background: '#eee', borderRadius: '4px', textDecoration: 'none', color: '#222' }}>
          Gå till recept
        </Link>
        <Link href="/recipes/import" style={{ padding: '0.5rem', background: '#eee', borderRadius: '4px', textDecoration: 'none', color: '#222' }}>
          Importera recept från PDF eller bild
        </Link>
      </div>
    </main>
  );
}