meilisearch / landing Goto Github PK

First of all, I'm sorry and fully aware this is super unlikely to happen to actual users.

If I:

1. load the site on a desktop breakpoint
2. for some reason resize it in order to trigger the mobile layout
3. open the hamburger menu
4. return browser window to desktop size, the mobile menu does not close

Seen on FF 96.0.1, MacOS.

Make a public version of the milestone document (private) in English. Add a section at https://github.com/meilisearch/devrel/blob/main/assets/README.md

Ideally, I would need it before the EOW, so we can share with the company which will do our rebranding.

In the mockups, the title doesn't correspond with their html tags. For example, the h2 is a h3, the h3 is a h4, etc. We also have multiple h1 in the mockups.
We have to standardize it.

https://reakit.io/docs/menu/

Replace with "See all integrations"

We have decided to release this new landing page in several iterations. This issue is about only the main page of the new marketing website. We will release later several new pages as a pricing page, a developer center, use-cases pages, etc.

Essential components and blocks

Components

• #2
• #4
• #10
• #16
• #19
• #21
• #22
• #26
• #28
• #31
• #45

Blocks

• #5
• #6
• #7
• #8
• #11
• #12
• #13
• #14
• #18
• #24

Misc

• #49
• #73

Other secondary blocks

Components

• #15

Blocks

• #17
• #23

Misc

• #81
• #161

Animations and fancy additions

TBD

As seen in the screenshot, there is huge space between the nav bar and text.
This is more prevalent on 13 inch devices ( Macbook and Windows laptop ). This causes the animation to not show up completely.

Replace the favicon with the new logo

This might be an intentional design choice and not an issue, but I believe the caret in dropdown buttons tends to indicate the action triggered by clicking the button.

So, if a menu is closed, the caret arrow is pointing down to signal clicking on it will expand the menu downwards. In the same way, if the menu is open, the caret arrow points up to indicate clicking will collapse the menu upwards.

I couldn't find a lot of discussion on the matter, but the Nielsen group seems to favour that logic:

We do the opposite of that:

Create the project's color theme

Tests should be added to be sure that nothing is broken when editing the landing.

• Home Page
• Pricing Page
• 404 page

Some icons are badly exported. We have to replace them with the correct export.

Add script to transform svg into jsx components

Some focus / hover states are missing. We're waiting for the designs

By opening the Header in mobile, the breakpoints have been mixed.
We should fix it.

The text should appear below the icon

Update the blocks with the new tablet breakpoint

Ressources should be Resources ☺️