{"id":10,"date":"2026-05-04T03:29:41","date_gmt":"2026-05-04T03:29:41","guid":{"rendered":"https:\/\/unggulekspor.com\/?page_id=10"},"modified":"2026-05-04T04:17:42","modified_gmt":"2026-05-04T04:17:42","slug":"home","status":"publish","type":"page","link":"https:\/\/unggulekspor.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd99368 e-con-full e-flex e-con e-parent\" data-id=\"fd99368\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-440569f elementor-widget elementor-widget-html\" data-id=\"440569f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- DOKUMENTASI: HERO SECTION FULL-WIDTH BARU -->\r\n<div class=\"hero-full-width animasi-sembunyi\">\r\n    <!-- Overlay gelap untuk memastikan teks terbaca -->\r\n    <div class=\"hero-overlay\"><\/div>\r\n    \r\n    <!-- Konten Teks -->\r\n    <div class=\"hero-content\">\r\n        <h1 class=\"hero-title\">\r\n            Premium Indonesian Export<br>to the Global Market\r\n        <\/h1>\r\n        <p class=\"hero-subtitle\">\r\n            Delivering high-quality eco-briquettes, marble stones, and custom cowhide products from reliable local producers worldwide.\r\n        <\/p>\r\n        <a href=\"#katalog\" class=\"btn-primary\">\r\n            View Our Catalog\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- DOKUMENTASI: CSS KHUSUS UNTUK HERO (Langsung di widget) -->\r\n<style>\r\n    \/* 1. MENGATUR WADAH UTAMA MENJADI FULL-WIDTH & FOTO *\/\r\n    .hero-full-width {\r\n        position: relative;\r\n        \/* Ganti URL_FOTO_ANDA dengan link foto asli dari Media WordPress kamu *\/\r\n        background: url('https:\/\/unggulekspor.com\/wp-content\/uploads\/2026\/05\/rice-terrace-ban-pa-bong-piang-chiang-mai-thailand-scaled.jpg') center\/cover no-repeat;\r\n        \/* Jika foto belum ada, gunakan warna cadangan arang\/gelap *\/\r\n        background-color: #2c3e50; \r\n        \r\n        \/* Memenuhi tinggi layar (sekitar 80% dari tinggi viewport) *\/\r\n        min-height: 80vh; \r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        \r\n        \/* Hapus radius sudut dan padding lama *\/\r\n        border-radius: 0 !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* 2. OVERLAY GELAP (Agar teks putih terlihat tajam) *\/\r\n    .hero-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        \/* Gradasi hitam transparan (60% - 80% gelap) *\/\r\n        background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8));\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* 3. STYLING KONTEN (Harus di atas overlay) *\/\r\n    .hero-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: 20px;\r\n        max-width: 900px;\r\n    }\r\n\r\n    \/* 4. TIPOGRAFI MODERN *\/\r\n    .hero-title {\r\n        color: #ffffff !important;\r\n        font-size: 3.8rem !important; \/* Ukuran besar dan bold *\/\r\n        font-weight: 800 !important;\r\n        line-height: 1.1 !important;\r\n        margin-bottom: 25px !important;\r\n        text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .hero-subtitle {\r\n        color: #e0e0e0 !important;\r\n        font-size: 1.3rem !important;\r\n        max-width: 700px;\r\n        margin: 0 auto 40px auto !important;\r\n        line-height: 1.6 !important;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* 5. STYLING TOMBOL MODERN (Sama seperti desain smooth sebelumnya) *\/\r\n    .btn-primary {\r\n        display: inline-block;\r\n        background-color: #d1122a; \/* Merah khas Bakool *\/\r\n        color: #ffffff !important;\r\n        padding: 18px 45px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        font-size: 1.1rem;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        box-shadow: 0 4px 15px rgba(209, 18, 42, 0.3);\r\n    }\r\n\r\n    .btn-primary:hover {\r\n        background-color: #a00d1e;\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 8px 25px rgba(209, 18, 42, 0.5);\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0cd460c e-flex e-con-boxed e-con e-parent\" data-id=\"0cd460c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cedb5b2 elementor-widget elementor-widget-html\" data-id=\"cedb5b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- DOKUMENTASI: SECTION KATALOG PRODUK -->\r\n<div class=\"katalog-section animasi-sembunyi\" id=\"katalog\">\r\n    \r\n    <!-- Judul Bagian -->\r\n    <div class=\"katalog-header\">\r\n        <h2>Our Premium Export Products<\/h2>\r\n        <p>Explore our high-quality commodities manufactured in Indonesia<\/p>\r\n    <\/div>\r\n\r\n    <!-- Grid Produk -->\r\n    <div class=\"katalog-ekspor-grid\">\r\n        \r\n        <!-- Kartu Produk 1: Batu Alam (Muncul dengan delay 0.2s) -->\r\n        <div class=\"kartu-produk animasi-sembunyi delay-1\">\r\n            <!-- Ganti URL_GAMBAR_BATU dengan link aslimu -->\r\n            <img decoding=\"async\" src=\"https:\/\/unggulekspor.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-04-110659.png\" alt=\"Premium Pebble Stone\">\r\n            <h3>Natural Pebble Stone<\/h3>\r\n            <p><strong>Size:<\/strong> 30 x 30 cm<br>\r\n            <strong>Weight\/m:<\/strong> 20 kg<br>\r\n            <strong>Contents\/m:<\/strong> 11 pcs<\/p>\r\n        <\/div>\r\n\r\n        <!-- Kartu Produk 2: Briket (Muncul dengan delay 0.4s) -->\r\n        <div class=\"kartu-produk animasi-sembunyi delay-2\">\r\n            <!-- Ganti URL_GAMBAR_BRIKET dengan link aslimu -->\r\n            <img decoding=\"async\" src=\"https:\/\/unggulekspor.com\/wp-content\/uploads\/2026\/05\/display-dark-charcoal-different-forms-shapes-scaled.jpg\" alt=\"Coconut Charcoal Briquette\">\r\n            <h3>Coconut Charcoal Briquette<\/h3>\r\n            <p><strong>Burn Time:<\/strong> 3-4 Hours<br>\r\n            <strong>Ash Content:<\/strong> 3-5%<br>\r\n            <strong>Ash Colour:<\/strong> White<\/p>\r\n        <\/div>\r\n\r\n        <!-- Kartu Produk 3: Kerupuk Kulit (Muncul dengan delay 0.6s) -->\r\n        <div class=\"kartu-produk animasi-sembunyi delay-3\">\r\n            <!-- Ganti URL_GAMBAR_KERUPUK dengan link aslimu -->\r\n            <img decoding=\"async\" src=\"https:\/\/unggulekspor.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-04-110839.png\" alt=\"Custom Cowhide Crackers\">\r\n            <h3>Custom Cowhide Crackers<\/h3>\r\n            <p><strong>OEM & Private Label:<\/strong> Available<br>\r\n            <strong>Custom Size & Weight:<\/strong> Available<br>\r\n            <strong>Material:<\/strong> Authentic Cowhide<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- DOKUMENTASI: CSS KHUSUS KATALOG -->\r\n<style>\r\n    .katalog-section {\r\n        padding: 100px 20px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    .katalog-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n    \r\n    .katalog-header h2 {\r\n        font-size: 2.8rem;\r\n        color: #333333;\r\n        margin-bottom: 15px;\r\n        font-weight: 800;\r\n    }\r\n    \r\n    .katalog-header p {\r\n        font-size: 1.2rem;\r\n        color: #666666;\r\n    }\r\n    \r\n    \/* Layout Grid Responsive *\/\r\n    .katalog-ekspor-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 40px;\r\n    }\r\n    \r\n    \/* Gaya Kartu Produk & Hover Effect *\/\r\n    .kartu-produk {\r\n        border: 1px solid #eaeaea;\r\n        border-radius: 12px;\r\n        padding: 30px;\r\n        text-align: center;\r\n        background-color: #ffffff;\r\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n    }\r\n    \r\n    .kartu-produk:hover {\r\n        transform: translateY(-12px);\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n        border-color: #d1122a; \/* Warna Aksen Merah Bakool *\/\r\n    }\r\n    \r\n    \/* Gaya Placeholder Gambar *\/\r\n    .kartu-produk img {\r\n        width: 100%;\r\n        height: 250px;\r\n        object-fit: cover;\r\n        border-radius: 8px;\r\n        margin-bottom: 25px;\r\n        background-color: #f0f0f0; \r\n    }\r\n    \r\n    .kartu-produk h3 {\r\n        font-size: 1.4rem;\r\n        color: #222222;\r\n        margin-bottom: 15px;\r\n        font-weight: 700;\r\n    }\r\n    \r\n    .kartu-produk p {\r\n        font-size: 1rem;\r\n        color: #555555;\r\n        line-height: 1.7;\r\n        margin-bottom: 0;\r\n    }\r\n<\/style>\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-7514531 e-flex e-con-boxed e-con e-parent\" data-id=\"7514531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cf9db7 elementor-widget elementor-widget-html\" data-id=\"0cf9db7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- DOKUMENTASI: SECTION PENGIRIMAN DENGAN DESAIN PREMIUM -->\r\n<div class=\"logistik-wrapper animasi-sembunyi\">\r\n    <div class=\"info-section\">\r\n        <div class=\"info-grid\">\r\n            \r\n            <!-- Kartu 1: Shipment Details -->\r\n            <div class=\"info-card animasi-sembunyi delay-1\">\r\n                <div class=\"card-icon\">\ud83d\udea2<\/div>\r\n                <h3>Shipment Details<\/h3>\r\n                <ul class=\"info-list\">\r\n                    <li><strong>LCL & FCL<\/strong> available according to your needs[cite: 1].<\/li>\r\n                    <li><strong>20ft Container:<\/strong> Approx. 18 - 20 Tons capacity[cite: 1, 2].<\/li>\r\n                    <li><strong>40ft Container:<\/strong> Approx. 24 - 27 Tons capacity[cite: 1, 2].<\/li>\r\n                    <li><strong>Service:<\/strong> Port-to-Port & Door-to-Port[cite: 1].<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <!-- Kartu 2: Payment Terms -->\r\n            <div class=\"info-card animasi-sembunyi delay-2\">\r\n                <div class=\"card-icon\">\ud83d\udcb3<\/div>\r\n                <h3>Payment Terms<\/h3>\r\n                <p class=\"payment-intro\">We accept <strong>Wire Transfer (T\/T)<\/strong> with the following terms[cite: 1, 2]:<\/p>\r\n                <ul class=\"info-list\">\r\n                    <li><strong>50%<\/strong> Advanced Payment[cite: 1, 2]<\/li>\r\n                    <li><strong>20%<\/strong> Packing Process[cite: 1, 2]<\/li>\r\n                    <li><strong>30%<\/strong> Close Container or Shipment Pick Up[cite: 1, 2]<\/li>\r\n                <\/ul>\r\n                <p class=\"payment-note\">*The payment terms ratio can be discussed if it doesn't suit you[cite: 1, 2].<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* 1. LATAR BELAKANG KONTENER UTAMA (Memecah warna putih) *\/\r\n    .logistik-wrapper {\r\n        background-color: #fcfcfc; \/* Warna off-white premium *\/\r\n        background-image: radial-gradient(#e5e5e5 0.5px, transparent 0.5px); \/* Pola titik halus ala React UI *\/\r\n        background-size: 20px 20px;\r\n        padding: 80px 0;\r\n        width: 100%;\r\n    }\r\n\r\n    .info-section {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .info-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 40px;\r\n    }\r\n\r\n    \/* 2. GAYA KARTU DENGAN EFEK SHADOW HALUS *\/\r\n    .info-card {\r\n        background: #ffffff;\r\n        padding: 40px;\r\n        border-radius: 16px;\r\n        border: 1px solid rgba(0,0,0,0.03);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.04);\r\n        position: relative;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .info-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n        border-color: rgba(209, 18, 42, 0.2);\r\n    }\r\n\r\n    \/* 3. ICON & JUDUL *\/\r\n    .card-icon {\r\n        font-size: 2rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .info-card h3 {\r\n        font-size: 1.6rem;\r\n        color: #1a1a1a;\r\n        margin-bottom: 25px;\r\n        font-weight: 800;\r\n        border-left: 4px solid #d1122a; \/* Garis vertikal merah *\/\r\n        padding-left: 15px;\r\n    }\r\n\r\n    \/* 4. LIST & TEKS *\/\r\n    .info-list {\r\n        list-style: none;\r\n        padding: 0;\r\n    }\r\n\r\n    .info-list li {\r\n        padding: 15px 0;\r\n        border-bottom: 1px dashed #eee;\r\n        color: #4a4a4a;\r\n        font-size: 1.05rem;\r\n    }\r\n\r\n    .info-list li:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .payment-intro {\r\n        color: #666;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .payment-note {\r\n        font-size: 0.85rem;\r\n        color: #999;\r\n        margin-top: 20px;\r\n        font-style: italic;\r\n    }\r\n<\/style>\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-bb37714 e-flex e-con-boxed e-con e-parent\" data-id=\"bb37714\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-015b454 elementor-widget elementor-widget-html\" data-id=\"015b454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- DOKUMENTASI: SECTION KEUNGGULAN (WHY CHOOSE US) -->\n<div class=\"advantage-section animasi-sembunyi\">\n    <div class=\"advantage-header\">\n        <h2>Why Partner With Us?<\/h2>\n    <\/div>\n\n    <div class=\"advantage-grid\">\n        <!-- Keunggulan 1: Kualitas -->\n        <div class=\"advantage-card animasi-sembunyi delay-1\">\n            <div class=\"adv-icon\">\u2b50<\/div>\n            <h4>Premium Quality<\/h4>\n            <p>Strict quality control for all our homemade products, from briquettes to stones[cite: 1, 2].<\/p>\n        <\/div>\n\n        <!-- Keunggulan 2: Pengiriman -->\n        <div class=\"advantage-card animasi-sembunyi delay-2\">\n            <div class=\"adv-icon\">\ud83c\udf0d<\/div>\n            <h4>Global Logistics<\/h4>\n            <p>Years of experience shipping worldwide with flexible LCL and FCL options[cite: 1, 3].<\/p>\n        <\/div>\n\n        <!-- Keunggulan 3: Produsen Langsung -->\n        <div class=\"advantage-card animasi-sembunyi delay-3\">\n            <div class=\"adv-icon\">\ud83e\udd1d<\/div>\n            <h4>Direct Sourcing<\/h4>\n            <p>We work directly with local producers to ensure fair pricing and sustainability[cite: 1, 3].<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .advantage-section {\n        padding: 100px 20px;\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .advantage-header h2 {\n        font-size: 2.5rem;\n        font-weight: 800;\n        margin-bottom: 50px;\n        color: #333;\n    }\n\n    .advantage-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n    }\n\n    .advantage-card {\n        padding: 40px 30px;\n        border-radius: 20px;\n        background: #fff;\n        \/* Efek Shadow Halus ala React UI *\/\n        box-shadow: 0 15px 35px rgba(0,0,0,0.05);\n        transition: all 0.3s ease;\n    }\n\n    .advantage-card:hover {\n        transform: scale(1.05); \/* Sedikit membesar saat hover *\/\n        background: #d1122a; \/* Berubah jadi merah saat di-hover *\/\n    }\n\n    .advantage-card:hover h4, \n    .advantage-card:hover p {\n        color: #fff !important; \/* Teks jadi putih saat hover *\/\n    }\n\n    .adv-icon {\n        font-size: 2.5rem;\n        margin-bottom: 20px;\n    }\n\n    .advantage-card h4 {\n        font-size: 1.4rem;\n        font-weight: 700;\n        margin-bottom: 15px;\n        color: #1a1a1a;\n    }\n\n    .advantage-card p {\n        font-size: 1rem;\n        color: #666;\n        line-height: 1.6;\n    }\n<\/style>\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>Premium Indonesian Exportto the Global Market Delivering high-quality eco-briquettes, marble stones, and custom cowhide products from reliable local producers worldwide. View Our Catalog Our Premium Export Products Explore our high-quality commodities manufactured in Indonesia Natural Pebble Stone Size: 30 x 30 cm Weight\/m: 20 kg Contents\/m: 11 pcs Coconut Charcoal Briquette Burn Time: 3-4 Hours [&hellip;]<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unggulekspor.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unggulekspor.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unggulekspor.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unggulekspor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unggulekspor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":5,"href":"https:\/\/unggulekspor.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/unggulekspor.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/unggulekspor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}