<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Sembrani Solusi Digital | Jasa Pembuatan Aplikasi & Konsultan IT</title>
    <link rel="icon" type="image/png" href="<?php echo e(asset('favicon.png')); ?>">

    <meta name="description" content="Sembrani Solusi Digital menyediakan jasa pembuatan aplikasi, website, dan sistem bisnis dengan teknologi modern serta keamanan data terbaik." />
    <meta name="keywords" content="jasa pembuatan aplikasi, konsultan IT, konsultan IT Jember, konsultan IT Lumajang, konsultan IT Probolinggo, konsultan IT Banyuwangi, jasa pembuatan website, software house, sistem informasi, Sembrani Solusi Digital" />
    <meta name="author" content="Sembrani Solusi Digital" />

    <!-- OG Tags -->
    <meta property="og:title" content="Sembrani Solusi Digital | Jasa Pembuatan Aplikasi" />
    <meta property="og:description" content="Kami menyediakan jasa pembuatan aplikasi, website, dan sistem bisnis profesional." />
    <meta property="og:image" content="<?php echo e(asset('assets/landing-page/images/favicon.png')); ?>" />
    <meta property="og:url" content="<?php echo e(url('/')); ?>" />
    <meta name="twitter:card" content="summary_large_image">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">

    <!-- Bootstrap CSS CDN -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Bootstrap Icons -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="<?php echo e(asset('assets/landing-page/css/custom.css')); ?>" rel="stylesheet">

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-E2TVK4K82H"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-E2TVK4K82H');
    </script>

    <script type="application/ld+json">
        <?php echo json_encode([
            '<?php $__contextArgs = [];
if (context()->has($__contextArgs[0])) :
if (isset($value)) { $__contextPrevious[] = $value; }
$value = context()->get($__contextArgs[0]); ?>'           => 'https://schema.org',
            '@type'              => 'AutoDealer',
            'name'               => 'Sembrani Solusi Digital',
            'description'        => 'Sembrani Solusi Digital menyediakan jasa pembuatan aplikasi, website, dan sistem bisnis dengan teknologi modern serta keamanan data terbaik.',
            'url'                => 'http://sembranidigital.com/',
            'telephone'          => '+6285161994902',
            'email'              => 'info@sembranidigital.com',
            'openingHours'       => 'Mo-Sa 08:00-17:00',
            'address'            => [
                '@type'           => 'PostalAddress',
                'streetAddress'   => 'Krajan II, Jombang, Kec. Jombang, Kabupaten Jember, Jawa Timur 68168',
                'addressLocality' => 'Jember',
                'addressRegion'   => 'Jawa Timur',
                'postalCode'      => '68168',
                'addressCountry'  => 'ID',
            ],
            'geo'                => [
                '@type'     => 'GeoCoordinates',
                'latitude'  => -8.2560366,
                'longitude' => 113.3373942,
            ],
            'priceRange'         => 'Rp 2.000.000 - Rp 10.000.000',
            'currenciesAccepted' => 'IDR',
            'paymentAccepted'    => 'Cash, Kredit',
            'areaServed'         => ['Jember','Banyuwangi','Lumajang','Bondowoso','Situbondo','Probolinggo'],
        ], JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT); ?>

    </script>

    <?php echo $__env->yieldPushContent('styles'); ?>
</head>
<body>

    <?php echo $__env->make('landing-page.layouts.navbar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    <?php echo $__env->yieldContent('main'); ?>

    <?php echo $__env->make('landing-page.layouts.footer', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    <!-- WhatsApp Floating Button -->
    <a 
        href="https://wa.me/6285161994902?text=Halo%20Sembrani%20Solusi%20Digital,%20saya%20ingin%20bertanya%20tentang%20jasa%20pembuatan%20aplikasi."
        class="wa-float"
        target="_blank"
        rel="noopener noreferrer"
        id="waButton"
    >
        <i class="fa-brands fa-whatsapp"></i>
    </a>


    <!-- Bootstrap JS + Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

    <!-- Google Translate & Language Dropdown Script -->
    <script>
        const languages = [
            { code: 'id', label: 'Indonesia', flag: 'https://flagcdn.com/w20/id.png' },
            { code: 'en', label: 'English', flag: 'https://flagcdn.com/w20/gb.png' },
            { code: 'es', label: 'Español', flag: 'https://flagcdn.com/w20/es.png' },
            { code: 'sv', label: 'Svenska', flag: 'https://flagcdn.com/w20/se.png' },
            { code: 'nl', label: 'Nederlands', flag: 'https://flagcdn.com/w20/nl.png' },
            { code: 'zh-CN', label: '中文', flag: 'https://flagcdn.com/w20/cn.png' }
        ];

        const selectedLanguage = document.getElementById("selectedLanguage");
        const selectedFlag = document.getElementById("selectedFlag");
        const languageList = document.getElementById("languageList");

        // Generate language dropdown
        languages.forEach(lang => {
            const li = document.createElement("li");
            li.innerHTML = `<a class="dropdown-item d-flex align-items-center" href="#">
                <img src="${lang.flag}" width="20" class="me-2">
                ${lang.label}
            </a>`;
            li.onclick = function(e){
                e.preventDefault();
                changeLanguage(lang);
            }
            languageList.appendChild(li);
        });

        function changeLanguage(lang){
            selectedLanguage.innerText = lang.label;
            selectedFlag.src = lang.flag;

            if(lang.code === 'id'){
                const hostname = window.location.hostname;
                document.cookie = "googtrans=; path=/; domain=" + hostname + "; expires=Thu, 01 Jan 1970 00:00:00 UTC;";
                document.cookie = "googtrans=; path=/; domain=." + hostname + "; expires=Thu, 01 Jan 1970 00:00:00 UTC;";
                document.cookie = "googtrans=/id/id; path=/;";
                location.reload();
                return;
            }

            document.cookie = "googtrans=/id/" + lang.code + ";path=/";
            const select = document.querySelector(".goog-te-combo");
            if(select){
                select.value = lang.code;
                select.dispatchEvent(new Event("change"));
            }
        }

        // Google Translate init
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({
                pageLanguage: 'id',
                includedLanguages: 'en,es,sv,nl,zh-CN',
                autoDisplay: false
            }, 'google_translate_element');
        }

        // Load Google Translate script
        function loadGoogleTranslate(){
            const script = document.createElement('script');
            script.src = "https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";
            script.async = true;
            document.body.appendChild(script);
        }

        // Detect language from cookie
        function detectLanguageFromCookie(){
            const cookie = document.cookie.split('; ').find(row => row.startsWith('googtrans='));
            if(!cookie) return;
            const langCode = cookie.split('=')[1].split('/')[2];
            const foundLang = languages.find(l => l.code === langCode);
            if(foundLang){
                selectedLanguage.innerText = foundLang.label;
                selectedFlag.src = foundLang.flag;
            }
        }

        document.addEventListener("DOMContentLoaded", function(){
            loadGoogleTranslate();
            detectLanguageFromCookie();
        });
    </script>

    <?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html><?php /**PATH D:\LARAGON\www\sembrani-web\resources\views/landing-page/layouts/index.blade.php ENDPATH**/ ?>