Row(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  children: [
    Column(children: [Icon(Icons.home), Text('Home')]),
    Column(children: [Icon(Icons.search), Text('Search')]),
  ],
)

class NavItem extends StatelessWidget {
  final IconData icon;
  final String label;
  const NavItem({required this.icon, required this.label});

  @override
  Widget build(BuildContext context) {
    return Column(children: [Icon(icon), Text(label)]);
  }
}

Row(
  children: [
    Icon(Icons.label),
    Expanded(child: Text('Stretches to fill the rest')),
    Icon(Icons.arrow_forward),
  ],
)

Column(
  children: [
    Flexible(flex: 7, child: Container(color: Colors.blue[100])),
    Flexible(flex: 1, child: Container(color: Colors.grey[300])),
    Flexible(flex: 2, child: Container(color: Colors.green[100])),
  ],
)

Flexible(
  flex: 7,
  child: Image.asset(
    'assets/header.jpg',
    fit: BoxFit.cover,   // Covers the container without distortion
    width: double.infinity,
  ),
)

Widget build(BuildContext context) {
  return Scaffold(
    body: Column(
      children: [ImageSection(), TitleSection(), DescriptionSection()],
    ),
  );
}

class Product {
  final String name;
  final double price;
  const Product({required this.name, required this.price});
}