Add Before & After architecture coming-soon card

[raphael-solace]

Summary

• Adds a new "Before & After" coming-soon card to the landing page, alongside the existing Middleware Explorer card
• The tool will be an animated split-screen comparison for each industry: left side shows the legacy spaghetti architecture (point-to-point, multiple brokers, batch ETL), right side shows the Solace event mesh version
• Users will be able to toggle between industries — the visual contrast is visceral and immediately communicates the value without words

What changed

A single new card--coming-soon div was added to the "Coming soon" grid in index.html. It follows the exact same pattern, CSS classes, and animation delay as the existing Middleware Explorer card:

• Icon: ⚡
• Title: "Before & After"
• Description: "See the difference. Compare legacy integration architectures with an event-driven approach — side by side, industry by industry."
• Badge: "Coming soon"
• Classes: card card--coming-soon fade-up delay-4, aria-disabled="true"

No styles, scripts, or existing content were modified.

🤖 Generated with Claude Code