<!DOCTYPE html>
<html amp lang="id">
<head>
    <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1">
    <meta http-equiv="content-language" content="id">
    <link rel="canonical" href="https://www.bulldogbikesworldwide.com/shop/">
    <link rel="alternate" href="https://www.bulldogbikesworldwide.com/shop/" hreflang="id" />
    <title>TERBANG128 - Momentum Tepat Untuk Memulai dengan Kemenangan</title>
    <meta name="description" content="Manfaatkan TERBANG128 sebagai momentum paling tepat untuk memulai langkah Anda menuju kesuksesan besar dan raih kemenangan maksimal setiap harinya.">
    <meta name="robots" content="index, follow">
    <meta name="page-locale" content="id,en">
    <meta content="true" name="HandheldFriendly">
    <meta content="width" name="MobileOptimized">
    <meta property="og:title" content="TERBANG128">
    <meta property="og:description" content="Manfaatkan TERBANG128 sebagai momentum paling tepat untuk memulai langkah Anda menuju kesuksesan besar dan raih kemenangan maksimal setiap harinya.">
    <meta property="og:url" content="https://www.bulldogbikesworldwide.com/shop/">
    <meta property="og:site_name" content="TERBANG128">
    <meta property="og:author" content="TERBANG128">
    <meta property="og:image" content="https://ik.imagekit.io/ujkbh4hdw/NEW128/TERBANG128/terbang128bn.png">
    <meta name="og:locale" content="ID_id">
    <meta name="og:type" content="website">
    <meta name="rating" content="general">
    <meta name="author" content="TERBANG128">
    <meta name="distribution" content="global">
    <meta name="publisher" content="TERBANG128">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <link rel="icon" type="image/ico" href="https://ik.imagekit.io/ujkbh4hdw/NEW128/TERBANG128/terbang128logo.ico">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">

    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
    <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

    <style amp-custom>
        /* =============================================
           RESET & BASE
        ============================================= */
        *, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            -webkit-user-select: none;
            user-select: none;
        }
        :focus { outline: 0; }
        ::-webkit-scrollbar { display: none; }

        a, a:visited { text-decoration: none; }

        /* =============================================
           LAYOUT UTAMA — FULL VIEWPORT, CENTERED
        ============================================= */
        html {
            width: 100%;
            height: 100vh;
            margin: 0;
            padding: 0;
            background: #0a0000;
            overflow: hidden;
        }

        body {
            width: 100%;
            height: 100vh;
            margin: 0;
            padding: 0;
            overflow: hidden;
            display: flex;
            justify-content: center; /* Kunci untuk ke tengah di desktop */
            font-family: 'Noto Sans', Arial, sans-serif;
            color: #ffffff;
            background: #0a0000;
        }

        /* =============================================
           WRAPPER UTAMA — FLEX COLUMN FILL VIEWPORT
        ============================================= */
        .page-wrapper {
            display: flex;
            flex-direction: column;
            height: 100vh;
            width: 100%;
            max-width: 500px; /* Batas maksimal lebar dipindah ke sini */
            padding: 0 10px;
            overflow: hidden;
        }

        /* =============================================
           LOGO — ukuran proporsional, flex shrink
        ============================================= */
        .logo {
            text-align: center;
            flex-shrink: 0;
            padding: 6px 0 4px;
        }

        /* =============================================
           GAMBAR HERO — flex-grow mengisi sisa ruang
        ============================================= */
        .block-img {
            flex: 1 1 0;
            min-height: 0;
            position: relative;
            margin: 6px 0;
            border-radius: 10px;
            overflow: hidden;
            z-index: 1;
            padding: 3px;
            background: #000;
        }

        .block-img::before,
        .block-img::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(45deg,#ff0000,#ff3300,#ff5500,#aa0000,#ff2200);
            background-size: 200%;
            z-index: -1;
            animation: steam 5s linear infinite;
            border-radius: 10px;
        }
        .block-img::after {
            filter: blur(20px);
            opacity: 0.85;
        }

        /* AMP-IMG di dalam hero: isi penuh container */
        .block-img amp-img {
            border-radius: 8px;
            display: block;
        }

        /* =============================================
           TOMBOL UTAMA (DAFTAR SEKARANG)
        ============================================= */
        .btn-main {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 44px;
            flex-shrink: 0;
            margin: 4px 0;
            position: relative;
            background: #1a0000;
            border-radius: 8px;
            text-decoration: none;
            z-index: 1;
            border: 2px solid #ff0000;
            box-shadow: 0 0 10px rgba(255,0,0,0.7), 0 0 20px rgba(255,51,51,0.5);
            transition: box-shadow .3s;
        }
        .btn-main strong {
            letter-spacing: 3px;
            color: #d4ff00;
            font-size: 13px;
            text-shadow: 0 0 8px rgba(255,255,0,0.6);
        }
        .btn-main::before {
            content: "";
            position: absolute;
            inset: -4px;
            background: linear-gradient(45deg,#ff0000,#ff3300,#ff5500,#aa0000);
            border-radius: 10px;
            z-index: -2;
            filter: blur(12px);
            opacity: 0.6;
            animation: pulse 2s infinite;
        }

        /* =============================================
           TOMBOL CTA — grid 3 tombol
        ============================================= */
        .cta-list {
            display: grid;
            gap: 5px;
            flex-shrink: 0;
            margin-bottom: 4px;
        }

        .cta-list a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 38px;
            padding: 0 10px;
            background: linear-gradient(135deg,#660000,#c10000);
            border-radius: 8px;
            text-align: center;
            font-weight: 700;
            font-size: 12px;
            color: #ffe600;
            letter-spacing: 1px;
            position: relative;
            border: 1px solid #ff3300;
            box-shadow: 0 0 8px rgba(255,0,0,0.5);
            z-index: 1;
        }
        .cta-list a::before,
        .cta-list a::after {
            content: "";
            position: absolute;
            right: -3px;
            bottom: -3px;
            background: linear-gradient(45deg,#ff0000,#ff3300,#ff5500,#aa0000,#ff2200);
            background-size: 400%;
            width: calc(100% + 6px);
            height: calc(100% + 6px);
            z-index: -1;
            animation: steam 5s linear infinite;
            border-radius: 8px;
        }
        .cta-list a::after { filter: blur(30px); }

        /* =============================================
           JUDUL H1 — satu baris, shrink
        ============================================= */
        .page-title {
            flex-shrink: 0;
            text-align: center;
            color: #ffd900;
            font-size: clamp(9px, 2.2vw, 13px);
            line-height: 1.3;
            padding: 3px 0;
        }

        /* =============================================
           FOOTER
        ============================================= */
        .footer {
            text-align: center;
            flex-shrink: 0;
            font-size: 10px;
            color: #999;
            padding: 4px 0 6px;
        }
        .footer a { color: #ffd900; }

        /* =============================================
           ANIMASI
        ============================================= */
        @keyframes steam {
            0%   { background-position: 0 0; }
            50%  { background-position: 400% 0; }
            100% { background-position: 0 0; }
        }
        @keyframes pulse {
            0%   { opacity: 0.4; }
            50%  { opacity: 0.8; }
            100% { opacity: 0.4; }
        }

        /* =============================================
           DESKTOP ADJUSTMENT (≥ 500px)
        ============================================= */
        @media (min-width: 500px) {
            .logo { padding: 10px 0 6px; }
            .btn-main { height: 50px; margin: 6px 0; }
            .btn-main strong { font-size: 14px; }
            .cta-list { gap: 7px; }
            .cta-list a { height: 42px; font-size: 13px; }
            .page-title { font-size: 13px; }
        }

        /* =============================================
           SMALL PHONE (≤ 360px) — compress lebih ketat
        ============================================= */
        @media (max-width: 360px) {
            .logo { padding: 3px 0 2px; }
            .btn-main { height: 38px; }
            .btn-main strong { font-size: 11px; letter-spacing: 2px; }
            .cta-list a { height: 32px; font-size: 11px; }
            .cta-list { gap: 4px; }
            .page-title { font-size: 9px; }
        }
    </style>
</head>

<body>
    <amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include">
        <script type="application/json">
        {
            "vars": {
                "GA4_MEASUREMENT_ID": "G-DMWS36XPX1",
                "GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com",
                "DEFAULT_PAGEVIEW_ENABLED": true,
                "GOOGLE_CONSENT_ENABLED": false,
                "WEBVITALS_TRACKING": false,
                "PERFORMANCE_TIMING_TRACKING": false,
                "SEND_DOUBLECLICK_BEACON": false
            }
        }
        </script>
    </amp-analytics>

    <div class="page-wrapper">

        <div class="logo">
            <amp-img
                src="https://ik.imagekit.io/ujkbh4hdw/NEW128/TERBANG128/terbang128logo.png"
                width="240" height="80" layout="fixed"
                alt="Logo TERBANG128">
            </amp-img>
        </div>

        <div class="block-img">
            <a href="https://terbang128.pro" target="_blank" rel="noopener noreferrer nofollow">
                <amp-img
                    layout="fill"
                    alt="TERBANG128"
                    src="https://ik.imagekit.io/ujkbh4hdw/NEW128/TERBANG128/terbang128bn.png"
                    object-fit="cover">
                </amp-img>
            </a>
        </div>

        <a class="btn-main" href="https://terbang128.pro" target="_blank" rel="nofollow noopener noreferrer" aria-label="Daftar TERBANG128">
            <strong>✦ DAFTAR SEKARANG ✦</strong>
        </a>

        <div class="cta-list">
            <a href="https://terbang128.pro" target="_blank" rel="noopener noreferrer nofollow">DAFTAR TERBANG128</a>
            <a href="https://terbang128.pro" target="_blank" rel="noopener noreferrer nofollow">LOGIN TERBANG128</a>
            <a href="https://terbang128.pro" target="_blank" rel="noopener noreferrer nofollow">LINK ALTERNATIF TERBANG128</a>
        </div>

        <p class="page-title">
            TERBANG128 - Momentum Tepat Untuk Memulai dengan Kemenangan
        </p>

        <div class="footer">
            Copyright &copy;2026 SEO LUDRUK | SL TEAM128
        </div>

    </div>
</body>
</html>