> ## Documentation Index
> Fetch the complete documentation index at: https://help-empuls.xoxoday.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Demo Video Library

> Step-by-step video guides covering every major feature of the Empuls platform

Browse hands-on demo videos organized by feature area. Click **View Steps** under any video for a detailed walkthrough.

***

## Recognition

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/Bv9ahKWqn" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Recognise Your Peers & Team Members</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>A complete walkthrough of peer-to-peer recognition workflows on Empuls.</p>
    <a href="/demo-library/recognize-peers" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/kesrQrhEa" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>How to Recognise on Empuls</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Learn how to send recognitions and appreciation to your team members on Empuls.</p>
    <a href="/demo-library/how-to-recognise" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/BlrbJDfBQ" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Smart Recognition</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Use AI-powered smart recognition to reduce bias and improve appreciation.</p>
    <a href="/demo-library/smart-recognition" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/rjVQqEc2I" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>AI-Written Appreciation</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Pick a tone and let AI write the perfect award message instantly.</p>
    <a href="/demo-library/ai-recognition-messages" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Awards & Nominations

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/r6YLgjBk8" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Awards & Core Values Setup</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Set up spot awards, approval-based awards, jury awards, and core values.</p>
    <a href="/demo-library/awards-core-values" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/mBqEPpEc8" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Bulk Nomination Approval & Management</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Approve, decline, and transfer multiple nominations at once.</p>
    <a href="/demo-library/bulk-nominations" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/GI4AYTuZA" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Scheduled Award Reveal</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Hold award posts and points, then reveal all winners at a scheduled time.</p>
    <a href="/demo-library/scheduled-award-reveal" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Rewards & Campaigns

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/0I6o4JQEl" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Set Up Reward Campaigns</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Create and launch structured reward campaigns to drive engagement.</p>
    <a href="/demo-library/reward-campaigns" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/boJHyYCKd" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Manual & Automated Gifts</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Set up one-time manual gifts and automated gift workflows.</p>
    <a href="/demo-library/manual-automated-gifts" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Budget & Wallets

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/DrlzDNgo7" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Budget Creation & Management</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Create and distribute budgets — manually or automated — across teams.</p>
    <a href="/demo-library/budget-management" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/AYPD5SAKD" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Managing Multiple Wallets</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Create wallets, assign owners, and map criteria for fund allocation.</p>
    <a href="/demo-library/multiple-wallets" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/oDVovCMlp" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Cost of Living Factor</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Configure fair, location-aware point-to-currency conversion for global teams.</p>
    <a href="/demo-library/cost-of-living" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Redemption

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/xezy4mfdU" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Redeeming Points on Empuls</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Learn how employees redeem earned points across hundreds of reward options.</p>
    <a href="/demo-library/redeem-points" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/ZD4nraJmz" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Redeem Gift Vouchers on Perkstore</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Redeem exclusive deals and gift vouchers through the Empuls Perkstore.</p>
    <a href="/demo-library/redeem-gift-vouchers" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Leaderboards & Challenges

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/FEC6tp1rT" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Custom Leaderboards</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Create and manage custom leaderboards and milestone-based awards.</p>
    <a href="/demo-library/custom-leaderboards" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/Tf2K3auRL" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Fitness Challenges</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Set up and run fitness challenges to promote employee wellbeing.</p>
    <a href="/demo-library/fitness-challenges" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Reports & Analytics

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/48ISt7raQ" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Platform Reports Management</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Navigate recognition, budget, redemption, gift, and raw reports.</p>
    <a href="/demo-library/platform-reports" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/5cJDAMw2d" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Create & Share Custom Reports</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Build custom reports and share insights with stakeholders.</p>
    <a href="/demo-library/custom-reports" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/0qAJiLpFL" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Recognition Impact Report</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Correlate recognition activity with Glassdoor ratings month over month.</p>
    <a href="/demo-library/recognition-impact-report" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/OOhMaDk50" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Transaction Audit Report</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Download all point credits, redemptions, and expirations in one file.</p>
    <a href="/demo-library/transaction-audit-report" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Employee Management

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/RLkObjjWw" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Adding, Editing & Access Control</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Add employees via CSV or HRMS, edit profiles, and manage access controls.</p>
    <a href="/demo-library/employee-management" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Platform Setup & Customization

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/XL2g52vqg" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Platform Branding & Customization</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Customise Empuls with your brand identity, colors, logos, and homepage layout.</p>
    <a href="/demo-library/platform-branding" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/w0LCvas2v" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Shop Category Management</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Add in-house products and manage gift card availability in the store.</p>
    <a href="/demo-library/shop-management" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/eFDru2yd3" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Configuring Custom Notifications</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Tune channel, timing, and content for each notification touchpoint.</p>
    <a href="/demo-library/custom-notifications" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Integrations

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/kywwHV2CG" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Microsoft Teams Integration</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Enable recognition and rewards directly within Microsoft Teams.</p>
    <a href="/demo-library/microsoft-teams" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/rOqNfH3yI" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Slack Integration</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Recognise teammates and manage rewards without leaving Slack.</p>
    <a href="/demo-library/slack-integration" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/lJM6rBlza" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Recognition in Google Chat</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Get recognition and milestone alerts directly inside Google Chat.</p>
    <a href="/demo-library/google-chat-recognition" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Sales Incentives

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://www.youtube.com/embed/SN2qu5Ujzpc?rel=0" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allow="autoplay; fullscreen; picture-in-picture; encrypted-media" allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Xoxoday Compass — Admin & User Walkthrough</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>A complete tour of the Compass admin console and mobile app for sales incentives and commissions automation.</p>
    <a href="/demo-library/compass-overview" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://www.youtube.com/embed/yDZpT6fMHdg?rel=0" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allow="autoplay; fullscreen; picture-in-picture; encrypted-media" allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>User Data, Integrations & Connections</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Upload user and sales data, then join them into a single view using Compass connections.</p>
    <a href="/demo-library/compass-data-integrations" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://www.youtube.com/embed/ciHxs7u9AsE?rel=0" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allow="autoplay; fullscreen; picture-in-picture; encrypted-media" allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Creating Plans & Metrics</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Turn a connection into a metric and wrap it in a milestone plan with dynamic rewards.</p>
    <a href="/demo-library/compass-plans-metrics" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://www.youtube.com/embed/FtN3wPK-J2o?rel=0" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allow="autoplay; fullscreen; picture-in-picture; encrypted-media" allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Groups, Reports & Escalations</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Communicate via groups, track account activity in reports, and resolve user-raised escalations.</p>
    <a href="/demo-library/compass-groups-reports" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://www.youtube.com/embed/lJzN6xKsAss?rel=0" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allow="autoplay; fullscreen; picture-in-picture; encrypted-media" allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Complete Admin Walkthrough</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>End-to-end tour of the Compass admin console — users, data, metrics, plans, approvals, and dashboards.</p>
    <a href="/demo-library/compass-admin-walkthrough" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>

  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://www.youtube.com/embed/AWL4YFNuizs?rel=0" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allow="autoplay; fullscreen; picture-in-picture; encrypted-media" allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Complete End User Walkthrough</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>The Compass end-user experience across web and mobile — dashboards, plans, earnings, and more.</p>
    <a href="/demo-library/compass-user-walkthrough" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>

***

## Surveys & Feedback

<div style={{display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '32px', marginTop: '24px'}}>
  <div>
    <div style={{borderRadius: '12px', overflow: 'hidden', boxShadow: '0 4px 12px rgba(0,0,0,0.08)', border: '1px solid rgba(0,0,0,0.06)'}}>
      <iframe src="https://app.trupeer.ai/embed/k7fbh9Pg1" width="100%" style={{aspectRatio: '16/9', display: 'block', border: 'none'}} allowFullScreen />
    </div>

    <p style={{marginTop: '10px', fontWeight: '600', fontSize: '15px'}}>Mood-O-Meter Email & Sentiment</p>
    <p style={{color: 'gray', fontSize: '14px', marginTop: '4px'}}>Respond from your inbox; AI surfaces the themes behind every score.</p>
    <a href="/demo-library/mood-o-meter" style={{fontSize: '13px', color: '#0A51E8', fontWeight: '500', display: 'inline-flex', alignItems: 'center', gap: '4px', marginTop: '6px'}}>View Steps →</a>
  </div>
</div>