release: WRNexusJS 0.7.0

examples/component-showcase/scripts/showcase-profiles.mjs

@@ -830,8 +830,7 @@ export const componentProfiles = {
         {
           title: "Unified citizen portal",
           description: "Access trusted services from one responsive interface.",
-          image:
-            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 450'%3E%3Crect width='800' height='450' fill='%231e1b4b'/%3E%3Ccircle cx='610' cy='130' r='120' fill='%237c3aed' opacity='.55'/%3E%3Crect x='90' y='90' width='430' height='270' rx='28' fill='%23ffffff' opacity='.12'/%3E%3C/svg%3E",
+          image: "/showcase-images/dashboard-preview.svg",
           imageAlt: "Abstract dashboard preview",
           imagePosition: "top",
           imageAspect: "wide",
@@ -1813,7 +1812,7 @@ export const componentProfiles = {
         "Responsive content image",
         "Render a responsive image with meaningful alternative text.",
         {
-          src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 450'%3E%3Crect width='800' height='450' fill='%231e1b4b'/%3E%3Ccircle cx='400' cy='225' r='120' fill='%237c3aed'/%3E%3C/svg%3E",
+          src: "/showcase-images/violet-circle.svg",
           alt: "Abstract violet circle on a dark surface",
           width: "800",
           height: "450",
@@ -1823,7 +1822,7 @@ export const componentProfiles = {
         "Rounded thumbnail",
         "Use a rounded image in cards, directories, and compact summaries.",
         {
-          src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Crect width='400' height='400' fill='%230284c7'/%3E%3Cpath d='M80 290 190 120l130 170z' fill='white' opacity='.7'/%3E%3C/svg%3E",
+          src: "/showcase-images/blue-mountain.svg",
           alt: "Abstract blue thumbnail",
           width: "400",
           height: "400",
@@ -1835,7 +1834,7 @@ export const componentProfiles = {
         "Eager hero image",
         "Use explicit dimensions and eager loading for an above-the-fold visual.",
         {
-          src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600'%3E%3Crect width='1200' height='600' fill='%23059669'/%3E%3Crect x='150' y='120' width='900' height='360' rx='36' fill='white' opacity='.18'/%3E%3C/svg%3E",
+          src: "/showcase-images/green-hero.svg",
           alt: "Abstract green hero visual",
           width: "1200",
           height: "600",