Landing Page Layout according to Figma design

Theme: Plinko

The animation of how the Plinko ball should fall and all the special effects can be viewed at this link (it needs to be done exactly):

https://demo.bgaming-network.com/games/Plinko/FUN?play_token=eb9e92d1-81d3-491c-9318-7a389f7dfc28

- After clicking the "Spin" button, the ball starts to fall from the top, hits the pillars, and always lands in the same cell with the maximum bonus (the number at the bottom).

- A visual effect (shaking) of the cell when the ball lands in it. 

- Pink circles (motion trails) follow the ball.

- The pillars that the ball hits are highlighted in pink. 

- The "Spin" button is active (increases/decreases) when the cursor hovers over it, changing the color of the "rim" and the "ball with a dashed line" to orange. After clicking the button, the ball starts to fall.

- After the ball lands in the cell, a Popup "CONGRATULATIONS!" appears.

- After clicking the "Grab" button, it redirects to the link. 

<a href="{offer}">REPLACE</a>

- The images on the landing pages are interactive, alive (move slightly left/right, increase/decrease).

- Responsiveness for all mobile devices.

- The text on the landing page is automatically translated based on the device's language. The output should be a file where translations for different languages can be added. An example file is attached.

Figma Design

https://www.figma.com/design/sQNNGv4iYqPvRXnmI1M4Wx/For-develop?node-id=0-1&t=9zJDZ9B5vdmUPWd9-1

In Figma, there are initially 2 landing pages; let's do 1 first, look at it, and then the second. The first one we are doing is the one with the triangle.