So we have a huge app that is supposed to run on desktop and widescreen devices however when somebody connects through a mobile/tablet device or small desktop window (600px and under), we want to display a landing page to urge the user to download the mobile app, Discord are using this same technique.

How to make it so on mobile view the app won't load all those npm packages used on the web version knowing that the landing page is almost all in html and css with so little JavaScript.

Here is what I'm doing using tailwind

<Gate>
<WebApp className="hidden lg:block">
...
</Webapp>
<MobileApp className="block lg:hidden">
....
</MobileApp>
</Gate>

What is a better approach ?
Thank you