
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>GeraiBisnis</title>
    <meta name="description" content="GeraiBisnis.com adalah platform untuk membuat toko online dan portofolio digital secara instan. Setiap member mendapatkan URL unik geraibisnis.com/nama dengan pilihan template modern untuk UMKM, freelancer, dan profesional." />
    <link rel="shortcut icon" type="image/x-icon" href="https://geraibisnis.com/upload/1_fotoprofil.jpg" />
    <meta property="og:title" content="GeraiBisnis"/>
    <meta property="og:description" content="GeraiBisnis.com adalah platform untuk membuat toko online dan portofolio digital secara instan. Setiap member mendapatkan URL unik geraibisnis.com/nama dengan pilihan template modern untuk UMKM, freelancer, dan profesional."/>
    <meta property="og:url" content="http://www.geraibisnis.com/feed"/>
    <meta property="og:image" content="https://geraibisnis.com/img/geraibisnis.png" />
    <meta property="og:type" content="website" />
    <meta name="keywords" content="GeraiBisnis, toko online gratis, portofolio digital, website UMKM, profil bisnis online, website gratis, buat toko online, Gerai Bisnis, profil usaha, website portofolio">
    
    <!-- PWA Dynamic Manifest -->
    <link rel="manifest" href="/dynamic-manifest.php">

    <!-- PWA Meta Tags -->
    <meta name="application-name" content="GeraiBisnis">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="GeraiBisnis">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="msapplication-TileColor" content="#2e7d32">
    <meta name="theme-color" content="#2e7d32">

    <!-- Dynamic Apple Touch Icons -->
    <link rel="apple-touch-icon" href="https://geraibisnis.com/upload/1_fotoprofil.jpg">
    <link rel="apple-touch-icon" sizes="152x152" href="https://geraibisnis.com/upload/1_fotoprofil.jpg">
    <link rel="apple-touch-icon" sizes="180x180" href="https://geraibisnis.com/upload/1_fotoprofil.jpg">

    <!-- PWA Styles -->
    <link rel="stylesheet" href="/pwa-styles.css">

    <!-- Bootstrap Core CSS -->
    <link href="https://geraibisnis.com/bootstrap-5.3.3/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://geraibisnis.com/fontawesome/css/fontawesome.min.css" rel="stylesheet" />
    <link href="https://geraibisnis.com/fontawesome/css/regular.min.css" rel="stylesheet" />
    <link href="https://geraibisnis.com/fontawesome/css/solid.min.css" rel="stylesheet" /> 
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="https://geraibisnis.com/theme/simple/style.css">
    	
    <style type="text/css">
        .social-proof {
            font-family: 'Open Sans', sans-serif;
            position: fixed;
            bottom: 80px;
            right: 10px;
            z-index: 9999;
            padding: 10px;
        }
        .social-proof-box { 
            background: rgba(0, 0, 0, 0.8);
            color: #ffffff;			
        }
        .social-proof-box a { color: #ffffff; }
        .box { 
            background: rgba(0, 0, 0, 0.6);
            color: #ffffff;			
        }
        .box a { color: #ffffff; }		
    </style>
        <div id="myDiv">
            <iframe id="myIframe" src="https://geraibisnis.com/beranda"></iframe>
        </div>
    <script type="text/javascript">		
        var screenHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        document.getElementById("myIframe").style.height = (screenHeight) + "px";
        const names = [];
        function getRandomName() {
          const randomIndex = Math.floor(Math.random() * names.length);
          return names[randomIndex];
        }

        function displaySocialProof() {
          const box = document.querySelector('.social-proof-box');
          const name = document.querySelector('.social-proof-name');
          const randomName = getRandomName();
          name.innerText = randomName;
          box.style.display = 'inline-block';
          setTimeout(function() {
            box.style.display = 'none';
            setTimeout(displaySocialProof, 2000);
          }, 5000);
        }

        window.onload = displaySocialProof;
    </script>
    
    <!-- PWA Scripts -->
    <script src="/pwa-install-prompt.js"></script>
    
    <script>
    // Enhanced PWA Initialization
    document.addEventListener('DOMContentLoaded', function() {
        // Check if PWA is already installed
        if (window.matchMedia('(display-mode: standalone)').matches) {
            console.log('PWA: Running in standalone mode');
            // Hide install button if exists
            const installBtn = document.getElementById('pwa-install-btn');
            if (installBtn) installBtn.style.display = 'none';
        }
        
        // Track user engagement untuk PWA prompt
        let visitCount = localStorage.getItem('pwa_visit_count') || 0;
        visitCount = parseInt(visitCount) + 1;
        localStorage.setItem('pwa_visit_count', visitCount);
        localStorage.setItem('pwa_last_visit', new Date().toISOString());
        
        console.log('PWA: Visit count:', visitCount);
        
        // Auto-show install prompt after 3 visits
        if (visitCount >= 3) {
            setTimeout(() => {
                if (window.pwaManager && window.pwaManager.deferredPrompt) {
                    console.log('PWA: Showing auto-install prompt');
                    window.pwaManager.showInstallPrompt();
                }
            }, 5000);
        }
    });

    // Error handling for iframe
    const iframe = document.getElementById('myIframe');
    iframe.addEventListener('load', function() {
        console.log('Iframe loaded successfully');
    });

    iframe.addEventListener('error', function() {
        console.error('Iframe failed to load');
        // Fallback content atau reload
    });
    </script>
    </body>
        </html>