Consistent hero layouts, activity page redesign, new content, and YouTube embeds

- Product pages (Code Editor, Robot Simulator): text-left/image-right hero layout
- Related resources capped at 3 items on all product pages
- Making Music activities renamed to I, II, III
- New Maze I/II/III and Sumo I/II/III difficulty-graded activities
- YouTube demo videos restored on 12 activity pages from old site
- Activity pages: two-column hero with coding skills & rover concepts tags
- Blog/news pages: same two-column hero layout with date
- Resource type extended with codingSkills, roverConcepts, tags fields
- Removed raw "Relevant Coding Skills/Rover Concepts" text from activity MDX

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

content/resources/maze-ii.mdx

@@ -0,0 +1,42 @@
+---
+title: "Activity: Maze II"
+date: "2021-06-05"
+categories: ["Activities", "All", "Simulator Activities"]
+tags: ["Colour Sensors", "Branching", "Iteration", "Algorithm Design", "Ultrasonic", "IR", "Motors", "Intermediate"]
+excerpt: "Build on your maze solving skills by using both IR sensors and the ultrasonic sensor together to handle more complex maze layouts."
+featuredImage: "/images/resources/maze.png"
+---
+
+Take your maze solving to the next level. In this intermediate challenge, you'll use both IR sensors alongside the ultrasonic sensor to make smarter decisions at intersections and handle more complex maze layouts.
+
+![](/images/content/1cf38b-maze.png)
+
+Activity Demonstration
+
+### Setup
+
+Construct mazes with narrower pathways than in Maze I. Aim for 5-10cm clearance on each side of the rover. Include T-intersections and dead ends to force the rover to make more complex decisions.
+
+### Building On Maze I
+
+In Maze I we used the ultrasonic sensor to check ahead and one IR sensor to decide which way to turn. This worked for simple mazes but falls apart when the maze has more complex intersections. Now we'll use both IR sensors to check left and right before deciding where to turn.
+
+#### Stage 1: Check All Directions
+
+Create variables for the wall distance on each side. Read both the left and right IR sensors as well as the ultrasonic sensor at each step. This gives the rover a complete picture of its surroundings.
+
+#### Stage 2: Smarter Turning
+
+With data from all three distance sensors, the rover can now make better decisions at intersections. Instead of always preferring left or right, prioritise based on which direction has more open space. Use nested IF/ELSE IF/ELSE blocks to handle the different combinations.
+
+#### Stage 3: Add the Colour Sensor
+
+Use the colour sensor to detect a coloured finish line at the end of the maze. When the rover detects the finish colour, it should stop and celebrate with LEDs or a buzzer sound.
+
+### Up Next
+
+Ready for the ultimate maze challenge? In Maze III you'll add the gyroscope for precise turning and implement a wall-following algorithm.
+
+[Activity: Maze I](/resources/maze)
+
+[Activity: Maze III](/resources/maze-iii)