Elevate your creative portfolio or agency website with this Modern Split Hero with Aurora Gradients. Inspired by the immersive aesthetics found on top-tier design galleries (like Awwwards), this widget combines a clean split-screen layout with atmospheric visual depth.

The design is anchored by a dark, cinematic background featuring two large, customizable radial blurred circles (often called "aurora" or "orb" gradients). These elements float behind the typography and overlay the hero image, creating a stunning sense of depth and dimensionality without requiring complex WebGL code.

The left column features a glassmorphism-style "Featured Project" badge, a massive headline, and a descriptive paragraph—all of which enter the screen with a smooth, staggered fade-up animation. The right column showcases your hero image, which subtly zooms in upon loading, adding a premium, kinetic feel to the first fold of your website.

Key Features:

• Atmospheric Depth: Features editable "Aurora" gradient orbs that blend behind the text and over the image for a 3D feel.
• Staggered Entrance Animations: Professional CSS keyframe animations reveal content sequentially
• Split-Screen Architecture: A timeless layout that balances visual storytelling (image) with clear value propositions (text).
• Fully Customizable: Easily change the background colors, gradient orb colors (e.g., to neon green, purple, or blue), and typography to match your brand guidelines.
• Mobile Optimized: The split layout stacks vertically on smaller screens, ensuring the gradient effects and readability remain intact on mobile devices.