Workit landing page using React, styled components, grids

What are you most proud of, and what would you do differently next time?

I am happy that I am able to create the curved section

In the following code snippet, I have created an by defining the path with notations like moving a point, created the curve and drawing the lines. The `.curved-effect` class in my css uses the id defined in the. This ultimately helped create the curved section.

.curved-effect {
  width: 100%;
  height: 3.875rem; // 62px
  clip-path: url("#clipped-path");
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  transform: translateY(0.0625rem);
}

What challenges did you encounter, and how did you overcome them?

1. I faced challenges creating the curved section. I delved deeper into the workings of `` and referred to the following resource for inspiration: Coding a curved carousel

2. I faced an issue where in my MacOS's Firefox, the focus was not working as expected. There are some configurations that need to be done for the focus to work according to the following resource: Stackoverflow: How to allow keyboard focus of links in firefox

What specific areas of your project would you like help with?

I do not have any doubts so far. I am always open to feedback on any aspect of my code. Looking forward to your responses.