docs(website): introduce the worked homepage examples

website/public/assets/styles.css

@@ -1389,6 +1389,19 @@ pre code {
   box-decoration-break: clone;
   -webkit-box-decoration-break: clone;
 }
+.home-examples-intro {
+  max-width: 760px;
+  margin: 0 0 2.5rem;
+  color: var(--muted);
+  font-size: 1.05rem;
+}
+.home-examples-intro strong {
+  display: block;
+  margin-bottom: 0.5rem;
+  color: var(--ink);
+  font-size: 1.5rem;
+  font-weight: 600;
+}
 .case-brief {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);

website/public/index.html

@@ -385,6 +385,11 @@
 
       <section class="section" id="dinosaur">
         <div class="container">
+          <p class="home-examples-intro">
+            <strong>Let's try two examples.</strong>
+            Use REA to change a game's speed, then explain a calculator's
+            percentage rule.
+          </p>
           <div class="section-heading">
             <p class="eyebrow">Example 01 · Chrome’s dinosaur game</p>
             <h2>Why does the dinosaur get faster?</h2>