From 3fb9ffaa4d67685412873cbd3101c64fabbeaff3 Mon Sep 17 00:00:00 2001
From: N0zoM1z0 <161784452+N0zoM1z0@users.noreply.github.com>
Date: Fri, 9 Oct 2026 17:48:59 +0800
Subject: [PATCH] docs(website): invite deeper projects and reader feedback

---
 website/README.md                |  4 ++
 website/public/assets/styles.css | 12 ++++
 website/public/index.html        | 94 +++++++++++++++++++++++++++++---
 3 files changed, 103 insertions(+), 7 deletions(-)

diff --git a/website/README.md b/website/README.md
index 1b4d0806b0..33c6e1fadd 100644
--- a/website/README.md
+++ b/website/README.md
@@ -103,6 +103,10 @@ command, then explains what reverse engineering is and why someone would use
 it. The manual/agent comparison introduces REA’s role before the examples.
 Its opening links directly to Showcases and lets experienced readers skip to
 the analysis guides. Case-study previews live on the Showcases page.
+The closing section offers copyable project prompts, from cloning `rea.tools`
+to reconstructing a game from its executable. The experienced-reader shortcut
+lands directly on the guide links below these prompts.
+The page ends with FAQ, Discord and issue-report links under “Any questions?”.
 A right-side table of contents stays visible at widths of 1440px and above.
 On narrower screens it becomes a sticky, native disclosure; selecting a link
 closes the menu and focuses the destination. The homepage script follows
diff --git a/website/public/assets/styles.css b/website/public/assets/styles.css
index ee2a3772dc..d205dab1d2 100644
--- a/website/public/assets/styles.css
+++ b/website/public/assets/styles.css
@@ -1463,6 +1463,18 @@ pre code {
   font-size: 1.5rem;
   font-weight: 600;
 }
+.home-project-prompts {
+  margin-block: 2rem 2.5rem;
+}
+.home-project-prompts .agent-terminal {
+  margin: 0;
+}
+.home-project-prompts .caption {
+  margin-block: 0.8rem 0;
+}
+.home-page #analysis-guides {
+  scroll-margin-top: 5rem;
+}
 .case-brief {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
diff --git a/website/public/index.html b/website/public/index.html
index 492d595b41..bb77c7819e 100644
--- a/website/public/index.html
+++ b/website/public/index.html
@@ -71,7 +71,8 @@
             <li><a href="#dinosaur">Dinosaur game</a></li>
             <li><a href="#calculator">Calculator</a></li>
             <li><a href="#try-rea">Try REA</a></li>
-            <li><a href="#analyze">Analysis guides</a></li>
+            <li><a href="#analyze">Go deeper</a></li>
+            <li><a href="#questions">Help &amp; feedback</a></li>
           </ul>
         </div>
       </nav>
@@ -93,7 +94,7 @@
             </div>
             <p class="home-expert-shortcut">
               Already know RE?
-              <a href="#analyze">Skip to analysis guides →</a>
+              <a href="#analysis-guides">Skip to analysis guides →</a>
             </p>
           </div>
           <div class="home-setup">
@@ -168,8 +169,8 @@
               data-step-comparison
             >
               <p class="comparison-label">
-                Before REA · <strong class="prose-highlight">You</strong>
-                investigate
+                Before REA · You investigate it
+                <strong class="prose-highlight">yourself</strong>
               </p>
               <div
                 class="step-selector expert-step-selector"
@@ -874,12 +875,77 @@ SPEED: 6</code></pre>
       <section class="section" id="analyze">
         <div class="container">
           <div class="section-heading">
-            <h2>Analyze your software</h2>
+            <h2>Want to go deeper?</h2>
             <p>
-              Choose a guide for your binary, JavaScript app or browser session.
+              Tell your agent what you want to understand or build. With REA,
+              you can work together on anything from
+              <strong>cloning this website</strong> to
+              <strong>reconstructing a game from its executable.</strong>
             </p>
           </div>
-          <div class="workflows">
+          <div class="code-comparison home-project-prompts">
+            <div>
+              <div class="agent-terminal">
+                <div class="terminal-header">
+                  <span class="terminal-title">
+                    <span class="terminal-dots" aria-hidden="true"
+                      ><i></i><i></i><i></i></span
+                    >Example prompt · Website
+                  </span>
+                  <button
+                    class="copy-button"
+                    type="button"
+                    data-copy="website-project-prompt"
+                    aria-label="Copy website project prompt"
+                  >
+                    Copy
+                  </button>
+                </div>
+                <p class="terminal-prompt">
+                  <span class="prompt-symbol" aria-hidden="true">›</span
+                  ><span id="website-project-prompt"
+                    >Use REA to inspect https://rea.tools/. Clone this website
+                    for me.</span
+                  ><span class="terminal-cursor" aria-hidden="true"></span>
+                </p>
+              </div>
+              <p class="caption">Yes, this one.</p>
+            </div>
+            <div>
+              <div class="agent-terminal">
+                <div class="terminal-header">
+                  <span class="terminal-title">
+                    <span class="terminal-dots" aria-hidden="true"
+                      ><i></i><i></i><i></i></span
+                    >Example prompt · Game reconstruction
+                  </span>
+                  <button
+                    class="copy-button"
+                    type="button"
+                    data-copy="game-project-prompt"
+                    aria-label="Copy game reconstruction prompt"
+                  >
+                    Copy
+                  </button>
+                </div>
+                <p class="terminal-prompt">
+                  <span class="prompt-symbol" aria-hidden="true">›</span
+                  ><span id="game-project-prompt"
+                    >Use REA to reconstruct this game from its executable.
+                    Recover the gameplay logic in C and test it against the
+                    original.</span
+                  ><span class="terminal-cursor" aria-hidden="true"></span>
+                </p>
+              </div>
+              <p class="caption">
+                <a href="showcase/dx-ball/">See the DX-Ball case study →</a>
+              </p>
+            </div>
+          </div>
+          <p class="caption">
+            For setup and analysis steps, choose your target:
+          </p>
+          <div class="workflows" id="analysis-guides">
             <div>
               <h3>Native binaries</h3>
               <p>
@@ -907,6 +973,20 @@ SPEED: 6</code></pre>
           </div>
         </div>
       </section>
+      <section class="section" id="questions">
+        <div class="container">
+          <h2>Any questions?</h2>
+          <p>
+            <a href="faq/">Read the FAQ</a>,
+            <a href="https://discord.gg/GkcryMnJDM">chat with us on Discord</a>,
+            or
+            <a href="https://github.com/morluto/rea/issues/new/choose"
+              >open a GitHub issue</a
+            >
+            for bugs and feature requests.
+          </p>
+        </div>
+      </section>
     </main>
     <footer class="site-footer">
       <div class="container footer-inner">