Desktop Design

Mobile Design

Bookmark landing page

<h5 class="pt-6 text-xl font-semibold">Add to Chrome</h5>

<p class="pt-8 mb-5 text-xs tracking-widest text-center text-white uppercase lg:mb-10">35,000+ Already Joined</p>

<h2 class="mb-6 text-2xl font-semibold text-center text-white lg:px-7 md:text-3xl">Stay up-to-date with what we're doing</h2>

ce="next"><link rel="preload" href="/_next/static/chunks/webpack-760b7201e2dba451.js" as="script" fetchpriority="low"><scrip

d Mentor"><meta name="next-size-adjust"><scrip

href="/"><img alt="Logo" loading="lazy" width="200" height="80" decoding="async" data-nimg="1" style="color:transparent" src="/logo-bookmark-reg.svg"></a></

d:hidden"><img alt="Logo" loading="lazy" width="130" height="60" decoding="async" data-nimg="1" style="color:transparent" src="/logo-bookmark-reg.svg"></div>

ine-none"><img alt="menu" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" style="color:transparent" src="/icon-hamburger.svg"></div>

px] mt-1"><img alt="" loading="lazy" width="900" height="597" decoding="async" data-nimg="1" class="relative z-10 ml-2 overflow-x-visible lg:top-6 xl:top-0" style="color:transparent" src="/illustration-hero.svg"></div>

de-right"><img alt="" loading="lazy" width="750" height="450" decoding="async" data-nimg="1" class="z-40" style="color:transparent" src="/illustration-features-tab-1.svg"></div>

y-center"><img alt="Chrome" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="hover:animate-pulse animate-infinite" style="color:transparent" src="/logo-chrome.svg"></div>

-center "><img alt="Firefox" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="hover:animate-pulse animate-infinite" style="color:transparent" src="/logo-firefox.svg"></div>

y-center"><img alt="Opera" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="hover:animate-pulse animate-infinite" style="color:transparent" src="/logo-opera.svg"></div>

href="/"><img alt="" loading="lazy" width="150" height="80" decoding="async" data-nimg="1" class="" style="color:transparent" src="/logo-bookmark-inv.svg"></a><a

ndmentor"><img alt="Facebook" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="ficon" style="color:transparent" src="/icon-facebook.svg"></a><a

ndmentor"><img alt="Twitter" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="ficon" style="color:transparent" src="/icon-twitter.svg"></a></

The style-guide.md suggests:

Please log in to post a comment

Community feedback

NextJS, Tailwind, React Hook Forms, TailwindCSS animations

Solution retrospective

The style-guide.md suggests:

Please log in to post a comment

Community feedback

Join our Discord community