From 3e77c1a546587ced3a23a1f602bbcb8d492ae06e Mon Sep 17 00:00:00 2001
From: David Montero Crespo <davidmonterocrespo24@gmail.com>
Date: Mon, 23 Mar 2026 18:56:00 -0300
Subject: [PATCH] feat: add open-source library showcase to Velxio 2.0 landing
 page and mark subprojects as dirty

---
 frontend/src/pages/Velxio2Page.css | 58 ++++++++++++++++++++++++++
 frontend/src/pages/Velxio2Page.tsx | 66 ++++++++++++++++++++++++++++++
 2 files changed, 124 insertions(+)

diff --git a/frontend/src/pages/Velxio2Page.css b/frontend/src/pages/Velxio2Page.css
index fca0133..6c8c80b 100644
--- a/frontend/src/pages/Velxio2Page.css
+++ b/frontend/src/pages/Velxio2Page.css
@@ -233,6 +233,64 @@
   background: #484848;
 }
 
+/* ── Repository cards ────────────────────────────────── */
+.v2-repos {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 10px;
+}
+
+.v2-repo-card {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  background: #121214;
+  border: 1px solid #1c1c1e;
+  border-radius: 10px;
+  padding: 1rem 1.15rem;
+  text-decoration: none;
+  transition: border-color 0.2s, transform 0.15s;
+}
+
+.v2-repo-card:hover {
+  border-color: #333;
+  transform: translateY(-1px);
+}
+
+.v2-repo-card > svg {
+  flex-shrink: 0;
+  margin-top: 2px;
+  color: #8b949e;
+  fill: #8b949e;
+}
+
+.v2-repo-card h3 {
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: #e6edf3;
+  margin: 0 0 3px;
+}
+
+.v2-repo-card p {
+  font-size: 0.78rem;
+  color: #8b949e;
+  margin: 0;
+  line-height: 1.5;
+}
+
+.v2-repo-card--primary {
+  border-color: rgba(0, 122, 204, 0.3);
+  background: rgba(0, 122, 204, 0.06);
+}
+
+.v2-repo-card--primary:hover {
+  border-color: #007acc;
+}
+
+.v2-repo-card--primary h3 {
+  color: #007acc;
+}
+
 /* ── Bottom community ────────────────────────────────── */
 .v2-bottom-community {
   display: flex;
diff --git a/frontend/src/pages/Velxio2Page.tsx b/frontend/src/pages/Velxio2Page.tsx
index be37d62..3cf416b 100644
--- a/frontend/src/pages/Velxio2Page.tsx
+++ b/frontend/src/pages/Velxio2Page.tsx
@@ -479,6 +479,72 @@ export const Velxio2Page: React.FC = () => {
           </div>
         </section>
 
+        {/* ── Open-source libraries ── */}
+        <section className="seo-section">
+          <h2>Built on open-source</h2>
+          <p className="lead">
+            Velxio is powered by these open-source projects. Without them, none of this would be possible.
+          </p>
+          <div className="v2-repos">
+            <a href="https://github.com/wokwi/avr8js" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
+              <IcoGitHub />
+              <div>
+                <h3>avr8js</h3>
+                <p>AVR8 CPU emulator in JavaScript — powers Arduino Uno, Nano, Mega simulation</p>
+              </div>
+            </a>
+            <a href="https://github.com/wokwi/rp2040js" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
+              <IcoGitHub />
+              <div>
+                <h3>rp2040js</h3>
+                <p>RP2040 emulator — powers Raspberry Pi Pico and Pico W simulation</p>
+              </div>
+            </a>
+            <a href="https://github.com/wokwi/wokwi-elements" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
+              <IcoGitHub />
+              <div>
+                <h3>wokwi-elements</h3>
+                <p>Web Components for electronic parts — LEDs, buttons, sensors, displays, and more</p>
+              </div>
+            </a>
+            <a href="https://github.com/wokwi/wokwi-boards" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
+              <IcoGitHub />
+              <div>
+                <h3>wokwi-boards</h3>
+                <p>SVG board definitions for Arduino, ESP32, Raspberry Pi Pico, and other boards</p>
+              </div>
+            </a>
+            <a href="https://github.com/lcgamboa/qemu" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
+              <IcoGitHub />
+              <div>
+                <h3>QEMU (lcgamboa fork)</h3>
+                <p>QEMU fork with ESP32 Xtensa LX6/LX7 emulation support</p>
+              </div>
+            </a>
+            <a href="https://github.com/espressif/qemu" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
+              <IcoGitHub />
+              <div>
+                <h3>QEMU (Espressif)</h3>
+                <p>Official Espressif QEMU fork for ESP32 development and testing</p>
+              </div>
+            </a>
+            <a href="https://github.com/wokwi/wokwi-features" target="_blank" rel="noopener noreferrer" className="v2-repo-card">
+              <IcoGitHub />
+              <div>
+                <h3>wokwi-features</h3>
+                <p>Feature tracking and component specifications for the Wokwi ecosystem</p>
+              </div>
+            </a>
+            <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="v2-repo-card v2-repo-card--primary">
+              <IcoGitHub />
+              <div>
+                <h3>Velxio</h3>
+                <p>This project — free, open-source multi-board embedded simulator</p>
+              </div>
+            </a>
+          </div>
+        </section>
+
         {/* ── Bottom CTA ── */}
         <div className="seo-bottom">
           <h2>Try Velxio 2.0 now</h2>