@omega.js/desktop 0.50.0 → 0.51.0

package/dist/assets/themes/base/_sections/about/letter/section.html

@@ -39,7 +39,7 @@ runs the container's full width. {% endcomment -%}
               <span class="omega-micro omega-fragment__label">{{ args.feed_label }}</span>
               {% for item in args.feed_items %}
                 <div class="omega-fragment__msg">
-                  <span class="omega-fragment__msg-mark"><i class="fa-solid fa-{{ item.icon }} fa-xs"></i></span>
+                  <span class="omega-fragment__msg-mark"><i class="{{ item.icon }} fa-xs" aria-hidden="true"></i></span>
                   <span>{{ item.text }}</span>
                 </div>
               {% endfor %}

package/dist/assets/themes/base/_sections/about/letter/section.json5

@@ -4,7 +4,7 @@
   args: {
     aside_label: 'string',
     feed_label: 'string',
-    feed_items: 'array', // [{ icon, text }] — the ops feed's messages; text carries markup. Empty = no feed, and no aside unless a photo holds it
+    feed_items: 'array', // [{ icon, text }] — the ops feed's messages; icon is the full Font Awesome class string, text carries markup. Empty = no feed, and no aside unless a photo holds it
     feed_status: 'string', // the chip riding the foot of the feed
     mission: 'object', // { title, description }
     vision: 'object', // { title, description }
@@ -19,9 +19,9 @@
     // Placeholder copy, the photo-band way: the demo feed ships so the aside
     // reads as a living one, and a brand's own items REPLACE it wholesale.
     feed_items: [
-      { icon: 'rocket', text: '<strong>v2.4</strong> shipped to production' },
-      { icon: 'user-plus', text: 'Two new faces on support' },
-      { icon: 'quote-left', text: '"Best tool we\'ve adopted this year"' },
+      { icon: 'fa-solid fa-rocket', text: '<strong>v2.4</strong> shipped to production' },
+      { icon: 'fa-solid fa-user-plus', text: 'Two new faces on support' },
+      { icon: 'fa-solid fa-quote-left', text: '"Best tool we\'ve adopted this year"' },
     ],
     feed_status: 'All systems go',
     mission: {

package/dist/assets/themes/base/_sections/marketing/bento/section.html

@@ -27,7 +27,7 @@
                 <span class="omega-tile__ordinal">{{ forloop.index }}</span>
               {% endiftruthy %}
               {% iftruthy item.icon %}
-                <span class="omega-icon-chip"><i class="fa-solid fa-{{ item.icon }} fa-sm"></i></span>
+                <span class="omega-icon-chip"><i class="{{ item.icon }} fa-sm" aria-hidden="true"></i></span>
               {% endiftruthy %}
               <span class="omega-tile__title">{{ item.title }}</span>
             </div>

package/dist/assets/themes/base/_sections/marketing/bento/section.json5

@@ -23,32 +23,32 @@
       {
         type: 'code',
         span: 'big',
-        icon: 'sliders',
+        icon: 'fa-solid fa-sliders',
         title: 'One config, every surface',
         description: 'A single file drives your brand, targets, and integrations. Change it once and every page follows.',
       },
       {
         type: 'split',
         span: 'tall',
-        icon: 'circle-half-stroke',
+        icon: 'fa-solid fa-circle-half-stroke',
         title: 'Light & dark, born together',
         description: 'Every component ships in both modes from day one, with no bolted-on dark theme.',
       },
       {
         type: 'terminal',
-        icon: 'terminal',
+        icon: 'fa-solid fa-terminal',
         title: 'Deploy in one verb',
         description: 'Build, verify, and publish from a single command.',
       },
       {
         type: 'brand',
-        icon: 'palette',
+        icon: 'fa-solid fa-palette',
         title: 'Your brand, everywhere',
         description: 'One brand color recolors every accent surface: buttons, links, focus rings, charts.',
       },
       {
         type: 'default',
-        icon: 'shield-halved',
+        icon: 'fa-solid fa-shield-halved',
         title: 'Auth & accounts built in',
         description: 'Sign-in, subscriptions, and billing flows ready on day one.',
       },
@@ -85,19 +85,19 @@
         subheadline: 'Each tile is the link: the whole card clicks through.',
         items: [
           {
-            icon: 'tag',
+            icon: 'fa-solid fa-tag',
             title: 'What it costs',
             description: 'Every plan, and what each one includes.',
             href: '/pricing',
           },
           {
-            icon: 'users',
+            icon: 'fa-solid fa-users',
             title: 'Who we are',
             description: 'The people behind the product.',
             href: '/about',
           },
           {
-            icon: 'envelope',
+            icon: 'fa-solid fa-envelope',
             title: 'Talk to us',
             description: 'Questions, demos, and anything else.',
             href: '/contact',
@@ -112,10 +112,10 @@
         headline: 'Four steps, start to live',
         numbered: true,
         items: [
-          { icon: 'comments', title: 'Discover', description: 'We listen before we draw anything.' },
-          { icon: 'pen-ruler', title: 'Design', description: 'The shape of the thing, agreed up front.' },
-          { icon: 'hammer', title: 'Build', description: 'Shipped in weekly slices you can see.' },
-          { icon: 'rocket', title: 'Launch', description: 'Live, measured, and handed over.' },
+          { icon: 'fa-solid fa-comments', title: 'Discover', description: 'We listen before we draw anything.' },
+          { icon: 'fa-solid fa-pen-ruler', title: 'Design', description: 'The shape of the thing, agreed up front.' },
+          { icon: 'fa-solid fa-hammer', title: 'Build', description: 'Shipped in weekly slices you can see.' },
+          { icon: 'fa-solid fa-rocket', title: 'Launch', description: 'Live, measured, and handed over.' },
         ],
       },
     },
@@ -129,19 +129,19 @@
         items: [
           {
             type: 'terminal',
-            icon: 'terminal',
+            icon: 'fa-solid fa-terminal',
             title: 'One-verb deploys',
             description: 'Build, verify, and publish from a single command.',
           },
           {
             type: 'default',
-            icon: 'bolt',
+            icon: 'fa-solid fa-bolt',
             title: 'Fast by default',
             description: 'Static output, tuned assets, nothing to babysit.',
           },
           {
             type: 'default',
-            icon: 'lock',
+            icon: 'fa-solid fa-lock',
             title: 'Secure sessions',
             description: 'Auth and account flows ready on day one.',
           },

package/dist/assets/themes/base/_sections/marketing/cta/section.json5

@@ -31,7 +31,7 @@
         headline: 'Ready to ship',
         headline_accent: 'something great?',
         subheadline: 'Start free and grow into every surface your product needs.',
-        primary_button: { text: 'Start free', href: '/signup', icon: 'rocket' },
+        primary_button: { text: 'Start free', href: '/signup', icon: 'fa-solid fa-rocket' },
         command: 'npx acme setup',
         secondary_button: { text: 'Talk to sales', href: '/contact', nudge: true },
       },

package/dist/assets/themes/base/_sections/marketing/hero/section.html

@@ -25,7 +25,7 @@ centred product frame never stacks under one either. {% endcomment %}
           {% assign demo_btn_class = demo.options.button.class | default: "btn-adaptive" %}
           <button type="submit" class="btn {{ demo_btn_class }} btn-lg text-nowrap flex-shrink-0">
             {% iftruthy demo.options.button.icon %}
-              <i class="fa-solid fa-{{ demo.options.button.icon }} me-2"></i>
+              <i class="{{ demo.options.button.icon }} me-2" aria-hidden="true"></i>
             {% endiftruthy %}
             {{ demo.options.button.text }}
           </button>
@@ -42,7 +42,7 @@ centred product frame never stacks under one either. {% endcomment %}
               <div class="col-12 {% if field_size == 'half' %}col-sm-6{% endif %}">
                 <label for="hero-demo-{{ field.name }}" class="form-label d-flex align-items-center mb-2">
                   {% iftruthy field.icon %}
-                    <i class="fa-solid fa-{{ field.icon }} me-2"></i>
+                    <i class="{{ field.icon }} me-2" aria-hidden="true"></i>
                   {% endiftruthy %}
                   {{ field.label | default: field.placeholder | default: field.name }}
                   {% iftruthy field.required %}<span class="text-danger ms-1" aria-hidden="true">*</span>{% endiftruthy %}
@@ -84,7 +84,7 @@ centred product frame never stacks under one either. {% endcomment %}
             <div class="col-12 {% unless demo.options.button.full_width %}col-sm-auto{% endunless %}">
               <button type="submit" class="btn {{ form_btn_class }} btn-lg w-100">
                 {% iftruthy demo.options.button.icon %}
-                  <i class="fa-solid fa-{{ demo.options.button.icon }} me-2"></i>
+                  <i class="{{ demo.options.button.icon }} me-2" aria-hidden="true"></i>
                 {% endiftruthy %}
                 {{ demo.options.button.text }}
               </button>
@@ -208,7 +208,7 @@ in place, unchanged. {% endcomment %}
     <div class="omega-hero__ctas" data-omega-reveal>
       {% if args.primary_button.enabled != false and args.primary_button.text %}
         <a href="{{ args.primary_button.href }}" class="btn {{ primary_btn_class }} btn-lg{% iffalsy args.primary_button.icon %} omega-hover-nudge{% endiffalsy %}">
-          {% iftruthy args.primary_button.icon %}<i class="fa-solid fa-{{ args.primary_button.icon }} me-2"></i>{% endiftruthy %}
+          {% iftruthy args.primary_button.icon %}<i class="{{ args.primary_button.icon }} me-2" aria-hidden="true"></i>{% endiftruthy %}
           {{ args.primary_button.text }}
           {% iffalsy args.primary_button.icon %}<span class="omega-nudge ms-2"><i class="fa-solid fa-arrow-right fa-sm"></i></span>{% endiffalsy %}
         </a>
@@ -220,7 +220,7 @@ in place, unchanged. {% endcomment %}
       {% endiftruthy %}
       {% if args.secondary_button.enabled != false and args.secondary_button.text %}
         <a href="{{ args.secondary_button.href }}" class="btn {{ secondary_btn_class }} btn-lg{% iffalsy args.secondary_button.icon %} omega-hover-nudge{% endiffalsy %}">
-          {% iftruthy args.secondary_button.icon %}<i class="fa-solid fa-{{ args.secondary_button.icon }} me-2"></i>{% endiftruthy %}
+          {% iftruthy args.secondary_button.icon %}<i class="{{ args.secondary_button.icon }} me-2" aria-hidden="true"></i>{% endiftruthy %}
           {{ args.secondary_button.text }}
           {% iffalsy args.secondary_button.icon %}<span class="omega-nudge ms-2"><i class="fa-solid fa-arrow-right fa-sm"></i></span>{% endiffalsy %}
         </a>
@@ -272,7 +272,7 @@ consumer authors. {% endcomment %}
         {% for card in args.cards %}
           <div class="omega-hero__card">
             {% iftruthy card.icon %}
-              <span class="omega-hero__card-ico"><i class="fa-solid fa-{{ card.icon }}"></i></span>
+              <span class="omega-hero__card-ico"><i class="{{ card.icon }}" aria-hidden="true"></i></span>
             {% endiftruthy %}
             {%- comment %} A value is TEXT, never markup (#580). {% endcomment -%}
             <span class="omega-hero__card-num">{{ card.number | escape_once }}</span>

package/dist/assets/themes/base/_sections/marketing/hero/section.json5

@@ -11,7 +11,7 @@
     heading_level: 'number', // the headline's heading tag (default 1) — a hero-shaped band BELOW the page's opener authors 2, so one page never ships two h1s (#500)
     rotating: 'array',
     description: 'string',
-    primary_button: 'object', // { text, href, enabled, icon?, class? } — an authored class replaces btn-adaptive; an authored icon leads the label INSTEAD of the arrow nudge
+    primary_button: 'object', // { text, href, enabled, icon?, class? } — an authored class replaces btn-adaptive; an authored icon (the full Font Awesome class string) leads the label INSTEAD of the arrow nudge
     command: 'string',
     command_href: 'string',
     secondary_button: 'object', // { text, href, enabled, icon?, class? } — same contract over btn-outline-adaptive
@@ -126,7 +126,7 @@
             subtext: 'No credit card required - 5 free logos',
             button: {
               text: 'Generate logo',
-              icon: 'wand-magic-sparkles',
+              icon: 'fa-solid fa-wand-magic-sparkles',
               class: 'btn-adaptive-inverse',
             },
           },
@@ -135,13 +135,13 @@
         // btn-adaptive and an authored icon takes the arrow nudge's place.
         primary_button: {
           text: 'Get started free',
-          icon: 'rocket',
+          icon: 'fa-solid fa-rocket',
           href: '/dashboard',
           class: 'btn-light',
         },
         secondary_button: {
           text: 'Explore solutions',
-          icon: 'book-open',
+          icon: 'fa-solid fa-book-open',
           href: '/pricing',
           class: 'btn-outline-light',
         },
@@ -164,7 +164,7 @@
               {
                 name: 'industry',
                 label: 'Industry',
-                icon: 'building',
+                icon: 'fa-solid fa-building',
                 type: 'select',
                 size: 'half',
                 placeholder: 'Select industry',
@@ -178,7 +178,7 @@
               {
                 name: 'company_size',
                 label: 'Company size',
-                icon: 'users',
+                icon: 'fa-solid fa-users',
                 type: 'select',
                 size: 'half',
                 placeholder: 'Select size',
@@ -192,7 +192,7 @@
               {
                 name: 'message',
                 label: 'Tell us about your project',
-                icon: 'comment',
+                icon: 'fa-solid fa-comment',
                 type: 'textarea',
                 size: 'full',
                 placeholder: 'Describe your goals, challenges, or questions...',
@@ -202,7 +202,7 @@
             ],
             button: {
               text: 'Get quote',
-              icon: 'paper-plane',
+              icon: 'fa-solid fa-paper-plane',
               full_width: true,
               class: 'btn-adaptive-inverse',
             },
@@ -325,8 +325,8 @@
       label: 'Stat cards',
       args: {
         cards: [
-          { number: '99%', label: 'Uptime', icon: 'shield-halved' },
-          { number: '500K+', label: 'Builds shipped', icon: 'rocket' },
+          { number: '99%', label: 'Uptime', icon: 'fa-solid fa-shield-halved' },
+          { number: '500K+', label: 'Builds shipped', icon: 'fa-solid fa-rocket' },
           { number: '30+', label: 'Integrations' },
         ],
       },

package/dist/assets/themes/base/_sections/marketing/product-demo/section.html

@@ -20,7 +20,7 @@
               aria-selected="{% if forloop.first %}true{% else %}false{% endif %}"
             >
               {% iftruthy tab.icon %}
-                <i class="fa-solid fa-{{ tab.icon }} fa-sm me-2"></i>
+                <i class="{{ tab.icon }} fa-sm me-2" aria-hidden="true"></i>
               {% endiftruthy %}
               {{ tab.label }}
             </button>

package/dist/assets/themes/base/_sections/marketing/product-demo/section.json5

@@ -24,14 +24,14 @@
       {
         id: 'dashboard',
         label: 'Dashboard',
-        icon: 'gauge-high',
+        icon: 'fa-solid fa-gauge-high',
         video: 'https://cdn.itwcreativeworks.com/assets/sample/videos/demos/16x9/sample-demo-1.webm',
         features: ['Easy setup', 'Powerful tools', 'Real-time updates'],
       },
       {
         id: 'analytics',
         label: 'Analytics',
-        icon: 'chart-line',
+        icon: 'fa-solid fa-chart-line',
         video: 'https://cdn.itwcreativeworks.com/assets/sample/videos/demos/16x9/sample-demo-2.webm',
         features: ['Advanced analytics', 'Custom reports', 'Data insights'],
       },

package/dist/assets/themes/base/_sections/marketing/stats/section.html

@@ -11,7 +11,7 @@
           {% capture stat_class %}omega-stat{% if tone_slots contains stat.color %} omega-{{ stat.color }}{% endif %}{% endcapture %}
           <div class="{{ stat_class }}" data-omega-reveal>
             {% iftruthy stat.icon %}
-              <span class="omega-icon-chip omega-stat__icon"><i class="fa-solid fa-{{ stat.icon }} fa-sm"></i></span>
+              <span class="omega-icon-chip omega-stat__icon"><i class="{{ stat.icon }} fa-sm" aria-hidden="true"></i></span>
             {% endiftruthy %}
             {%- comment %} A value is TEXT, never markup (#580): a stat like
             `<200ms` opened a tag the minifier then ate, printing a visible

package/dist/assets/themes/base/_sections/marketing/stats/section.json5

@@ -2,7 +2,7 @@
   description: 'Stats band — serif numbers with count-up on reveal. Callers with a bare frontmatter array pass it as the items named arg ({% section "marketing/stats", items: resolved.stats %}); empty items suppresses the band.',
 
   args: {
-    items: 'array', // [{ number, label, sublabel, icon, color }] — icon names a Font Awesome glyph; color names a tone slot (tone-1…tone-6), never a hex
+    items: 'array', // [{ number, label, sublabel, icon, color }] — icon is the full Font Awesome class string ('fa-brands fa-figma'); color names a tone slot (tone-1…tone-6), never a hex
 
     after: 'html', // finished markup rendered inside the band container after the grid ({% slot after %}) — e.g. a trailing CTA button
   },
@@ -23,10 +23,10 @@
       label: 'Icons and tones',
       args: {
         items: [
-          { number: '2017', label: 'Founded', sublabel: 'Still shipping', icon: 'calendar', color: 'tone-1' },
-          { number: '50+', label: 'Team members', sublabel: 'Across 9 time zones', icon: 'users', color: 'tone-2' },
-          { number: '1M+', label: 'Happy customers', sublabel: 'And counting', icon: 'smile', color: 'tone-3' },
-          { number: '120+', label: 'Countries', sublabel: 'Served from the edge', icon: 'globe', color: 'tone-4' },
+          { number: '2017', label: 'Founded', sublabel: 'Still shipping', icon: 'fa-solid fa-calendar', color: 'tone-1' },
+          { number: '50+', label: 'Team members', sublabel: 'Across 9 time zones', icon: 'fa-solid fa-users', color: 'tone-2' },
+          { number: '1M+', label: 'Happy customers', sublabel: 'And counting', icon: 'fa-solid fa-smile', color: 'tone-3' },
+          { number: '120+', label: 'Countries', sublabel: 'Served from the edge', icon: 'fa-solid fa-globe', color: 'tone-4' },
         ],
       },
     },

package/dist/assets/themes/base/_sections/marketing/trusted-by/section.html

@@ -15,7 +15,7 @@
                 </span>
               {% elsif logo.icon %}
                 <span class="omega-logos__lockup">
-                  <i class="fa-solid fa-{{ logo.icon }}"></i>
+                  <i class="{{ logo.icon }}" aria-hidden="true"></i>
                   <span>{{ logo.name }}</span>
                 </span>
               {% else %}

package/dist/assets/themes/base/_sections/marketing/trusted-by/section.json5

@@ -1,5 +1,5 @@
 {
-  description: 'Logo marquee — the "trusted by" wall. Per logo: `logo` = combomark slug (core/logos, the REAL wordmark lockups); `icon` = FA brands slug (mark + name lockup); `src` = custom image; name-only falls back to the typographic word. Empty logos suppresses the band.',
+  description: 'Logo marquee — the "trusted by" wall. Per logo: `logo` = combomark slug (core/logos, the REAL wordmark lockups); `icon` = the full Font Awesome class string (mark + name lockup), e.g. `fa-brands fa-github`; `src` = custom image; name-only falls back to the typographic word. Empty logos suppresses the band.',
 
   args: {
     headline: 'string',
@@ -29,7 +29,7 @@
         headline: 'Backed by',
         logos: [
           { name: 'Google', logo: 'google' },
-          { name: 'GitHub', icon: 'github' },
+          { name: 'GitHub', icon: 'fa-brands fa-github' },
           { name: 'Initech' },
         ],
       },

package/dist/assets/themes/neobrutalism/_layouts/frontend/pages/index.html

@@ -10,11 +10,11 @@ hero:
   description: "AI automation for modern businesses made simple"
   primary_button:
     text: "Get started free"
-    icon: "rocket"
+    icon: "fa-solid fa-rocket"
     href: "/dashboard"
   secondary_button:
     text: "See pricing"
-    icon: "book-open"
+    icon: "fa-solid fa-book-open"
     href: "/pricing"
 
 # Trusted By Section (base marketing/trusted-by, restyled)
@@ -61,18 +61,18 @@ highlights:
   subheadline: "Get unlimited design requests delivered fast with our streamlined process."
   cta_button:
     text: "Get started"
-    icon: "rocket"
+    icon: "fa-solid fa-rocket"
     href: "/dashboard"
   items:
     - title: "Subscribe"
       description: "Choose your plan and submit unlimited design requests."
-      icon: "rotate"
+      icon: "fa-solid fa-rotate"
     - title: "Receive"
       description: "Get your designs delivered in as fast as two business days."
-      icon: "bolt"
+      icon: "fa-solid fa-bolt"
     - title: "Revise"
       description: "Request unlimited revisions until it's perfect."
-      icon: "thumbs-up"
+      icon: "fa-solid fa-thumbs-up"
 
 # Testimonials Section
 testimonials:
@@ -163,10 +163,10 @@ config:
       <div class="col-lg-5">
         <div class="d-grid gap-3 neo-hero__actions">
           <a href="{{ resolved.hero.primary_button.href }}" class="btn btn-dark btn-lg">
-            <i class="fa-solid fa-{{ resolved.hero.primary_button.icon }} me-2"></i>{{ resolved.hero.primary_button.text }}
+            <i class="{{ resolved.hero.primary_button.icon }} me-2" aria-hidden="true"></i>{{ resolved.hero.primary_button.text }}
           </a>
           <a href="{{ resolved.hero.secondary_button.href }}" class="btn btn-light btn-lg">
-            <i class="fa-solid fa-{{ resolved.hero.secondary_button.icon }} me-2"></i>{{ resolved.hero.secondary_button.text }}
+            <i class="{{ resolved.hero.secondary_button.icon }} me-2" aria-hidden="true"></i>{{ resolved.hero.secondary_button.text }}
           </a>
         </div>
       </div>
@@ -240,7 +240,7 @@ config:
             <div class="card-body">
               <div class="neo-step-card__top">
                 <span class="neo-step-card__num">{{ forloop.index }}</span>
-                <span class="neo-step-card__icon"><i class="fa-solid fa-{{ feature.icon }}"></i></span>
+                <span class="neo-step-card__icon"><i class="{{ feature.icon }}" aria-hidden="true"></i></span>
               </div>
               <h3 class="neo-step-card__title">{{ feature.title }}</h3>
               <p class="neo-step-card__desc">{{ feature.description }}</p>
@@ -253,7 +253,7 @@ config:
     {% iftruthy resolved.highlights.cta_button %}
       <div class="text-center mt-5">
         <a href="{{ resolved.highlights.cta_button.href }}" class="btn btn-warning btn-lg">
-          <i class="fa-solid fa-{{ resolved.highlights.cta_button.icon }} me-2"></i>{{ resolved.highlights.cta_button.text }}
+          <i class="{{ resolved.highlights.cta_button.icon }} me-2" aria-hidden="true"></i>{{ resolved.highlights.cta_button.text }}
         </a>
       </div>
     {% endiftruthy %}

package/dist/assets/themes/newsflash/_layouts/frontend/pages/index.html

@@ -9,11 +9,11 @@ hero:
   description: "Sharp reporting and zero noise: the stories that matter, delivered before your coffee gets cold."
   primary_button:
     text: "Read the latest"
-    icon: "bolt"
+    icon: "fa-solid fa-bolt"
     href: "/blog"
   secondary_button:
     text: "Get the newsletter"
-    icon: "envelope"
+    icon: "fa-solid fa-envelope"
     href: "#signup"
 
 # The Latest — the front-page feed (posts-driven; newsflash-specific section)
@@ -63,20 +63,20 @@ desks:
   subheadline: "Three desks, one standard: report it right, write it sharp."
   cta_button:
     text: "Browse all stories"
-    icon: "arrow-right"
+    icon: "fa-solid fa-arrow-right"
     href: "/blog"
   items:
     - title: "Tech"
       description: "The machines, the makers, and the money rewiring how we live and work."
-      icon: "microchip"
+      icon: "fa-solid fa-microchip"
       href: "/blog/categories/tech"
     - title: "Culture"
       description: "What we watch, wear, and argue about, and why it matters more than you think."
-      icon: "masks-theater"
+      icon: "fa-solid fa-masks-theater"
       href: "/blog/categories/culture"
     - title: "Money"
       description: "Markets, paychecks, and the economics hiding inside everyday decisions."
-      icon: "chart-line"
+      icon: "fa-solid fa-chart-line"
       href: "/blog/categories/money"
 
 # Stats Section — the masthead numbers
@@ -103,11 +103,11 @@ cta:
   subheadline: "Join the readers who start their day with {{ resolved.config.brand.name }}: reporting with teeth, context with heart, and zero filler."
   primary_button:
     text: "Start reading"
-    icon: "bolt"
+    icon: "fa-solid fa-bolt"
     href: "/blog"
   secondary_button:
     text: "Get the newsletter"
-    icon: "envelope"
+    icon: "fa-solid fa-envelope"
     href: "#signup"
 ---
 
@@ -156,12 +156,12 @@ cta:
         <div class="d-flex flex-wrap gap-3">
           {% iftruthy resolved.hero.primary_button %}
             <a href="{{ resolved.hero.primary_button.href }}" class="btn btn-primary btn-lg">
-              <i class="fa-solid fa-{{ resolved.hero.primary_button.icon }} me-2"></i>{{ resolved.hero.primary_button.text }}
+              <i class="{{ resolved.hero.primary_button.icon }} me-2" aria-hidden="true"></i>{{ resolved.hero.primary_button.text }}
             </a>
           {% endiftruthy %}
           {% iftruthy resolved.hero.secondary_button %}
             <a href="{{ resolved.hero.secondary_button.href }}" class="btn btn-outline-dark btn-lg">
-              <i class="fa-solid fa-{{ resolved.hero.secondary_button.icon }} me-2"></i>{{ resolved.hero.secondary_button.text }}
+              <i class="{{ resolved.hero.secondary_button.icon }} me-2" aria-hidden="true"></i>{{ resolved.hero.secondary_button.text }}
             </a>
           {% endiftruthy %}
         </div>

package/dist/assets/themes/newsflash/_sections/marketing/desks/section.html

@@ -18,7 +18,7 @@
         <div class="col-md-4" data-lazy="@class animation-slide-up">
           <a href="{{ desk_href }}" class="card newsflash-story-card h-100 p-4 text-decoration-none">
             <span class="newsflash-desks__icon d-inline-flex align-items-center justify-content-center rounded-circle text-bg-primary mb-3">
-              <i class="fa-solid fa-{{ desk.icon }}"></i>
+              <i class="{{ desk.icon }}" aria-hidden="true"></i>
             </span>
             <h3 class="h4 mb-2">{{ desk.title }}</h3>
             <p class="text-body-secondary mb-0">{{ desk.description }}</p>
@@ -31,7 +31,7 @@
     {% iftruthy args.cta_button %}
       <div class="text-center mt-5" data-lazy="@class animation-slide-up">
         <a href="{{ args.cta_button.href }}" class="btn btn-primary btn-lg">
-          <i class="fa-solid fa-{{ args.cta_button.icon }} me-2"></i>{{ args.cta_button.text }}
+          <i class="{{ args.cta_button.icon }} me-2" aria-hidden="true"></i>{{ args.cta_button.text }}
         </a>
       </div>
     {% endiftruthy %}

package/dist/assets/themes/newsflash/_sections/marketing/desks/section.json5

@@ -24,25 +24,25 @@
         subheadline: 'Three beats, one standard.',
         items: [
           {
-            icon: 'microchip',
+            icon: 'fa-solid fa-microchip',
             title: 'Technology',
             description: 'Chips, code, and the people shipping both.',
             href: '/blog',
           },
           {
-            icon: 'chart-line',
+            icon: 'fa-solid fa-chart-line',
             title: 'Markets',
             description: 'What moved, why it moved, who moved it.',
             href: '/blog',
           },
           {
-            icon: 'landmark',
+            icon: 'fa-solid fa-landmark',
             title: 'Policy',
             description: 'The rules being written while you read this.',
             href: '/blog',
           },
         ],
-        cta_button: { icon: 'rss', text: 'Browse all coverage', href: '/blog' },
+        cta_button: { icon: 'fa-solid fa-rss', text: 'Browse all coverage', href: '/blog' },
       },
     },
   ],