diff --git a/docs/docs/patterns/ecommerce-incentives.md b/docs/docs/patterns/ecommerce-incentives.md
index 8bc27cf53..684370374 100644
--- a/docs/docs/patterns/ecommerce-incentives.md
+++ b/docs/docs/patterns/ecommerce-incentives.md
@@ -18,17 +18,17 @@ tags: e-commerce
   </div>
   <div class="wa-grid">
     <div class="wa-stack wa-gap-xs">
-      <img src="https://images.unsplash.com/vector-1740057539008-eb7a68be2b0d?q=80&w=2360&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" height="120" width="120" />
+      <wa-icon name="stopwatch" style="font-size: 32px;"></wa-icon>
       <span class="wa-heading-s">Learn at your Speed</span>
       <p class="wa-caption-m">It's not actually free we just price it into the products. Someone's paying for it, and it's not us.</p>
     </div>
     <div class="wa-stack wa-gap-xs">
-      <img src="https://images.unsplash.com/vector-1739647326715-454fb6be54be?q=80&w=2360&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" height="120" width="120" />
+      <wa-icon name="chart-line" style="font-size: 32px;"></wa-icon>
       <span class="wa-heading-s">Track Progress</span>
       <p class="wa-caption-m">If it breaks in the first 10 years we'll replace it. After that you're on your own though.</p>
     </div>
     <div class="wa-stack wa-gap-xs">
-      <img src="https://images.unsplash.com/vector-1740057539117-42cb2c6da083?q=80&w=2360&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" height="120" width="120" />
+      <wa-icon name="people-group" style="font-size: 32px;"></wa-icon>
       <span class="wa-heading-s">Active Community</span>
       <p class="wa-caption-m">If you don't like it, trade it to one of your friends for something of theirs. Don't send it here though.</p>
     </div>
@@ -39,7 +39,7 @@ tags: e-commerce
 
 ```html{.example}
 <div class="wa-grid" style="--min-column-size: 41ch;">
-  <wa-card style="--border-color: var(--wa-color-indigo-60);color: var(--border-color);--wa-panel-border-width: 2px;">
+  <wa-card>
     <div class="wa-flank">
     <div>
       <wa-icon name="hands" style="font-size: 2.5rem;"></wa-icon>
@@ -50,7 +50,7 @@ tags: e-commerce
     </div>
     </div>
   </wa-card>
-  <wa-card style="--border-color: var(--wa-color-indigo-60);color: var(--border-color);--wa-panel-border-width: 2px;">
+  <wa-card>
     <div class="wa-flank">
     <div>
       <wa-icon name="medal" style="font-size: 2.5rem;"></wa-icon>
@@ -61,7 +61,7 @@ tags: e-commerce
     </div>
     </div>
   </wa-card>
-  <wa-card style="--border-color: var(--wa-color-indigo-60);color: var(--border-color);--wa-panel-border-width: 2px;">
+  <wa-card>
     <div class="wa-flank">
     <div>
       <wa-icon name="chart-line" style="font-size: 2.5rem;"></wa-icon>
@@ -75,7 +75,7 @@ tags: e-commerce
     </div>
     </div>
   </wa-card>
-  <wa-card style="--border-color: var(--wa-color-indigo-60);color: var(--border-color);--wa-panel-border-width: 2px;">
+  <wa-card>
     <div class="wa-flank">
       <div>
         <wa-icon name="puzzle-piece" style="font-size: 2.5rem;"></wa-icon>
@@ -98,22 +98,22 @@ tags: e-commerce
 <div>
 <div class="wa-grid">
   <div class="wa-stack wa-gap-xs">
-      <img src="https://img.freepik.com/free-vector/marketing-consulting-concept-illustration_114360-9027.jpg?t=st=1740777544~exp=1740781144~hmac=47eaff410455dfda95a1d418c7701b10627eddffb6a99dbab244093ac2760bad&w=1060" height="240" width="240" />
+      <wa-icon name="magnifying-glass" style="font-size: 32px;"></wa-icon>
       <span class="wa-heading-s">SEO Consulting</span>
       <p class="wa-caption-m">It's not actually free we just price it into the products. Someone's paying for it, and it's not us.</p>
     </div>
     <div class="wa-stack wa-gap-xs">
-      <img src="https://img.freepik.com/free-vector/seminar-concept-illustration_114360-7480.jpg?t=st=1740777518~exp=1740781118~hmac=2889f560bce2aa5542f046d626fe5dc09afbcd9eeb17e757673573d838131a13&w=1060" height="240" width="240" />
+      <wa-icon name="chalkboard-user" style="font-size: 32px;"></wa-icon>
       <span class="wa-heading-s">In Person Training</span>
       <p class="wa-caption-m">If it breaks in the first 10 years we'll replace it. After that you're on your own though.</p>
     </div>
     <div class="wa-stack wa-gap-xs">
-      <img src="https://img.freepik.com/free-vector/agile-method-concept-illustration_114360-9826.jpg?t=st=1740777427~exp=1740781027~hmac=edc4a8ab7979fea28eefdaa3a2390749a2fd0f8f34a0f5f2538428cff0505000&w=1060" height="240" width="240" />
+      <wa-icon name="people-arrows" style="font-size: 32px;"></wa-icon>
       <span class="wa-heading-s">1 on 1 Sessions</span>
       <p class="wa-caption-m">If you don't like it, trade it to one of your friends for something of theirs. Don't send it here though.</p>
     </div>
     <div class="wa-stack wa-gap-xs">
-      <img src="https://img.freepik.com/free-vector/low-code-development-concept-illustration_114360-7294.jpg?t=st=1740777101~exp=1740780701~hmac=f905379010c1d63fddecd2d70387bb67f49083bc51d9f682c33405714acc3d3e&w=1060" height="240" width="240" />
+      <wa-icon name="code" style="font-size: 32px;"></wa-icon>
       <span class="wa-heading-s">Web Development</span>
       <p class="wa-caption-m">If you don't like it, trade it to one of your friends for something of theirs. Don't send it here though.</p>
     </div>