<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Longfu88 Affiliates Landing Page</title>

    <link rel="stylesheet" href="assets/uikit-3.24.2/css/uikit.min.css" />
    <link rel="stylesheet" href="assets/css/odometer-theme-default.css" />
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">


<?php

$domains = [
'jineropartners.com' => '
    <meta name="google-site-verification" content="o94bYBcbNvWl2eApt_9rnyt9MZHhC1AYD0assYAFJuM" />

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

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

'jineroaffiliate.com' => '
    <meta name="google-site-verification" content="opLLi9Pbk6EQwS0DVhEX9UOzwI8Zh-5odOc9p_bqNwg" />

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

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

'longfu88affiliates.com' => '
    <meta name="google-site-verification" content="N58cmyCQEYnOTbVOcLmQWTGzmn8T98t4YE5Lul7qMYQ" />

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

        gtag(\'config\', \'G-C6RM2D9DX3\');
    </script>
'
];





$domain = $_SERVER['HTTP_HOST'];
if ( isset( $domains[$domain] )){
    echo $domains[$domain];
}

?>


    <style>
        /* --- Custom CSS Variables & Branding --- */
        :root {
            --brand-red: #cc0033;
            --brand-red-hover: #a30029;
            --text-dark: #1a1a1a;
            --light-gray: #f8f8f8;
        }

        body {
            font-family: 'Open Sans', sans-serif;
            color: #555;
        }

        h1, h2, h3, h4, h5, h6, .uk-heading-medium {
            font-family: 'Montserrat', sans-serif;
            font-weight: 800;
            font-optical-sizing: auto;
            color: var(--text-dark);
            text-transform: uppercase;
        }

        h4 { color: #666; font-weight: 500; font-style: italic;margin-bottom: 0; font-size: 1.4em;}
        h3 { 
            text-transform: inherit; font-weight: 600; letter-spacing: -1px; margin-bottom: 0;
            &.stat-title { font-size: 1.1em; }
        }

        h2 { font-style: italic; margin-top: 0;}

        @media (max-width: 640px) {
            h4{ font-size: 1.2em !important; }
            h2{ font-size: 2.0em !important; }
            h1{ font-size: 2.5em !important; }

            .hero-section > div { padding-bottom: 3em; }

            #partnership .cards .uk-card {
                min-height: 100px !important;

                > div { text-align: center !important; margin: 0 auto;}
                h3 { font-weight: 400; font-size: 0.8em; text-align: center !important; }
            }
            .uk-grid-small{
                margin-left: 0px !important;

                > * {
                    padding-left: 1px;
                }
            }

            /*.uk-grid > .uk-grid-margin { margin-top: 0 !important; }*/

            #blocks > div{ padding: 5px;}
        }


        .uk-logo img{ min-height: 60px; }
        .uk-text-lighter{ font-weight: 300!important; }
        .uk-text-meta{ color: #444; 
            b{ color: #c38741; font-size: 1.2em; text-transform: uppercase; font-weight: 800;}
        }

        /* --- Buttons --- */
        .uk-button-brand {
            background-color: var(--brand-red);
            color: white;
            border-radius: 30px;
            padding: 0 40px;
            font-weight: 600;
            text-transform: uppercase;
            transition: all 0.3s ease;
        }
        .uk-button-brand:hover {
            background-color: var(--brand-red-hover);
            color: white;
        }

        /* --- Hero Section --- */
        .hero-section {
            background: radial-gradient(circle at center, #fff6f6 0%, #ffffff 80%);
            padding: 20px;
            padding-bottom: 0;
            min-height: 100vh;


            .uk-navbar-nav {

                > li{
                    line-height: 1em; padding: 1px; height: 32px; border-radius: 5px; 

                    > a{ 
                        background-color: #FAFAFA; border: 1px solid #ccc; border-radius: 5px; color: #222; font-weight: 700; 
                        font-style: italic; line-height: 1em; padding: 0.4em; min-height: 10px;

                        img{
                            height: 1.5em; margin: 0 5px;
                        }


                        &:focus, &:active, &:hover {
                            box-shadow: 0 1px 8px rgb(69 63 63 / .15);
                            color: rgb(195 135 65);
                            /*background: linear-gradient( 282deg, rgb(210 153 86) 4%, rgb(229 176 113) 44%, rgb(245 223 197) 67%, rgb(229 176 113) 98% );*/
                        }

                    }
                }
            }

            

        }
        .hero-text h1 {
            font-style: italic;
            font-size: 3.5rem;
            line-height: 1.1;
            margin-bottom: 20px;
        }


        #partnership {

            .cards .uk-card{ min-height: 250px; 
                background: linear-gradient( 0deg, #dcd8d7 20%, #fafafa 100%);
                transition: all 0.3s linear;


                &.card-highlight {
                    background: radial-gradient( 107% 108% at 50% 108%, rgb(255 0 60), rgb(159 0 32) );
                    color: white;
                    transform: scale(1.1);
                    z-index: 2;
                    box-shadow: 0 10px 25px rgba(150, 150, 150, 0.4);
                    border: none;margin: 0 5px;


                    img.icon { max-width: 50px; filter: invert(100%);}
                }

                &:hover, &.active {
                    box-shadow: 0 10px 25px rgba(150, 150, 150, 0.4);
                    z-index: 3;
                }
            }
        }

        /* --- Custom Highlight Cards (Features & Games) --- */
        .card-grid {
            padding: 40px 0;
            align-items: center;
        }
        .uk-card-default {
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            text-align: center;
            border: 1px solid #eee;
        }
        .uk-card-default .uk-card-title {
            font-size: 1rem;
            font-weight: 800;
            margin-top: 15px;
        }
        .uk-card-default p {
            font-size: 0.8rem;
        }
        
        /* The Red Highlighted Center Card */
        .card-highlight {
            background-color: var(--brand-red);
            color: white;
            transform: scale(1.1);
            z-index: 2;
            box-shadow: 0 10px 25px rgba(204, 0, 51, 0.4);
            border: none;
        }
        .card-highlight .uk-card-title,
        .card-highlight p,
        .card-highlight .uk-icon {
            color: white !important;
        }

        /* --- Stats Section --- */
        .stat-number {
            color: #c38741; /* Gold color */
            font-size: 2.5rem;
            font-weight: 700;
            margin: 5px 0;
        }
        .stat-label {
            font-weight: 600;
            font-size: 0.9rem;
            color: var(--text-dark);
        }

        /* --- Testimonial Section --- */
        .testimonial-box {
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
            background-color: #fff; border-radius: 20px;

            div { padding: 40px; }
        }
        .testimonial-quote {
            font-style: italic;
            font-weight: 600;
            color: var(--text-dark);
            font-size: 1.1rem;
        }

        /* --- Form Section --- */
        .form-input {
            border-radius: 8px;
            background-color: #fafafa;
        }
        .submit-btn {
            background-color: #333;
            color: white;
            border-radius: 8px;
            width: 150px;

            &[disabled] {
                border: 1px solid #ddd;
                background-color: #e7e7e7;
            }
        }

        #blocks {

            .item-block {
                border-radius:16px; min-height: 140px;  border: 1px solid #fff; 
                position: relative;
                overflow: hidden;
                padding: 0;
                background-color: #fff;
                transition: all 0.3s ease;
                box-shadow: 0 2px 8px rgb(88 72 55 / .2);
                text-align: left;

                p {
                    font-style:italic; color: #111; font-size: 14px; font-weight: 400; 
                    z-index: 9; position: absolute; bottom: 0px; padding: 15px; margin: 0; width: 50%; line-height: 1em;

                    span { display:block; font-size: 1.6em; font-weight: 700; line-height: 1em;}
                }

                img{
                    transition: all 0.5s ease;
                    max-height: 100%; z-index: 9;
                    left: 30%;

                    &.mobile-icon{
                        left: 50%;
                    }
                }

                &:after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 43%;
                    height: 100%;width: 100%;
                    transition: all 0.5s ease;
                    background-color: #f00;
                    z-index: 1;
                    background: linear-gradient( 293deg, rgb(121 16 9) .01%, rgb(201 16 4) 70.01% );
                    clip-path: polygon( calc(0% + 43px) 0, calc(0% + 48px) 0, calc(0% + 6px) 100%, calc(0% + 15px) 100%, calc(0% + 57px) 0, 100% 0, 100% 100%, 0% 100% );
                }

                &:hover{
                    transform: scale(1.03) translateZ(0);
                    z-index: 999;
                    /*left: 50%;*/

                    &:after{
                        transform: scale(1.1) translateZ(0);
                        left: 48%;
                    }

                    img{ transform: scale(1.1) translateZ(0); }
                }

                /*** Tablet ***/
                @media (max-width: 960px) {
                    min-height: 110px;
                
                    &:after { left: 50%;}
                    p{ padding: 10px; font-size: 16px; width: 50%;}
                }

                /*** mobile ***/
                @media (max-width: 640px) {
                    min-height: 80px;
                
                    &:after { left: 50%;}
                    p{ 
                        padding: 8px; font-size: 12px; width: 45%;
                        span{ font-size: 1.1em;}
                    }
                }
                

            }

            .block-container {
                div { 
                    cursor:pointer; 

                    &:nth-child(n+4) .item-block:after {
                    /*&:nth-child(n+3) .item-block:after {*/
                        background: linear-gradient( 159.63deg, rgb(85 78 78) 2.81%, rgb(22 20 20) 95.98% );
                    }
                }
            }

        }

        /* --- Footer --- */
        .footer-logos img {
            height: 30px;
            filter: grayscale(100%) opacity(50%);
            margin: 0 20px;
        }
        .footer-dark {
            background-color: #1a1a1a;
            color: #888;
            padding: 40px 0;
            text-align: center;
            font-size: 0.8rem;
        }

        .uk-modal { background: rgba(0,0,0,0.8); }
        .uk-modal-dialog{
            border-radius: 22px;
            width: 500px;
        
            &:before{
                inset: -4px;
                position: absolute;
                z-index: -1;
                border-radius: 22px;
                border: 1px solid transparent;
                background: 
                    radial-gradient( 73% 100% at 50% 100%, rgb(207 181 151), rgb(124 102 78) ) padding-box,
                    linear-gradient( 282deg, rgb(195 135 65) 4%, rgb(241 208 169) 44%, rgb(248 231 212) 67%, rgb(210 153 86) ) border-box;
                content: "";
                box-sizing: border-box;
            }
            .uk-close {
                transform: scale(1.5);
                top: 22px;
                right: 65px;

                svg line{color: rgb(99, 91, 91); stroke-width: 3px; }
                &:hover svg line{color: #a09696; }

            }

            .uk-modal-body{
                position: relative;
                border-radius: 18px;
                border: 1px solid #fff;
                background-color: #fff;
                z-index: 999;
                background-image: radial-gradient( 105% 89% at 50% 100%, rgb(255 255 255), rgb(250 239 226) 50%, rgb(217 212 212) );
                box-shadow: 0 20px 60px rgb(218 163 98 / .4), 0 6px 16px rgb(0 0 0 / .1);
                padding: 22px 65px;


                h3 { color:#000; }


                ul {
                    list-style: none;
                    padding: 0;

                    li {
                        display: flex;
                        gap: 8px;
                        padding-block: 16px;
                        border-bottom: 1px solid transparent;
                        border-image: linear-gradient( 90deg, rgb(180 169 169 / 0), rgb(180 169 169) 50%, rgb(180 169 169 / 0) );
                        /* gradient as border image */
                        border-image-source: linear-gradient(90deg,
                            rgba(180,169,169,0),
                            rgba(180,169,169,1) 50%,
                            rgba(180,169,169,0)
                        );
                        border-image-slice: 1;

                        img.flag { border:1px solid #fff; border-radius: 6px; width: 25px; height: 25px; overflow: hidden; object-fit: cover;}

                        div.language-details {
                            display: flex;
                            flex-direction: column;
                            gap: 12px;

                            h4 { color: #222; font-size:14px; font-weight:600; font-style:italic; margin: 0}

                            > div {
                                display: flex;
                                flex-wrap: wrap;
                                gap: 8px;
                            }

                            button {
                                background: #fff;
                                border-radius: 12px;
                                border: 1px solid transparent;
                                font-size: 16px;
                                line-height: 1.4;
                                color: #635b5b;
                                box-shadow: 0 1px 8px rgb(69 63 63 / .15);
                                display: inline-grid;
                                grid-auto-flow: column;
                                text-decoration: none;
                                padding: 5px 7px;
                                cursor: pointer;

                                &:hover {
                                    color: #c38741;
                                }

                                &:active, &.active {
                                    color: #161414;
                                    border-color: #161414;
                                }
                                img {
                                    box-sizing: border-box;
                                    width: 12px;
                                    height: 12px;
                                }

                                .uk-icon {
                                    margin-right: 5px;

                                    svg polyline{color: rgb(0, 0, 0); stroke-width: 2px; }
                                }

                            }
                        }

                    }

                }
            }
        }

        .button{

            &.primary {
                position: relative;
                display: inline-block;
                /*display: inline-grid;*/
                /*place-items: center;*/
                /*min-height: 30px;*/
                padding: 15px 24px;
                min-width: 200px;
                color: #fff;
                font-size: 18px;
                font-weight: 800;
                font-style: italic;
                line-height: 1.5em;
                text-align: center;
                text-decoration: none;
                border: 0px solid #570011;
                border-bottom: 1px solid #570011;
                border-radius: 40px;
                overflow: hidden; /* hide ::before edges */
                background: radial-gradient( 107% 108% at 50% 108%, rgb(255 0 60), rgb(159 0 32) );
                box-shadow: 0 8px 6px rgb(88 72 55 / .15);
                cursor: pointer;
                z-index: 1;
                transition: color 0.3s ease, transform 0.3s ease;
                text-transform: uppercase;
                /*margin: 10px;*/

                color: #fff;
                /*animation: button-animation 5s cubic-bezier(.86, 0, .07, 1) infinite;*/
                /*will-change: transform, filter;*/

                /* only animate if it’s the only button */
                &:only-child {
                    /*animation: button-animation 5s cubic-bezier(.86, 0, .07, 1) infinite;*/
                    /*will-change: transform, filter;*/
                }

                &::before {
                    content: "";
                    position: absolute;
                    inset: 0;
                    border-radius: inherit;
                    box-sizing: border-box;
                    /*background:   ;*/
                    background-image: url('assets/img/btn-animation.webp'), radial-gradient( 98% 99% at 50% 100%, rgb(255 96 128), rgb(199 0 40) );
                    background-size: cover;
                    background-position: center;
                    opacity: 0;
                    transition: all 1s ease-in-out 2s;
                    z-index: -1;
                }

                /* Hover effect */
                &:hover, &.active {
                    /*color: #ffdddd;*/
                    /*transform: translateY(-3px);*/

                    &::before {
                        opacity: 1;
                    }
                }

                /*** mobile ***/
                @media (max-width: 640px) {
                    /*width: 90%;*/
                    display: block;
                }

            }

            &.dark{
                position: relative;
                display: inline-flex;
                justify-content: center;
                place-items: center;
                min-height: 28px;
                min-width: 120px;
                padding: 5px 24px;
                margin: 0.5em;
                margin-bottom: 2em;
                color: #fff;
                font-size: 14px;
                font-weight: 600;
                font-style: italic;
                line-height: 1em;
                text-align: center;
                text-decoration: none;
                border: 1px solid #070606; border-radius: 40px;
                box-shadow: 0 8px 6px rgb(88 72 55 / .15);
                overflow: hidden; /* hide ::before edges */
                background: radial-gradient(73% 100% at 50% 100%, rgb(85 78 78), rgb(22 20 20));
                cursor: pointer;
                z-index: 1;
                transition: color 0.3s ease, transform 0.3s ease;
                text-transform: uppercase;

                /* The gradient overlay for hover */
                &::before {
                    content: "";
                    position: absolute;
                    inset: 0;
                    border-radius: inherit;
                    background: radial-gradient(73% 100% at 50% 100%, rgb(130 120 120), rgb(38 34 34));
                    opacity: 0;
                    transition: opacity 0.6s ease-in-out;
                    z-index: -1;
                }

                /* Hover effect */
                &.dark:hover {
                    /*color: #ffdddd;*/
                    /*transform: translateY(-3px);*/

                    &::before {
                        opacity: 1;
                    }
                }

                img { height: 20px; width:auto; display:inline-block; margin: 8px;}

            }

        }


        img.icon { max-width: 30px; }


        .hero-section{ background-image: url(assets/b1.png); background-repeat: no-repeat; background-size: cover;}
        #payments{ background-image: url(assets/b3.jpg); background-repeat: no-repeat; background-size: cover;}
        #join-now{ 
            padding: 0;
            background-image: url(assets/cta-bg.png); background-repeat: no-repeat; background-size: cover;
        }


        .uk-input.error {
            border-color: #F0506E;
        }
        .error {
            color: #F0506E;
        }
        label.error { padding: 0.3em; margin: 3px 0; display: inline-block; background-color: #fdf5f7; font-size: 12px;}


        .uk-notification-message{
            &.uk-notification-message-success { 
                background-color: #f2fefa; color: #32d296; font-size: 16px; border: 1px solid #32d296;
                filter: drop-shadow(5px 5px 10px #0b4d34);
            }
        }


    </style>
</head>
<body>

    

    <section class="hero-section">


        <div class="uk-container uk-container">
            <nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
                <div class="uk-navbar-left">
                    <a class="uk-navbar-item uk-logo" href="#">
                        <img src="assets/img/logo.svg">
                    </a>
                </div>
                <div class="uk-navbar-right nav-overlay">
                    
                    <ul class="uk-navbar-nav">
                        <li>
                            <a class="uk-button uk-button-default" href="#modal-language" uk-toggle>
                                <img src="assets/img/en.png" class="user-flag"> <span class="user-lang">EN</span>
                            </a>
                        </li>
                    </ul>

                </div>
            </nav>
        </div>

        <div class="uk-container uk">
            <div class="uk-grid-match uk-child-width-1-2@m" uk-grid>
                <div class="uk-flex uk-flex-middle hero-text uk-flex-right@s" uk-grid>
                    <div class="uk-text-center uk-hidden@m" uk-scrollspy="cls:uk-animation-fade">
                        <img src="assets/b3.png" alt="Hero Girl">
                    </div>

                    <div class="uk-padding-small uk-text-center uk-text-left@m uk-position-relative" >
                        <h4 uk-scrollspy="cls:uk-animation-fade;delay:200">JOIN US AS A PARTNER OF LONGFU88 TODAY!</h4>
                        <h1 uk-scrollspy="cls:uk-animation-fade;delay:300" class="uk-margin-small-top">ENJOY COMMISSIONS<br>UP TO 50%</h1>
                        <p uk-scrollspy="cls:uk-animation-fade;delay:500">Earn income with no upfront investment and no hidden costs. <br>
                            We offer opportunities, Experience and tools to support your growth at every stage.</p>
                        <button uk-scrollspy="cls:uk-animation-slide-left-small;delay:800" class="uk-button uk-button-large uk-margin-top button primary">JOIN NOW</button>
                    </div>
                </div>
                <div class="uk-text-center uk-visible@m" uk-scrollspy="cls:uk-animation-slide-right-small;delay:800" >
                    <img src="assets/b2.png?a" alt="Hero Girl">
                </div>
            </div>
        </div>
    </section>

    <section class="uk-section uk-section-default " id="partnership">
        <div class="uk-container uk-padding">
            <div class="uk-grid uk-child-width-1-2@m" uk-grid>
                <div class="uk-text-center uk-text-right@m">
                    <h4>WHY PARTNER UP WITH</h4>
                    <h2>LONGFU88 AFFILIATES?</h2>
                </div>
                <div class="uk-flex uk-flex-middle uk-text-center uk-text-left@m">
                    <p>We provide a transparent and mutually beneficial partnership system for all our partners. Our professional team is ready to help you achieve maximum income targets.</p>
                </div>
            </div>

            <div class="uk-container-small uk-margin-auto uk-hidden">
                <div class="uk-text-center">
                    <h4>WHY PARTNER UP WITH</h4>
                    <h2>LONGFU88 AFFILIATES?</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed egestas interdum congue. Aenean imperdiet magna laoreet eu mattis, sed scelerisque elit. Invidunt egestas cras.</p>
                </div>
            </div>

            <div class="uk-grid-small uk-child-width-1-5 card-grid cards" uk-grid uk-scrollspy="target: > div; cls:uk-animation-slide-top-small;delay:300" >
                <div>
                    <div class="uk-card uk-card-default uk-card-body uk-padding-small uk-flex uk-flex-middle">
                        <div>
                            <img src="assets/verified.svg" class="icon">
                            <h3 class="uk-card-title">Trusted<br>Brand</h3>
                            <p class="uk-visible@m">A licensed global platform with a solid reputation for fast payouts and integrity.</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="uk-card uk-card-default uk-card-body uk-padding-small uk-flex uk-flex-middle">
                        <div>
                            <img src="assets/spade-token.svg" class="icon">
                            <h3 class="uk-card-title">Diverse<br>Games</h3>
                            <p class="uk-visible@m">Huge selection of high-RTP Slots, Live Casino, and Sportsbook to keep players active.</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="uk-card uk-card-default uk-card-body uk-padding-small card-highlight uk-flex uk-flex-middle">
                        <div>
                            <img src="assets/money.svg" class="icon">
                            <h3 class="uk-card-title">High<br>Earnings</h3>
                            <p class="uk-visible@m">Earn up to 50% commission with no negative carryover. Unlimited profit potential.</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="uk-card uk-card-default uk-card-body uk-padding-small uk-flex uk-flex-middle">
                        <div>
                            <img src="assets/cybersecurity.svg" class="icon">
                            <h3 class="uk-card-title">Fair &<br>Secure</h3>
                            <p class="uk-visible@m">Certified fair play and high-level encryption for maximum data and fund security.</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="uk-card uk-card-default uk-card-body uk-padding-small uk-flex uk-flex-middle">
                        <div>
                            <img src="assets/24-hours.svg" class="icon">
                            <h3 class="uk-card-title">Partner<br>Support</h3>
                            <p class="uk-visible@m">24/7 dedicated manager and high-converting marketing tools to boost your traffic.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="uk-section uk-section-muted" id="payments">
        <div class="uk-container">
            <div class="uk-child-width-1-3@m" uk-grid>
                <div class="uk-text-right@m uk-text-center">
                    <img src="assets/coins.png?a" alt="Coins" style="height: auto; max-width: 250px;">
                </div>
                <div class="uk-flex uk-flex-middle uk-width-expand">
                    <div class="uk-text-left@m uk-text-center uk-padding-small" uk-scrollspy="target: > *; cls:uk-animation-slide-left-small;delay:300" >
                        <h4>RECEIVE PAYMENTS IN ANY CURRENCY</h4>
                        <h2>EARN EFFORTLESSLY<br>ON YOUR TERM</h2>
                        <p>Getting paid shouldn't be complicated. Our seamless payment solution lets you receive payments in any currency directly to your account, stripping away the red tape of international transactions. Join today to start earning effortlessly on your terms and take complete control of your financial growth.</p>

                    </div>
                </div>
            </div>

            <div class="uk-container uk-container-small uk-margin-auto uk-text-center uk-margin-medium-top">
                <h3>Total All Time Commission Released</h3>
                <div class="stat-number">$<span class="odometer" data-count="125244827">0</span>+</div>

                <div class="uk-grid-small uk-child-width-1-3@s uk-margin-top uk-text-center" uk-grid>
                    <div>
                        <h3 class="stat-title">Total Active Affiliates</h3>
                        <div class="stat-number" style="font-size: 1.8rem;"><span class="odometer" data-count="5298">0</span>+</div>
                    </div>
                    <div>
                        <h3 class="stat-title">Total Weekly Payouts</h3>
                        <div class="stat-number" style="font-size: 1.8rem;">$<span class="odometer" data-count="232298">0</span>+</div>
                    </div>
                    <div>
                        <h3 class="stat-title">Multi-Currency Support</h3>
                        <div class="stat-number" style="font-size: 1.8rem;"><span class="odometer" data-count="12">0</span>+</div>
                    </div>
                </div>

            </div>

        </div>
    </section>

    <section class="uk-section uk-section-defaultx uk-text-center" >
        <div class="uk-container uk-container-small">
            <h4>YOUR ULTIMATE DESTINATION FOR</h4>
            <h2>GAMES, BONUSES & BIG WINS!</h2>
            <p>Step into a world of non-stop excitement and endless rewards. From thrilling gameplay to unbeatable daily offers, we are your ultimate destination for games, bonuses, and big wins! Get ready to play, win, and elevate your gaming experience today.</p>

        </div>
        <div class="uk-container uk-margin" id="blocks">

<div class="uk-position-relative uk-child-width-1-3 uk-grid-small block-container" uk-grid uk-scrollspy="target: > div ; cls: uk-animation-slide-top-medium; delay: 180">
                
                <div class="uk-width-1-3@m uk-width-1-1">
                    <div class="item-block">
                        <p>
                            <span>Casino</span>
                        </p>

                        <img src="assets/img/challenge-desktop-icon.png" class="uk-position-bottom-right uk-visible@m">
                        <img src="assets/img/challenge-icon.png" class="mobile-icon uk-position-bottom-right uk-hidden@m">
                    </div>
                </div>

                <div class="uk-width-1-3@m uk-width-1-2">
                    <div class="item-block">
                        <p>
                            <span>Live Casino</span>
                        </p>

                        <img src="assets/img/casino-bonus.png" class="uk-position-bottom-right uk-visible@m">
                        <img src="assets/img/casino-bonus.png" class="mobile-icon uk-position-bottom-right uk-hidden@m">
                    </div>
                </div>

                <div class="uk-width-1-3@m uk-width-1-2">
                    <div class="item-block">
                        <p>
                            <span>Sports</span>
                        </p>

                        <img src="assets/img/first-dep.png" class="uk-position-bottom-right uk-visible@m">
                        <img src="assets/img/first-dep.png" class="mobile-icon uk-position-bottom-right uk-hidden@m">
                    </div>
                </div>
                
            </div>

            
            <a href="#" class="uk-button uk-button-default uk-border-pill uk-margin-top">Explore more...</a>
        </div>

    </section>


    <section class="uk-section uk-section-muted uk-text-center">
        <div class="uk-container" id="testimonial">
            <h4>A message from our</h4>
            <h2>Longfu88 Partnership</h2>


            <div uk-slider>

                <div class="uk-position-relative ">

                    <div class="uk-slider-container testimonial-box">
                        <div class="uk-slider-items">
                            <div>
                               <p class="testimonial-quote">"Joining this program was the best decision for my career. The team support is incredible, and the payment system is exceptionally punctual and transparent."</p>
                                <p class="uk-text-meta"><b>M*x7**3</b> - Affiliate Partner</p>
                            </div>
                            <div>
                               <p class="testimonial-quote">"The support at Jinero is world-class. My dedicated manager didn't just 'onboard' me; they actually took the time to understand my specific niche and offered custom advice to help me optimize. It feels like having a partner in the business, not just a service provider."</p>
                                <p class="uk-text-meta"><b>H**p0d**n</b> - Affiliate Partner</p>
                            </div>
                            <div>
                               <p class="testimonial-quote">"I had a unique request regarding my traffic source, and the Jinero team was incredibly accommodating. They went above and beyond to find a solution that worked for my setup. If you want a team that actually listens and helps you grow, this is it."</p>
                                <p class="uk-text-meta"><b>M**i***i*9*3</b> - Media Buying</p>
                            </div>
                            
                        </div>
                    </div>

                </div>

                <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>

            </div>
        </div>

    </section>


    <section class="uk-section uk-section-default">
        <div class="uk-container uk-container-small">
            <div class="uk-grid-large uk-child-width-1-2@m" uk-grid>
                <div>
                    <h2>Smart Business Starts with JINERO</h2>
                    <p class="uk-text-small">Work Smarter. Not Harder. Jinero streamlines your daily workflow, cutting out the "busy work" so you can focus on the high-level decisions that actually move the needle.</p>
                    <div class="uk-margin-top">
                        <a href="#" class="uk-icon-button uk-margin-small-right" uk-icon="facebook"></a>
                        <a href="#" class="uk-icon-button uk-margin-small-right" uk-icon="twitter"></a>
                        <a href="#" class="uk-icon-button uk-margin-small-right" uk-icon="instagram"></a>
                    </div>
                </div>
                <div>
                    <h5 class="uk-margin-bottom">Get Your Free Success 50% for first 5 month, with completed your data</h5>
                    <form id="contact-form">
                        <div class="uk-margin">
                            <input class="uk-input form-input" type="text" placeholder="Full Name" name="fullname">
                        </div>
                        <div class="uk-margin">
                            <input class="uk-input form-input" type="email" placeholder="Email" name="email">
                        </div>
                        <div class="uk-margin">
                            <input class="uk-input form-input" type="text" placeholder="Phone number" name="mobile">
                        </div>
                        <div class="uk-margin">
                            <textarea class="uk-input form-input" style="height: 5em; line-height: 1.5em; padding-top: 0.5em;" rows="2" placeholder="Message" name="message"></textarea>
                        </div>
                        
                        <div class="uk-margin-top">
                            <button class="uk-button submit-btn">SUBMIT</button> <div uk-spinner></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <section class="uk-section uk-section-muted uk-text-center" id="join-now">



        <div class="uk-container uk-container-smallx">

    <div uk-grid class="uk-child-width-1-2@m uk-grid-match@m">
    
        <div class="uk-flex uk-flex-middle ">
            <div class="uk-padding-small uk-text-center uk-text-left@m">
            <h2>READY TO SCALE?</h2>
            <p class="uk-text-small">Don't let manual tasks and outdated systems hold your business back. We’ve done the hard work of vetting the best tools so you can focus on what actually generates revenue. Join thousands of high-performers who trust Jinero to stay ahead of the curve.</p>
            <button class="uk-margin-auto uk-button uk-button-large uk-margin-top button primary">READY JOIN!</button>

        </div>
        </div>
        <div class="uk-visible@m">
            <img src="assets/cta-ads.png?a">
        </div>
    </div>


        </div>
    </section>

    <footer class="footer-dark">
        <div class="uk-container">
            <h3 style="color: white; margin-bottom: 20px;">LONGFU88</h3>
            <p style="font-size: 0.75rem; max-width: 600px; margin: 0 auto; line-height: 1.6;">
                The world's leading partnership platform for digital assets and global wealth management. We empower our partners with transparent systems, secure USDT & FIAT payments, and expert support to reach their maximum revenue potential.
                <br>
                © 2026 LONGFU88. All rights reserved.
            </p>
        </div>
    </footer>


<div id="modal-language" class="uk-flex-top" uk-modal="bg-close: false; esc-close: false;">
    <div class="uk-modal-dialog uk-margin-auto-vertical">
        <div class="uk-modal-body">

            <h3 class="uk-text-italic">Region and Language</h3>
            <button class="uk-modal-close-default" type="button" uk-close style="stroke: blue;stroke-width: 3px !important;"></button>

            <ul class="language-list">
                <li> 
                    <img src="assets/img/en.png" class="flag">
                    <div class="language-details">
                        <h4>English</h4>
                    </div>
                </li>
                <li> 
                    <img src="assets/img/my-flag.svg" class="flag">
                    <div class="language-details">
                        <h4>中文</h4>
                    </div>
                </li>
                <li> 
                    <img src="assets/img/th-flag.svg" class="flag">
                    <div class="language-details">
                        <h4>ภาษาไทย </h4>
                    </div>
                </li>

                <li> 
                    <img src="assets/img/vn-flag.svg" class="flag">
                    <div class="language-details">
                        <h4>Tiếng Việt </h4>
                    </div>
                </li>
                <li> 
                    <img src="assets/img/id-flag.svg" class="flag">
                    <div class="language-details">
                        <h4>Bahasa Indonesia</h4>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>


    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <script src="assets/js/jquery.validate.js"></script>
    
    <script src="assets/uikit-3.24.2/js/uikit.min.js"></script>
    <script src="assets/uikit-3.24.2/js/uikit-icons.min.js"></script>



<script src="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.8/odometer.min.js"></script>
    
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function() {
            // Select all elements with the 'odometer' class
            const odometers = document.querySelectorAll('.odometer');

            // Set up an Intersection Observer so the animation 
            // only triggers when the user scrolls down to see them.
            const observer = new IntersectionObserver((entries, observer) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        let el = entry.target;
                        let targetValue = el.getAttribute('data-count');

                        // Trigger the Odometer animation by updating the innerHTML
                        if (targetValue) {
                            el.innerHTML = targetValue;
                        }

                        // Stop observing once animated so it doesn't loop endlessly
                        observer.unobserve(el);
                    }
                });
            }, { 
                threshold: 0.5 // Triggers when at least 50% of the number is visible on screen
            });

            // Loop through each element, initialize it, and observe it
            odometers.forEach(el => {
                // Initialize the Odometer library on the element
                new Odometer({
                    el: el,
                    value: 0,         // Start at 0
                    format: '(,ddd)', // Automatically adds commas for thousands (e.g., 12,000)
                    theme: 'default',
                    duration: 2000    // Adjust speed (2000ms = 2 seconds)
                });

                // Tell the observer to watch this specific element
                observer.observe(el);
            });
        });
    </script>
</body>
</html>

    <script type="text/javascript">

   let validator = {}
    const submitHandler = function (form) {
        // Clear previous server errors
        $(".error").remove();

        UIkit.notification({
    message: '<span uk-icon=\'icon: check\'></span> Thank you for your submission!',
    status: 'success',
    pos: 'bottom-center',
    timeout: 5000
});
        return;

        // Submit the form via AJAX
        $.ajax({
            url: "send-email.php",
            method: "POST",
            data: $(form).serialize(),
            dataType: 'json',
            success: function (response) {
                // Handle successful submission (optional)
                alert("Thank you for your submission!");
                form.reset();
            },
            error: function (xhr) {
                // Display server-side validation errors
                if (xhr.responseJSON && xhr.responseJSON.errors) {
                    $.each(xhr.responseJSON.errors, function (index, error) {
                        switch (error.field) {
                            case "name": validator.showErrors({ "name": "Name " + error.message });
                            break;
                            case "email": validator.showErrors({ "email": error.message })
                            break;
                        }
                    });
                } else {
                    alert("An unexpected error occurred.");
                }
            }
        });
    }


        $(document).ready(function() {
              $("#contact-form").validate({
                rules: {
                  fullname: {
                    required: true
                  },
                  email: {
                    required: true,
                    email: true
                  },
                  message: {
                    required: true,
                  }
                },
                messages: {
                  fullname: {
                    required: "Please enter your fullname"
                  },
                  email: {
                    required: "Please enter your email",
                    email: "Please enter a valid email address"
                  },
                  message: {
                    required: "Please enter your message"
                  }
                },
                submitHandler
              });
            });


        (function($) {


            

        })(jQuery);

        
    </script>
</body>
</html>