feat(landing): rebuild home into an ecosystem-integrated experience

Turn the single-hero landing page into a full developer/researcher funnel
that surfaces the whole RocketPy ecosystem.

Sections: sticky nav (text labels + persistent Simulate CTA + live GitHub
star badge + mobile menu); reworked hero with `pip install rocketpy`, CTA
cluster and micro social-proof; live stats band; four-class quickstart with
syntax-highlighted, copyable code and an Open-in-Colab link; output showcase;
auto-scrolling features carousel; validation + used-by wall; ecosystem cards
(RocketSerializer / Infinity-API / App / Docs); R&D roadmap; community; how
-to-cite with copyable BibTeX; final CTA; and an expanded footer with link
columns.

Live stats (GitHub stars/forks/contributors, recent PyPI downloads) are
fetched at build time by scripts/fetch-stats.mjs and injected into dist,
with static fallbacks and continue-on-error so a flaky API never breaks a
deploy. A monthly cron redeploy keeps the numbers fresh.

New css/home.css reuses the about.css component recipes so both pages read
as one system; footer columns are additive so the About footer is unchanged.
Accessibility: prefers-reduced-motion, skip link, focus rings and a noscript
fallback. No new npm dependencies.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: Gui-FernandesBR

.github/workflows/static.yml

@@ -9,6 +9,12 @@ on:
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
+  # Monthly redeploy (1st of each month, 06:00 UTC) so the live stats injected
+  # at build time (GitHub stars/forks/contributors, PyPI downloads) stay fresh
+  # without needing a push. Scheduled runs always execute on the default branch.
+  schedule:
+    - cron: "0 6 1 * *"
+
 # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
   contents: read
@@ -40,6 +46,11 @@ jobs:
         run: npm ci
       - name: Build site
         run: npm run build
+      - name: Refresh live stats
+        run: npm run stats
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        continue-on-error: true
       - name: Add .nojekyll
         run: touch dist/.nojekyll
       - name: Setup Pages

css/footer.css

@@ -191,3 +191,142 @@
     margin-left: 0;
   }
 }
+
+/* ==========================================================================
+   EXPANDED SITE FOOTER (landing page) — additive; the legacy
+   .footer-left/.footer-center/.footer-right rules above still drive the
+   About page footer unchanged.
+   ========================================================================== */
+.site-footer {
+  padding: clamp(2.5rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 3rem) 1.8rem;
+  text-align: left;
+  font:
+    normal 16px "Open Sans",
+    sans-serif;
+}
+
+.footer-top {
+  display: grid;
+  grid-template-columns: minmax(220px, 1fr) 2.2fr;
+  gap: clamp(2rem, 5vw, 4rem);
+  max-width: 1240px;
+  margin: 0 auto;
+}
+
+.footer-brand .footer-logo {
+  margin-bottom: 14px;
+}
+
+.footer-tagline {
+  font-family: "Open Sans", sans-serif;
+  font-size: 0.9rem;
+  line-height: 1.6;
+  color: rgba(255, 255, 255, 0.7);
+  max-width: 280px;
+  margin: 0;
+}
+
+.footer-social {
+  display: flex;
+  gap: 10px;
+  margin-top: 18px;
+}
+
+.footer-social a {
+  width: 38px;
+  height: 38px;
+  border-radius: 8px;
+  background: #33383b;
+  color: #ffffff;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  text-decoration: none;
+  transition:
+    background 0.2s ease,
+    transform 0.2s ease;
+}
+
+.footer-social a:hover,
+.footer-social a:focus-visible {
+  background: #4a5568;
+  transform: translateY(-2px);
+}
+
+.footer-links-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+}
+
+.footer-col h4 {
+  font-family: "Rubik", sans-serif;
+  font-size: 13px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: #ffffff;
+  margin: 0 0 12px;
+}
+
+.footer-col a {
+  display: block;
+  font-family: "Open Sans", sans-serif;
+  font-size: 0.9rem;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 0.68);
+  text-decoration: none;
+  padding: 6px 0;
+  transition: color 0.2s ease;
+}
+
+.footer-col a:hover,
+.footer-col a:focus-visible {
+  color: #ffffff;
+}
+
+.footer-bottom {
+  max-width: 1240px;
+  margin: clamp(2rem, 4vw, 2.6rem) auto 0;
+  padding-top: 20px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.footer-bottom p {
+  font-family: "Open Sans", sans-serif;
+  font-size: 0.82rem;
+  color: rgba(255, 255, 255, 0.6);
+  margin: 0;
+}
+
+.footer-bottom a {
+  color: rgba(255, 255, 255, 0.8);
+  text-decoration: none;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.footer-bottom a:hover {
+  color: #ffffff;
+}
+
+@media (max-width: 880px) {
+  .footer-top {
+    grid-template-columns: 1fr;
+  }
+
+  .footer-bottom {
+    justify-content: center;
+    text-align: center;
+  }
+}
+
+@media (max-width: 620px) {
+  .footer-links-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+}