<?php include 'template/header.php'; ?>
<div style="margin-top: 50px;">
    <div style="padding: 20px 0; background-color:var(--secondary-color);">
        <div style="width: 90%; margin: 0 auto 10px auto; color: transparent !important; -webkit-background-clip: text; background-image: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #e99c05 0%, #f4ae00 8%, #f8bf33 25%, #f8ce19 62.5%, #ffdc02 100%); font-family: Teko-SemiBold; text-align: center; font-size: 24px;">
            HUBUNGI KAMI
        </div>

        <div style="background-color: var(--secondary-color); padding: 0 5% 10px 5%;">
            <div onclick="window.open('<?= $web['link_livechat_web'] ?>', '_blank')" style="font-weight: 500; padding: 10px 0; border-bottom: 1px solid #8891AE; cursor: pointer;">
                <div style="color: transparent !important; -webkit-background-clip: text; background-image: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #e99c05 0%, #f4ae00 8%, #f8bf33 25%, #f8ce19 62.5%, #ffdc02 100%); margin-bottom: 10px;">
                    LiveChat
                </div>

                <div style="font-size: 12px;">
                    <?= $web['link_livechat_web'] ?>
                </div>
            </div>
            <div onclick="window.open('<?= $web['whatsapp'] ?>', '_blank')" style="font-weight: 500; padding: 10px 0; border-bottom: 1px solid #8891AE; cursor: pointer;">
                <div style="color: transparent !important; -webkit-background-clip: text; background-image: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #e99c05 0%, #f4ae00 8%, #f8bf33 25%, #f8ce19 62.5%, #ffdc02 100%); margin-bottom: 10px;">
                    Whatsapp
                </div>

                <div style="font-size: 12px;">
                    <?= $web['whatsapp'] ?>
                </div>
            </div>
            <div onclick="window.open('<?= $web['facebook'] ?>', '_blank')" style="font-weight: 500; padding: 10px 0; border-bottom: 1px solid #8891AE; cursor: pointer;">
                <div style="color: transparent !important; -webkit-background-clip: text; background-image: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #e99c05 0%, #f4ae00 8%, #f8bf33 25%, #f8ce19 62.5%, #ffdc02 100%); margin-bottom: 10px;">
                    Facebook
                </div>

                <div style="font-size: 12px;">
                    <?= $web['facebook'] ?>
                </div>
            </div>
            <div onclick="window.open(' <?= $web['telegram'] ?>', '_blank')" style="font-weight: 500; padding: 10px 0; border-bottom: 1px solid #8891AE; cursor: pointer;">
                <div style="color: transparent !important; -webkit-background-clip: text; background-image: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #e99c05 0%, #f4ae00 8%, #f8bf33 25%, #f8ce19 62.5%, #ffdc02 100%); margin-bottom: 10px;">
                    Telegram
                </div>

                <div style="font-size: 12px;">
                    <?= $web['telegram'] ?>
                </div>
            </div>
        </div>
    </div>
</div>
<?php include 'template/footer.php'; ?>