Proposal: Replace static homepage Hero with a dynamic scroller to showcase Drupal AI capabilities and improve conversion
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3561801. -->
Reported by: [beautifulmind](https://www.drupal.org/user/219482)
>>>
<p>[Tracker]<br>
<strong>Update Summary: </strong>[One-line status update for stakeholders]<br>
<strong>Check-in Date: </strong>MM/DD/YYYY<br>
<strong>Additional Collaborators: </strong><br>
<em>Metadata is used by the <a href="https://www.drupalstarforge.ai/" title="AI Tracker">AI Tracker.</a> Docs and additional fields <a href="https://www.drupalstarforge.ai/ai-dashboard/docs" title="AI Issue Tracker Documentation">here</a>.</em><br>
[/Tracker]</p>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>Currently, the "above-the-fold" Hero section of the Drupal.org homepage features a static message. While functional, this static approach is a passive user experience that fails to fully utilize the most valuable real estate on the site.</p>
<p>In the current tech landscape, AI is the primary driver of enterprise adoption and platform selection. By keeping the hero section static, we are missing a critical opportunity to immediately position Drupal as a leader in the AI space. A static message does not effectively convey the breadth of innovation happening within the ecosystem (specifically regarding Starshot, AI Agents, and the new Industry Pages) and likely results in lower click-through rates (CTR) and conversion.</p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>I propose replacing the current static Hero text with a dynamic slideshow/scroller dedicated to promoting the Drupal AI industry pages.</p>
<p>This section should feature rotating highlights that showcase:</p>
<ol>
<li>AI Agents & RAG: How Drupal manages complex AI workflows.</li>
<li>Drupal Starshot: The new standard for rapid, AI-assisted site building.</li>
<li>Enterprise AI Security: Positioning Drupal as the safe choice for open-source AI.</li>
</ol>
<h4 id="strategic-benefits">Strategic Benefits</h4>
<ul>
<li>Improved Conversion: Dynamic movement (when done correctly) captures user attention faster than static text, encouraging visitors to explore specific verticals rather than bouncing.</li>
<li>Modern Perception: A Hero scroller signaling "AI-First" immediately modernizes the brand perception of Drupal for CTOs and decision-makers landing on the site.</li>
<li>Information Density: It allows us to communicate multiple value propositions (Ease of use, Power, AI integration) without cluttering the UI, solving the problem of which single message to prioritize.</li>
</ul>
<h4 id="ui-ux-suggestions">UI/UX Suggestions</h4>
<ul>
<li>The scroller should be lightweight and accessible (pausable by the user).</li>
<li>Each slide must have a clear, high-contrast Call to Action (CTA) linking directly to the relevant Industry Page.</li>
<li>Visuals should align with the new branding guidelines, utilizing distinct iconography for the AI initiatives.</li>
</ul>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<ul>
<li>[ ] Design mockups for the AI Scroller.</li>
<li>[ ] Agreement on the top 3-4 specific AI pages to highlight.</li>
<li>[ ] Implementation and A/B testing against the current static version.</li>
</ul>
issue