You will need two single channel Hive receivers, one for each zone. I'll describe installing one, the other will be exactly the same.
The brown wire presently in the existing thermostat COM would be re-routed to Hive terminal 1 marked COMMON, and surprise surprise, the black wire in NO would be re-routed to the Hive receiver terminal 3 Heating on which is also Marked NO.
Your existing thermostats are battery operated, but the Hive receivers need 230V mains to provide them with operating power. This would be connected to the N & L terminals and should come via the same 3A fused connection unit that powers the rest of the system.
If you wanted to pick the N & L up from the wiring centre. N will be the terminal to which the blue wires of the motorised valves are connected, and convention dictates that the permanent L is normally the terminal to which the grey wires of the motorised valves are connected, which looks to be true in your case due to the number of brown wires in it.
EDIT
I've modified my original post slightly as there was a mistake in it, and I've added the photo below to assist with the location of the N & L
The brown wires going out to the thermostat are also in the terminal with the top arrow, and the black wires coming back from the thermostats are those going to the two motorised valve brown wires lower down, should you wish to remove the existing thermostat cables from the wiring centre and install new ones to the Hive receivers.
Ignore the legend in the lid of the wiring centre, most of that is not applicable for your installation, and the part that is applicable hasn't been adhered too.