| /** | |
| * AuroraLayout — Wraps any app page with the premium aurora blob background. | |
| * Usage: <AuroraLayout><YourPageContent /></AuroraLayout> | |
| */ | |
| const AuroraLayout = ({ children, className = '' }) => ( | |
| <div className={`app-page ${className}`}> | |
| {/* Fixed aurora background layer */} | |
| <div className="app-page-bg"> | |
| <div className="grid-overlay" /> | |
| <div className="aurora-orb-bottom" /> | |
| <div className="aurora-orb-left" /> | |
| </div> | |
| {children} | |
| </div> | |
| ); | |
| export default AuroraLayout; | |