dunky11

It also has a github: https://github.com/dunky11/react-saas-template

I would change the footer of your website. The yellow background / white text combination is really hard on the eye. I would switch to a lighter shade of yellow for the background and black text instead.

Just a detail on styling. The white text/ black background combination is kind of hard on the eye since it's too much contrast. I would use a lighter shade of black for the background. Something like #0f0f0f would work.

Wish you good luck, the website looks clean, the product idea is good:) You request an image however which width is 3000+ pixels: https://s.datasaur.ai/static/media/homepage-hero.4917b8af.pn... . 1200px in width should be enough, I would resize the image, it slows down the page.

On smaller viewports the footer has a left and right margin of 15px. I would drop that and always make the footer fill 100% of the width.

Or maybe just drop the background effect on hover and add the underline effect to the mobile navigation on hover.

I think you have problems with the mobile navigation now :) The hover effect makes the background white, however the text is now white too. I would do somethink like: .navigation:hover { border: 2px solid white; margin: -2px; } And tweak the border-radius/border-color a little bit maybe. The hover effect on the non mobile navigation is fine.

Also the buttons at the top inside the navgation (HOW IT WORKS, PRICING, DOCS, SIGN IN) have too little contrast with the blue background. There are white but have an opacity of 0.6. Set the opacity to 1 and they look much better. Add maybe a border effect on hover.

At the subscription plans you have a weird looking outer border which wraps the four plans. I would just drop it, looks much better without it.

The website is really slow. You got images which are 3700px in width and 1.2mb large on the landing page. You should resize them to the width you really need, probably 1000px in width max. Use .png for images which are transparent and .jpg for images which are not. Also don't forget to compress them. Google Chromes Lighthouse shows an optimization of 16seconds on 4G mobile by resizing/compressing images alone.