Modernize index page with feature-focused sections and animations

[Copilot]

Redesigns the index page with feature-driven sections highlighting Comunica's capabilities: decentralized querying, platform support, modularity, SPARQL 1.2 compliance, and AI/MCP readiness.

Changes

Hero section

• Streamlined layout with prominent CTAs ("Get Started", "Try Live")
• Fade-in animations on load

Feature sections

• Query-driven integration: Infinite-scroll animation showing supported source types (SPARQL endpoints, HDT, TPF, JSON-LD, etc.)
• Built for Web: Platform icons (Chrome, Firefox, Node.js, Deno, Bun) with hover effects
• Modular & flexible: Dark-themed config example showing actor composition
• SPARQL 1.2: Rotating query examples (4s intervals) demonstrating SELECT, CONSTRUCT, SERVICE
• Open source: GitHub badge with MIT license info
• AI/MCP-ready: Dedicated section for AI integration

Getting Started cards

• Grid layout with hover effects and animated arrows
• Links to Query, Modify, Contribute, Donate

Accessibility

• prefers-reduced-motion support disables/simplifies animations
• Null checks in React hooks prevent errors on missing DOM elements

Implementation

• Pure CSS animations (no external dependencies)
• React useEffect for SPARQL query rotation
• 537 lines of new SCSS maintaining existing color scheme (#9C0510)

Screenshots

Before:

After (Desktop):

After (Mobile):

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• https://api.github.com/graphql
  • Triggering command: /opt/hostedtoolcache/node/24.13.0/x64/bin/node /opt/hostedtoolcache/node/24.13.0/x64/bin/node /home/REDACTED/work/website/website/node_modules/next/dist/compiled/jest-worker/processChild.js (http block)
• www.typescriptlang.org
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.