Planner Design Implementation

[shivang-16]

Issue:
The current landing page lacks a visual and interactive design for the Planner Plan feature, making it difficult for users to understand how it works. This issue aims to address that gap by implementing the Planner design.

Description:
Implement the Planner design as demonstrated in the attached video. The goal is to create a responsive, user-friendly layout. Ensure that the design adheres to the visual and functional guidelines shown in the video.

UI Design and Resources (Web and Mobile): All design resources are available in the Framer project: Framer Project Link. Explore the project to understand the design, and refer to the specific sections highlighted in the video. You can also use the code for components from Framer as a reference.

Reference Video:

https://github.com/user-attachments/assets/c72c0c7d-e019-493b-bfbe-323d3f422548

In the video, you can see how the design is expected to work. By clicking the "Dive into Planner" button, a sliding window should open with a detailed explanation of the planner.

Note:
The buttons for this feature are already present in the code (currently commented out with a different UI). Please use the existing buttons with that design only.

Additional Context:
The attached video provides a detailed walkthrough of the Planner Plan feature. It should help guide you through the required design and interactions. For any questions or clarifications, feel free to leave a comment.

[vivek-bandi]

Hey I want to work on this , but where i can get those images?

[shivang-16]

is it not accessible throught framer link? ===> Framer Project Link.

[vivek-bandi]

I am not able to export the images from framer

[Rohit-Singh-Rawat]

Did u get them ?

[vivek-bandi]

Yeah , I saved the images from => framer