Loading Page - Copy this React, Tailwind Component to your project

Design a sleek and modern loading page for a Next.js application. The page should have a minimalist and professional aesthetic, optimized for performance and responsiveness. Use Tailwind CSS or styled components for styling. The layout should be centered both vertically and horizontally on all screen sizes. Include the following features: A subtle animated spinner or progress indicator (CSS based or SVG) A short loading message such as "Loading your dashboard..." below the spinner Optional branded logo or app name above the spinner Background should be clean (e.g., solid light/dark color or gradient) depending on theme Should handle light and dark modes if the app supports it Responsive design: center content on all screen sizes and support accessibility (e.g., ARIA labels) Should be implemented as a separate React component and easily reusable Consider adding skeleton loaders for page content if appropriate