Implement designs for Feature component within Olivero for XB
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3497387. -->
Reported by: [ckrina](https://www.drupal.org/user/1206650)
Related to !372
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>Designs have been finished in <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/drupal_cms/-/work_items/3497384" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/drupal_cms/-/work_items/3497384</a></span>.</p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>Implement the designs, <a href="https://www.figma.com/design/1Low70FfJYvRgaIbxrXocD/Olivero-XB-components?node-id=1-3697&t=DDoLnPboTXPXiQcp-1">Figma link</a>.</p>
<p>The compoent fields are:</p>
<ul>
<li>Featured image</li>
<li>Title / Headline (mandatory)</li>
<li>Subtitle / Tagline</li>
<li>Tags</li>
<li>CTA</li>
</ul>
<p><img src="https://www.drupal.org/files/issues/2025-01-04/feature-designs_1.png" alt=""></p>
<h3>How to test</h3>
<ol>
<li>Install Experience Builder (be sure you're synced up with 1.x; if not, do that and run <code>ddev rebuild</code>): <code>ddev drush -y en default_content experience_builder</code></li>
<li>Manually test by visiting <a href="https://drupal-cms-dev.ddev.site/xb/xb_page/1">/xb/xb_page/1</a>.</li>
</ol>
> Related issue: [Issue #3484161](https://www.drupal.org/node/3484161)
issue