feat(landing): embed recorded realworld demo above the existing showcase#2
Open
ucekmez wants to merge 1 commit into
Open
feat(landing): embed recorded realworld demo above the existing showcase#2ucekmez wants to merge 1 commit into
ucekmez wants to merge 1 commit into
Conversation
There was a problem hiding this comment.
Pull request overview
This PR adds an above-the-fold landing-page section that embeds a recorded “real terminal output” demo (autoplaying, muted, looping) immediately above the existing RealworldSimulationShowcase, to substantiate the benchmark claims with raw recorded output.
Changes:
- Insert a new “Recorded terminal demo” section after the hero, rendering an autoplaying MP4.
- Add public media artifacts (
realworld-demo.mp4andrealworld-demo.gif) for local serving on eep.dev. - Link to the reproducible source tape in the upstream
eep-dev/EEPrepository.
Reviewed changes
Copilot reviewed 1 out of 3 changed files in this pull request and generated 5 comments.
| File | Description |
|---|---|
| app/page.tsx | Adds the new recorded-demo section and embeds the MP4 above the existing showcase. |
| public/realworld-demo.mp4 | Adds the recorded terminal demo video asset for the landing page. |
| public/realworld-demo.gif | Adds a GIF artifact that can be used as a poster/fallback for the video. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| src="/realworld-demo.mp4" | ||
| autoPlay | ||
| muted | ||
| loop |
Comment on lines
+285
to
+291
| <video | ||
| src="/realworld-demo.mp4" | ||
| autoPlay | ||
| muted | ||
| loop | ||
| playsInline | ||
| aria-label="Side-by-side comparison: agent fetching a report via current web (28s, 46KB, 11.5K tokens, 2 human steps) vs EEP (10s, 2.2KB, 386 tokens, 0 human steps)" |
Comment on lines
+273
to
+283
| <div style={{ textAlign: 'center', maxWidth: 900, margin: '0 auto' }}> | ||
| <p style={{ textTransform: 'uppercase', letterSpacing: '0.08em', fontSize: '0.75rem', opacity: 0.7, marginBottom: 8 }}> | ||
| Same data, two paths | ||
| </p> | ||
| <h2 style={{ fontSize: '2rem', marginBottom: 12, lineHeight: 1.2 }}> | ||
| Recorded terminal demo | ||
| </h2> | ||
| <p style={{ opacity: 0.75, marginBottom: 24, fontSize: '1rem' }}> | ||
| Deterministic, no LLM spend. An agent fetches the same quarterly report | ||
| two ways: classic HTML scraping vs EEP. The final 15 seconds — straight | ||
| terminal output, nothing styled. |
Comment on lines
+295
to
+297
| borderRadius: 12, | ||
| border: '1px solid rgba(255,255,255,0.08)', | ||
| boxShadow: '0 20px 60px rgba(0,0,0,0.4)', |
Comment on lines
+285
to
+287
| <video | ||
| src="/realworld-demo.mp4" | ||
| autoPlay |
ucekmez
force-pushed
the
chore/landing-demo-gif
branch
from
29d5493 to
673e131
Compare
Adds a new section right after the hero that auto-plays the actual split-screen terminal recording of the realworld-simulation demo (15.7s, both scenarios start simultaneously, EEP finishes first, comparison table appears after). Positioned as 'raw recording' to clearly complement — not compete with — the styled RealworldSimulationShowcase that follows. - public/realworld-demo.mp4: 15.7s split-screen recording (7.2 MB) Trimmed to start exactly when both panes are first visible (server startup is cut so the viewer sees side-by-side action from frame 1). - public/realworld-demo.gif: 4.2 MB GIF kept for share/preview - mirrors what's committed in eep-dev/EEP@assets/realworld-demo.* Signed-off-by: Ugur Cekmez <ucekmez@gmail.com>
ucekmez
force-pushed
the
chore/landing-demo-gif
branch
from
673e131 to
c1dbd86
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds a new section right after the hero that plays the actual recorded terminal output of the realworld-simulation demo (autoplay, muted, looping). Sits above the existing animated
RealworldSimulationShowcaseso visitors see the real terminal first, then the styled interactive deep-dive below.Why a recording in addition to the existing showcase
The current
RealworldSimulationShowcaseis gorgeous but synthetic — readers can't tell whether the numbers (28s vs 10s, 11.5K tokens vs 386 tokens) are real or art-directed. The recorded video proves it's real: raw terminal output, no styling, no edits.The recording is the last 15 seconds of the deterministic
realworld-simulationdemo — focuses on Scenario B finishing plus the comparison table.Files
public/realworld-demo.mp4public/realworld-demo.gifapp/page.tsxSourced from eep-dev/EEP#35 (kept in sync intentionally — the canonical artifacts live in the protocol repo, this PR just copies them so eep.dev can serve them itself).
Verification
npx next build→ 32 static pages, all green<video autoPlay muted loop playsInline>— works on Safari/Chrome/Firefox mobile and desktopOut of scope
RealworldSimulationShowcase(kept untouched)