This example shows a yellow smiley face rendered as two eyes on a circular head, drawn entirely with SVG circles. It demonstrates how React manages declarative SVG attributes, using `cx`, `cy`, `r`, `fill`, and `stroke` properties. The code defines constants for width, height, center coordinates, and offsets, then computes eye positions from those values. It uses React 17 and ReactDOM to render the `<App />` component into the DOM, with all geometry derived from the same base variables to keep the layout consistent. The face is partially complete, omitting the mouth for a future step.