js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated incentive images

Browse Source
This commit is contained in:
Kelsey Jackson
2025-03-05 16:37:49 -06:00
parent e12be798b8
commit dc30ed8503
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
docs/docs/patterns/ecommerce-incentives.md
View File

@@ -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>