Cross Platform Detection

const MOBILE_MAX_WIDTH = 768px;   // Mobile devices
const TABLET_MAX_WIDTH = 1024px;  // Tablet devices
> 1024px                         // Desktop devices

public/
  ├── pages/
  │   ├── home/
  │   │   ├── index.html   # Desktop version
  │   │   ├── mobile.html  # Mobile version
  │   │   └── tablet.html  # Tablet version
  │   └── about/
  │       ├── index.html
  │       ├── mobile.html
  │       └── tablet.html

// Device detection code
detectDeviceType() {
    const screenInfo = {
        width: window.innerWidth,
        height: window.innerHeight
    };

    let deviceType = "desktop";
    if (screenInfo.width <= 768) {
        deviceType = "mobile";
    } else if (screenInfo.width <= 1024) {
        deviceType = "tablet";
    }

    return {
        type: deviceType,
        screen: screenInfo
    };
}

{$deviceInfo}        // Informasi lengkap perangkat
{$isMobile}         // true jika perangkat mobile
{$isTablet}         // true jika perangkat tablet
{$isDesktop}        // true jika perangkat desktop
{$screenWidth}      // Lebar layar dalam pixel
{$screenHeight}     // Tinggi layar dalam pixel

{if $isMobile}
    
{elseif $isTablet}
    
{else}
    
{/if}

{if $screenWidth <= 768}
    
{/if}

    {if $isMobile}
        

            
        
    {else}
        

            
        
    {/if}

    

        {if $screenWidth <= 768}
            
        {else}
            
        {/if}