How To Create A STUNNING SaaS Landing Page With ReactJS

Here is the GitHub repo with everything needed to follow along with today's tutorial:

Here is the Figma Design file:

Here is the Web Designer Behind This Landing Page:

Hello Coders!

Todays tutorial involves the creation of a SaaS landing page, SmartNotes, using HTML, CSS, JS and ReactJS. This tutorial is designed to help those who want to develop their frontend skills, React skills, web design implementation skills, and more!

If you enjoyed todays tutorial make sure to leave a like and subscribe, more fun projects to come in the future!

And don't forget, leave ideas for future projects in the comment section below!

Timecodes
0:00 - Intro
01:16 - Fonts, Assets & File Structure
11:50 - Style Guide & Font Classes
20:08 - Component Layout
31:24 - Page & Navigation
59:48 - Hero
01:25:02 - Logos
01:42:45 - Testimonial
01:56:06 - Features
02:32:11 - Video
02:50:35 - Pricing
03:25:51 - Pricing Tile
04:13:51 - FAQ Accordion
04:59:43 - CTA
05:17:27 - Footer
05:55:12 - Outro


Follow my socials for updates:

Twitter:

Instagram:

LinkedIn:

And enjoy the rest of your day :)

[Zee]

The font-size/font-weight mixup gave me a good laugh. Solid tutorial though I like the way you explain what you're doing.

[VijayTadepalli-io]

Dude the site looks amazing, where have you been all these years

[mrcodercodes]

Hey nice video, Like your taste in UI/UX . Can you create more such tutorial but with tailwind and more with the gradient and clean looking UI. Thanks and keep making such videos :)

[vatansrivastava]

Animations are missing from the site.. use framer motion for next saas landing page.

[KimJune-xs]

I just learn css and html and i am trying to merge everything to tailwind like others comments said . I have trouble check the classname back and for but with tailwind its much easier cause everything is on the same page hopefully you van do more project with tailwind instead thanks a lot

[CoIdestMoments]

not using tailwind with react in 2024 should be criminal

[SacheeKatre]

I am total beginner, can you make a total beginner video