{"id":8,"date":"2026-05-31T03:55:39","date_gmt":"2026-05-31T03:55:39","guid":{"rendered":"https:\/\/gibbscapy.lol\/?page_id=8"},"modified":"2026-05-31T04:26:32","modified_gmt":"2026-05-31T04:26:32","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/gibbscapy.lol\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35ddb6e e-flex e-con-boxed e-con e-parent\" data-id=\"35ddb6e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/gibbscapy.lol\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/HERO-GIBBS.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-699abfa e-con-full e-flex e-con e-child\" data-id=\"699abfa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e2b029 elementor-widget elementor-widget-html\" data-id=\"3e2b029\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- 1. KONEKSI GOOGLE FONTS PREMIUM (Cinzel untuk kemewahan, Montserrat untuk ketajaman teks) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700&family=Montserrat:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<!-- 2. STRUKTUR MENU NAVIGASI (HTML dengan Balutan Luxury Card) -->\n<div class=\"gibbs-nav-wrapper\">\n    <div class=\"gibbs-nav-luxury-card\">\n        <div class=\"gibbs-nav-container\">\n            \n            <!-- Judul Sebelah Kiri dengan Efek Kilau Emas -->\n            <div class=\"gibbs-nav-logo\">\n                <a href=\"#\">GIBBS<\/a>\n            <\/div>\n            \n            <!-- Menu Sebelah Kanan dengan Hover Efek Glow -->\n            <div class=\"gibbs-nav-menu\">\n                <a href=\"https:\/\/twitter.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gibbs-nav-item\">Twitter<\/a>\n                <a href=\"https:\/\/t.me\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gibbs-nav-item\">Telegram<\/a>\n                <a href=\"#buy\" class=\"gibbs-nav-item gibbs-btn-buy\">Buy $GIBBS<\/a>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- 3. GAYA DESAIN MEWAH & ADAPTIF (CSS) -->\n<style>\n    \/* Reset & Sinkronisasi Font Premium *\/\n    .gibbs-nav-wrapper, \n    .gibbs-nav-wrapper *, \n    .gibbs-nav-wrapper ::before, \n    .gibbs-nav-wrapper ::after {\n        box-sizing: border-box;\n    }\n\n    \/* Pembungkus luar, tetap transparan agar menyatu dengan latar belakang WordPress *\/\n    .gibbs-nav-wrapper {\n        width: 100%;\n        background-color: transparent; \n        padding: 20px;\n    }\n\n    \/* Balutan Card Mewah (Floating Glassmorphism + Efek Gradasi Border) *\/\n    .gibbs-nav-luxury-card {\n        max-width: 1200px;\n        margin: 0 auto;\n        \/* Efek kaca transparan premium agar warna latar belakang WordPress tetap terlihat di baliknya *\/\n        background: rgba(255, 255, 255, 0.03); \n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        \n        \/* Desain Border Halus Multi-dimensi *\/\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 16px;\n        \n        \/* Efek Bayangan Lembut & Mewah *\/\n        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2),\n                    inset 0 1px 2px rgba(255, 255, 255, 0.05);\n        \n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    \/* Animasi Card saat di-hover secara keseluruhan *\/\n    .gibbs-nav-luxury-card:hover {\n        border-color: rgba(212, 163, 115, 0.3); \/* Sentuhan warna emas tipis saat aktif *\/\n        box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.3),\n                    inset 0 1px 3px rgba(255, 255, 255, 0.1);\n        transform: translateY(-2px);\n    }\n\n    \/* Kontainer Dalam Navigasi *\/\n    .gibbs-nav-container {\n        padding: 14px 24px;\n    }\n\n    .gibbs-nav-container::after {\n        content: \"\";\n        display: table;\n        clear: both;\n    }\n\n    \/* Pengaturan Logo Kiri dengan Font Sinematik \/ Mewah *\/\n    .gibbs-nav-logo {\n        float: left;\n        line-height: 44px;\n    }\n\n    .gibbs-nav-logo a {\n        font-family: 'Cinzel', serif;\n        font-size: 24px;\n        font-weight: 700;\n        color: inherit; \/* Ikut skema teks WordPress *\/\n        text-decoration: none;\n        letter-spacing: 3px;\n        background: linear-gradient(135deg, #ffffff 0%, #e2ebe9 50%, #d4a373 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        transition: opacity 0.3s ease;\n    }\n\n    .gibbs-nav-logo a:hover {\n        opacity: 0.9;\n    }\n\n    \/* Urutan Kelompok Menu Kanan *\/\n    .gibbs-nav-menu {\n        float: right;\n        text-align: right;\n        line-height: 44px;\n    }\n\n    \/* Pengaturan Menu Teks dengan Font Montserrat *\/\n    .gibbs-nav-item {\n        display: inline-block;\n        font-family: 'Montserrat', sans-serif;\n        color: inherit; \n        text-decoration: none;\n        font-size: 14px;\n        font-weight: 600;\n        letter-spacing: 0.5px;\n        margin-left: 28px;\n        position: relative;\n        vertical-align: middle;\n        transition: color 0.3s ease, transform 0.3s ease;\n    }\n\n    \/* Efek Garis Bawah Interaktif (Hover Animation) untuk Twitter & Telegram *\/\n    .gibbs-nav-item:not(.gibbs-btn-buy)::after {\n        content: '';\n        position: absolute;\n        width: 100%;\n        transform: scaleX(0);\n        height: 2px;\n        bottom: 0;\n        left: 0;\n        background: linear-gradient(90deg, #d4a373, #ffffff);\n        transform-origin: bottom right;\n        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .gibbs-nav-item:not(.gibbs-btn-buy):hover {\n        transform: translateY(-1px);\n    }\n\n    .gibbs-nav-item:not(.gibbs-btn-buy):hover::after {\n        transform: scaleX(1);\n        transform-origin: bottom left;\n    }\n\n    \/* Tombol Khusus \"Buy $GIBBS\" Premium *\/\n    .gibbs-nav-item.gibbs-btn-buy {\n        background: linear-gradient(135deg, #e5ba8f 0%, #d4a373 100%);\n        color: #1a2e26 !important; \n        padding: 0 22px;\n        border-radius: 8px;\n        line-height: 40px;\n        height: 40px;\n        font-weight: 700;\n        margin-left: 28px;\n        box-shadow: 0 4px 15px rgba(212, 163, 115, 0.2);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .gibbs-nav-item.gibbs-btn-buy:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(212, 163, 115, 0.4);\n        filter: brightness(1.05);\n    }\n\n    \/* ==========================================================================\n       RESPONSIVE DESIGN (Bebas Rusak, Pas di Semua Ukuran Layar Mobile)\n       ========================================================================== *\/\n    @media screen and (max-width: 650px) {\n        .gibbs-nav-wrapper {\n            padding: 12px;\n        }\n\n        .gibbs-nav-luxury-card {\n            border-radius: 12px;\n        }\n\n        .gibbs-nav-container {\n            padding: 14px 16px;\n        }\n\n        \/* Meratakan logo di bagian atas tengah *\/\n        .gibbs-nav-logo {\n            float: none;\n            display: block;\n            text-align: center;\n            margin-bottom: 12px;\n            line-height: 1;\n        }\n\n        .gibbs-nav-logo a {\n            font-size: 20px;\n            letter-spacing: 2px;\n        }\n\n        \/* Meratakan menu sosial & tombol di bagian bawah tengah *\/\n        .gibbs-nav-menu {\n            float: none;\n            display: block;\n            text-align: center;\n            line-height: 1;\n            width: 100%;\n        }\n\n        \/* Jarak menu yang presisi agar tidak bergeser keluar batas layar smartphone *\/\n        .gibbs-nav-item {\n            font-size: 13px;\n            margin-left: 10px;\n            margin-right: 10px;\n        }\n\n        \/* Penyesuaian tombol aksi buy di smartphone *\/\n        .gibbs-nav-item.gibbs-btn-buy {\n            margin-left: 6px;\n            margin-right: 0;\n            padding: 0 14px;\n            line-height: 34px;\n            height: 34px;\n            font-size: 12px;\n            display: inline-block;\n        }\n    }\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-919691d e-con-full e-flex e-con e-child\" data-id=\"919691d\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1ba52f e-flex e-con-boxed e-con e-parent\" data-id=\"a1ba52f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9684743 e-con-full e-flex e-con e-child\" data-id=\"9684743\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2964013 e-flex e-con-boxed e-con e-parent\" data-id=\"2964013\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-08651b3 e-con-full e-flex e-con e-child\" data-id=\"08651b3\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GIBBS Twitter Telegram Buy $GIBBS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gibbscapy.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gibbscapy.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gibbscapy.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gibbscapy.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gibbscapy.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":11,"href":"https:\/\/gibbscapy.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/gibbscapy.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/gibbscapy.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}