Create a complete, responsive Hero named SolaceHero for a calm productivity product. Follow the current project's framework and styling conventions. Use the supplied Ldk video only as inspiration for depth, soft light and floating interface layers; create an original composition, brand and copy.

Use an ivory canvas and a restrained masthead for Solace. Place the headline “A little space. A clearer mind.” and a concise introduction on the left, with a rounded “Find your rhythm” action. On the right, create a large luminous pearl with layered cool-blue, lilac and peach highlights. Give it a gentle breathing rhythm and small pointer-responsive tilt. Arrange three original functional cards around it: a focus session timer, a week of progress marks, and a short daily intention. Avoid copying the reference's labels, exact placement, branding or form.

The primary action starts a two-minute focus session. Allow the user to change the intention and mark small wins in the weekly progress card. Maintain keyboard support, visible focus and an accessible timer announcement only at session start/end. Keep readable content independent of decorative visuals. Use a single visibility-aware animation clock, no per-frame React state, transform-only parallax, reduced-motion support and complete cleanup. Stack the composition on mobile with no horizontal overflow. Expose brandName, title, subtitle, ctaText, onCtaClick and className props. Implement the entire section, not a static screenshot.