تبدیل لایت باکس گالری به نسخه React Modal برای Headless

سلام وقتتون بخیر، ما یک گالری تصاویر داریم که با لایت‌باکس (Lightbox) کار می‌کند، اما می‌خواهیم آن را به یک مُدال React سازگار با معماری Headless (بدون وابستگی به کتابخانه‌های UI خاص) تبدیل کنیم. هدف این پروژه، بازنویسی کامپوننت گالری با استفاده از React Portals و کدنویسی ماژولار است تا قابلیت‌هایی مانند زوم، اسلاید و دکمه‌های ناوش را داشته باشد. مهم‌ترین نیاز ماسازگاری با سیستم‌های مدیریت محتوای Headless (مثل Strapi یا WordPress REST API) و بهینه‌سازی عملکرد است. انتظار داریم خروجی کاملاً ریسپانسیو و قابل شخصی‌سازی از طریق props باشد. اگر تجربه مشابهی در این زمینه دارید، لطفاً پیشنهاد خود را همراه با نمونه کار ارسال کنید. با تشکر!