עיצוב גלגל טעינה

Act as a Senior Frontend Developer and Lead UI/UX Designer. I need to replace the standard loading spinner currently in App.jsx with a custom, premium loading animation that runs for 2-3 seconds upon initial site entry.
​Please analyze the existing design system of the website and provide a complete UI/UX specification along with the exact React code. The new loader must perfectly match the site's branding—utilizing our specific color palette, geometric shapes, and core UI components.
​Key Requirements:
​Design Quality: High-end, modern, and uniquely tailored to the project (strictly avoid any generic or 'AI-slop' aesthetics).
​Performance: The animation must be extremely lightweight, highly optimized, and run completely smooth without any lag.
​Integration: Provide the clean, production-ready code to seamlessly implement this directly into App.jsx.
​Please output the complete specification and the full code in one comprehensive response.