Gameplay Mobile View

[ArjunQBTech]

Description

Added Different Component for Mobile View for GamePlayMechanics with GSAP Animation.

• What does this PR do?
• Include New Mobile View Component
• Add Lazy Imports to both Desktop and Mobile view in Landing Page
• Use GSAP For Animation.
• Some error faced while resizing window
• Why is it needed?
  For Figma File

Screenshots

Include screenshots for both desktop and mobile versions.

Desktop:

Mobile:

Approach

Briefly explain the approach taken to implement the changes.

• How did you solve the problem?
  Using GSAP's Timeline and ScrollTrigger
• Any particular design patterns or optimizations?
  Optimization made in Lazy Importing Components as a lot of animation was going on.

Issue Number (if any)

Link to the issue this PR addresses, if applicable:

Fixes #[issue_number]
N/A

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have checked my code and corrected any misspellings