Паралакс и Дълбочина

Design a landing page with layered parallax depth: 3-5 visual layers (background atmosphere, mid decorative shapes, foreground content) that move at different speeds: background 0.2x, midground 0.5x, foreground 1x: on both scroll and subtle mouse movement (max 10-15px translation, eased with 0.1 lerp). Add depth cues: blur on far layers, scale on near ones, soft shadows between planes. Content cards tilt 2-4 degrees toward the cursor. Always respect prefers-reduced-motion with a static fallback. Avoid: motion sickness territory (large fast movements), parallax on text blocks, more than 5 layers. Build an original, complete composition around the actual business and its visitor task. Use the live demonstration as a visual reference, not a universal section template. Lead with specific objects, useful content and appropriate photography. Use supplied real project imagery; label fictional concepts and generated imagery honestly. Never invent clients, testimonials, awards, usage counts or results. Give every visible control a useful outcome and an accessible name. Use deliberate motion for spatial relationships and state changes; support keyboard, touch and prefers-reduced-motion. Verify desktop and mobile layouts, image loading, contrast and form states. Avoid generic AI slogans, rhetorical em dashes, arbitrary decorative badges and repetitive three-card sections.