This is an online casino web application developed using CakePHP 2, AngularJS 1.7.8, and vanilla JavaScript. The main landing page should visually and functionally align with https://shuffle.com. Core UI Components 1. Main Carousel Slider (Hero Section) Positioned at the top of the landing page Implemented as a responsive, multi-item carousel Slide behavior by viewport width: ≥ 1200px: 3 items (banners/images) per slide 768px – 1199px: 2 items per slide < 768px: 1 item per slide The total number of carousel items is dynamic and provided at runtime Must support responsive recalculation on window resize 2. Game Sliders Multiple horizontal sliders displaying game tiles Number of visible items must scale based on viewport size Total number of items per slider is fixed at 12 or 20, depending on configuration Sliders must support smooth scrolling, touch interaction, and responsive breakpoints Data & Integration All slider content is populated via AngularJS scope variables No hardcoded data in templates Components must support asynchronous data loading Implementation Notes Acceptable carousel implementations include: Angular Slick Slider Owl Carousel A custom-built AngularJS-compatible solution Implementation must be compatible with AngularJS 1.7.8 and CakePHP 2 rendering flow Code should be modular, maintainable, and performance-optimized Additional technical requirements and assets will be provided at project kickoff.