docs: website design uplift

[webrdaniel]

Changes:

• navigation header (different on index page and javascript pages)
• footer
• search modal
• new index page
• new /js page

Note:
It is not possible to navigate to the /python page when running localy as it lives in different repo.

TODO:
I have not found which links to use for the buttons on the landing page and header, so I just used some that make sense to me. But please check if they are really correct.

Figma design files are here

Content file: https://www.notion.so/apify/Crawlee-homepage-value-props-12af39950a2280d29d20edb080b2ece9?pvs=4

[diodames]

Hey, great work!
Few things. The code snippet horizontal scroll seems unnecessary (attached screenshot).

On the /Javascript page the code snippet of the benefits seems the spacing of the elements inside is a bit too much.

Probably similar issue below it (attached), can we not have it scrollable maybe so the code fits the text area?

[diodames]

One more thing that I noticed, it seems like when I click on the menu it's hard to read the text (attached) screenshot, not sure why I see it that way. Specifically the /Javascript and /Python

[webrdaniel]

Updated the code blocks by decreasing the paddings and spacings.
Unfortunetely those does not support wrapping the text to the next line to prevent the scrolling.
We can add some custom css but it wont look good because of the various indents.

[katzino]

Logo dropdown jumps during initial page laod

Screen.Recording.2025-03-07.at.13.16.47.mov

[katzino]

Those circles get shrunk by 2px

Screen.Recording.2025-03-07.at.13.19.59.mov

[katzino]

This shouldn't be full width button

[rezaczu]

Found 2 nits so far 🤓

1. Sometimes when I return to the Crawlee homepage, the content is misaligned and it takes a while for it to load (probably because of the animation at the bottom?)

Screen.Recording.2025-03-07.at.14.48.06.mov

2. Clicking on the Crawlee dropdown scrolls me to the top of the current page. I think it should not do that. 🙈 Also if you try to open a page you are already on, the dropdown stays open, I think it would be handy to just close it, but maybe scroll to the top? 🧹

Screen.Recording.2025-03-07.at.14.53.18.mov

Nothing seems too broken though! 😁

[webrdaniel]

@rezaczu did some fixes. It would be quite hard to do the closing menu if clicking on the item you are currently on, so I left that is it is.

[katzino]

super nit, but there is an inconsistency in how boolean value is highlighted 🧐

[B4nan]

regarding this particular example, nowadays you can as well use string literals instead of the enum values to make it less wide

fingerprintOptions: {
    fingerprintGeneratorOptions: {
        operatingSystems: ['windows'],
        browsers: ['chrome'],
        devices: ['desktop'],
    },
},