Add callout quote component
>>> [!note] Issue information
<!-- Drupal.org comment -->
<!-- Migrated from issue #3561492. -->
From user: [gábor hojtsy](https://www.drupal.org/user/4166)
[Contribution record](https://www.drupal.org/contribution-record?source_link=https://git.drupalcode.org/project/drupalorg_drupalcon_theme/-/issues/3561492)
[Fork management](https://www.drupal.org/drupalorg/issue-fork/management?source_link=https://git.drupalcode.org/project/drupalorg_drupalcon_theme/-/issues/3561492)
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>The existing testimonial component does not match quite well with the current site look. I added these pull quotes from people in Vienna, Nara and Chicago. But I'm using an existing <strong>text</strong> component <strong>with a light background</strong> and full HTML :) </p>
<hr>
<img src="https://www.drupal.org/files/issues/2025-12-04/Screenshot%202025-12-04%20at%2015.49.36.png">
<hr>
<p>On mobile size it looks like this (IMHO looks good):</p>
<hr>
<img src="https://www.drupal.org/files/issues/2025-12-04/Screenshot%202025-12-04%20at%2015.53.09.png">
<hr>
<p>The HTML code I enter in a full HTML text component for this pull quote is:</p>
<pre><p style="font-size:2.5em;line-height:1.1em;margin-top:1em;"><br> <em>"Every year DrupalCon brings the best kind of magic — brilliant talks, big ideas, and the buzz of the Drupal community." - Sarah Ferrara</em><br></p></pre><h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>Agree if this should be a new component or some other kind of solution. The design was not vetted either, I just used what felt right, and IMHO it looks good on desktop and mobile. </p>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<h3 id="summary-ui-changes">User interface changes</h3>
<h3 id="summary-api-changes">API changes</h3>
<h3 id="summary-data-model-changes">Data model changes</h3>
issue