feat: add ease-pricing-table component — interactive pricing comparison cards

[Pcmhacker-piro]

Closes #1166

---

Pull Request Description

Interactive pricing comparison cards for showcasing subscription plans side-by-side. Supports Starter/Pro/Enterprise patterns with feature lists and CTA buttons.

---

Type of Change

• ✨ New animation / hover effect
• 🧩 New component
• 📝 Documentation improvement
• 🐛 Bug fix in an existing submission
• Other (describe below)

---

Submission Checklist

• All changes are inside submissions/examples/ease-pricing-table/
• Includes demo.html — self-contained, opens in browser with no server
• Includes style.css — raw CSS for the proposed feature
• Includes README.md — what it does, how to use it, why it fits EaseMotion CSS
• No changes to core/
• No changes to components/
• One feature per PR (no bundled unrelated changes)

---

Feature Description

What does this add?

A responsive pricing comparison table with card-style plans, featured highlight, badge, feature check/cross icons, and multiple CTA button styles.

How does a developer use it?

<div class="ease-pricing-table">
  <div class="ease-pricing-card">
    <h2 class="ease-pricing-name">Starter</h2>
    <div class="ease-pricing-price">$9 <span class="ease-pricing-period">/month</span></div>
    <ul class="ease-pricing-features">
      <li>5 Projects</li>
      <li class="na">Advanced Analytics</li>
    </ul>
    <button class="ease-pricing-btn ease-pricing-btn--primary">Get Started</button>
  </div>
  <!-- featured card -->
  <div class="ease-pricing-card featured">
    <span class="ease-pricing-badge">Most Popular</span>
    ...
  </div>
</div>
Why does it fit EaseMotion CSS?
Pricing tables are a common SaaS UI pattern. The component uses existing design tokens, hover lift animations, and follows the framework's "write UI like you describe it in English" philosophy.
Demo
- Demo added (demo.html works by opening directly in a browser)
Browser Testing
- Chrome
- Firefox
- Edge
- Safari (optional but appreciated)
Notes for Maintainer
Feature check/cross icons use CSS mask with inline SVG data URIs — no external icon library required. Add class="na" to any feature <li> to show a cross instead of a checkmark. Cards use flex: 1 with min-width: 260px for responsive stacking.

[github-actions]

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/ease-pricing-table

Files found:

• ✅ demo.html
• ✅ style.css
• ✅ README.md

🚀 Next Steps:

• The maintainer will review your PR
• Respond to any feedback if requested
• Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

[Pcmhacker-piro]

heyy @SAPTARSHI-coder
i fixed the assign issue so pls check this