{"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-05T18:17:38","modified_gmt":"2026-05-05T18:17:38","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<!-- ==========================================\r\n     1. HERO SECTION (EXPORT TRADER NARRATIVE)\r\n     ========================================== -->\r\n<div class=\"corporate-hero\">\r\n    <div class=\"hero-overlay-gradient\"><\/div>\r\n    <div class=\"hero-content-container animasi-sembunyi delay-1\">\r\n        <span class=\"hero-tagline\">PREMIUM INDONESIAN EXPORT TRADER<\/span>\r\n        <h1>Connecting Indonesia's Finest<br>Commodities to the World.<\/h1>\r\n        <p>Based in Surabaya, we are a premier export trading company specializing in high-grade eco-briquettes, natural stones, and authentic leather goods. We bridge the gap between global buyers and Indonesia's most reliable local manufacturers.<\/p>\r\n        <div class=\"hero-buttons\">\r\n            <a href=\"#products\" class=\"btn-solid\">Explore Products<\/a>\r\n            <a href=\"#about\" class=\"btn-outline\">Why Partner With Us<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     2. COMPANY STATS (BUILDING TRUST FOR TRADERS)\r\n     ========================================== -->\r\n<div class=\"corporate-stats\">\r\n    <div class=\"stats-grid\">\r\n        <div class=\"stat-item animasi-sembunyi delay-1\">\r\n            <span class=\"stat-number\">Direct<\/span>\r\n            <span class=\"stat-label\">Factory Sourcing<\/span>\r\n        <\/div>\r\n        <div class=\"stat-item animasi-sembunyi delay-2\">\r\n            <span class=\"stat-number\">100%<\/span>\r\n            <span class=\"stat-label\">Quality Assured<\/span>\r\n        <\/div>\r\n        <div class=\"stat-item animasi-sembunyi delay-3\">\r\n            <span class=\"stat-number\">OEM<\/span>\r\n            <span class=\"stat-label\">Private Label Ready<\/span>\r\n        <\/div>\r\n        <div class=\"stat-item animasi-sembunyi delay-4\">\r\n            <span class=\"stat-number\">Global<\/span>\r\n            <span class=\"stat-label\">Export Reach<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     3. ABOUT US (THE EXPORT TRADER NARRATIVE)\r\n     ========================================== -->\r\n<div class=\"corporate-about\" id=\"about\">\r\n    <div class=\"about-grid\">\r\n        <div class=\"about-text animasi-sembunyi delay-1\">\r\n            <span class=\"section-subtitle\">YOUR INDONESIAN SOURCING PARTNER<\/span>\r\n            <h2>Excellence in Trade & Quality Control.<\/h2>\r\n            <p>At Unggul Ekspor, we act as your eyes and hands in Indonesia. As a dedicated export trader, our core strength lies in our extensive network of highly skilled local producers. We navigate the local market to source the best commodities, ensuring you receive competitive pricing without compromising on premium quality.<\/p>\r\n            <p>We understand that international trade requires absolute trust. That is why we meticulously oversee every step of the process\u2014from factory selection, strict quality audits during production, custom OEM packaging, right down to handling the export documentation and container loading.<\/p>\r\n            <ul class=\"about-highlights\">\r\n                <li>\u2713 Direct access to verified local manufacturers<\/li>\r\n                <li>\u2713 Strict pre-shipment quality inspections<\/li>\r\n                <li>\u2713 Hassle-free export documentation & handling<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        <div class=\"about-image-wrapper animasi-sembunyi delay-2\">\r\n            <!-- Ganti URL ini dengan foto produk, pabrik, atau tim Anda -->\r\n            <div class=\"about-image\" style=\"background-image: url('httpshttps:\/\/unggulekspor.com\/wp-content\/uploads\/2026\/05\/rice-terrace-ban-pa-bong-piang-chiang-mai-thailand-scaled.jpg');\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     4. PRODUCT SHOWCASE (INFORMATIVE GRID)\r\n     ========================================== -->\r\n<div class=\"corporate-products\" id=\"products\">\r\n    <div class=\"section-header text-center animasi-sembunyi delay-1\">\r\n        <span class=\"section-subtitle\">OUR COMMODITIES<\/span>\r\n        <h2>Premium Export Categories<\/h2>\r\n        <p class=\"header-desc\">Manufactured to meet international standards. Available for OEM and Private Labeling.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"products-grid\">\r\n        <!-- Produk 1 -->\r\n        <div class=\"prod-card animasi-sembunyi delay-1\">\r\n            <div class=\"prod-img\" style=\"background-image: url('URL_GAMBAR_BRIKET');\"><\/div>\r\n            <div class=\"prod-content\">\r\n                <h3>Eco-Briquettes<\/h3>\r\n                <p>100% natural coconut shell charcoal briquettes designed for shisha and BBQ. Offering minimal ash content (3-5%), white ash color, and a consistent 3-4 hours burn time.<\/p>\r\n                <div class=\"prod-specs\">\r\n                    <span>Packaging: Masterbox w\/ Inner plastic<\/span>\r\n                    <span>Shapes: Cube, Hexagonal<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Produk 2 -->\r\n        <div class=\"prod-card animasi-sembunyi delay-2\">\r\n            <div class=\"prod-img\" style=\"background-image: url('URL_GAMBAR_BATU_ALAM');\"><\/div>\r\n            <div class=\"prod-content\">\r\n                <h3>Natural Stones<\/h3>\r\n                <p>Exquisite Indonesian pebble stones and interlock mosaics. Ideal for landscaping, architectural projects, and premium interior design.<\/p>\r\n                <div class=\"prod-specs\">\r\n                    <span>Size: 30x30 cm \/ Weight: 20kg\/m<\/span>\r\n                    <span>Variants: Slice Pebble, Coin Oval, Parquetry<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Produk 3 -->\r\n        <div class=\"prod-card animasi-sembunyi delay-3\">\r\n            <div class=\"prod-img\" style=\"background-image: url('URL_GAMBAR_KERUPUK');\"><\/div>\r\n            <div class=\"prod-content\">\r\n                <h3>Authentic Cowhide<\/h3>\r\n                <p>High-quality cowhide crackers and leather goods. We accommodate customized dimensions, exact weight requirements, and fully personalized packaging designs.<\/p>\r\n                <div class=\"prod-specs\">\r\n                    <span>Service: OEM & Private Label Ready<\/span>\r\n                    <span>Variants: Long, Square, Custom<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     5. TRADE TERMS & CONTACT (TRANSPARENT)\r\n     ========================================== -->\r\n<div class=\"corporate-trade-contact\">\r\n    <div class=\"trade-grid\">\r\n        \r\n        <!-- Informasi Pengiriman & Trading -->\r\n        <div class=\"trade-info animasi-sembunyi delay-1\">\r\n            <span class=\"section-subtitle\">LOGISTICS & SECURE PAYMENT<\/span>\r\n            <h2>Smooth & Secure Global Transactions.<\/h2>\r\n            <p>We partner with reliable freight forwarders to provide secure shipping, backed by strict and transparent financial policies.<\/p>\r\n            \r\n            <div class=\"info-box\">\r\n                <h4>\ud83d\udce6 Shipping Options<\/h4>\r\n                <p>Supporting both LCL and FCL shipments. Our 20ft containers accommodate approx. 18-20 Tons, while 40ft containers hold 24-27 Tons depending on the commodity.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"info-box\" style=\"border-left: 4px solid #d1122a;\">\r\n                <h4 style=\"color: #d1122a;\">\ud83d\udcb3 Strict Payment Policy<\/h4>\r\n                <p style=\"margin-bottom: 10px;\">We strictly accept the following payment methods:<\/p>\r\n                <ul style=\"margin: 0 0 15px 20px; color: var(--text-main); line-height: 1.6;\">\r\n                    <li><strong>T\/T (Telegraphic Transfer)<\/strong><\/li>\r\n                    <li><strong>L\/C (Letter of Credit)<\/strong> at sight<\/li>\r\n                <\/ul>\r\n                <p style=\"background: #fee2e2; color: #991b1b; padding: 12px 15px; border-radius: 4px; font-size: 0.9rem; font-weight: 600; margin: 0;\">\r\n                    \u26a0\ufe0f Order processing and production will strictly commence ONLY after the funds\/L\/C are fully cashed, cleared, and verified in our corporate bank account.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Formulir \/ Kontak Cepat -->\r\n        <div class=\"contact-card animasi-sembunyi delay-2\">\r\n            <h3>Request a Quote<\/h3>\r\n            <p>Reach out to our team in Surabaya for pricing, MOQs, or custom OEM manufacturing inquiries.<\/p>\r\n            \r\n            <div class=\"contact-list\">\r\n                <div class=\"c-item\">\r\n                    <span class=\"c-icon\">\ud83d\udccd<\/span>\r\n                    <span>Kendung Rejo, Surabaya, East Java, Indonesia<\/span>\r\n                <\/div>\r\n                <div class=\"c-item\">\r\n                    <span class=\"c-icon\">\u2709\ufe0f<\/span>\r\n                    <span>sales@unggulekspor.com<\/span>\r\n                <\/div>\r\n                <div class=\"c-item\">\r\n                    <span class=\"c-icon\">\ud83d\udcde<\/span>\r\n                    <span>(+62) 821-3296-1909<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <a href=\"https:\/\/wa.me\/6289678039421\" class=\"btn-whatsapp\" target=\"_blank\">Chat with us on WhatsApp<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     CORPORATE CSS STYLING\r\n     ========================================== -->\r\n<style>\r\n    :root {\r\n        --primary-blue: #0f172a;\r\n        --accent-blue: #0284c7;\r\n        --light-blue: #f0f9ff;\r\n        --text-main: #334155;\r\n        --text-light: #64748b;\r\n    }\r\n    * { box-sizing: border-box; }\r\n    \r\n    \/* --- HERO --- *\/\r\n    .corporate-hero {\r\n        position: relative; width: 100%; min-height: 95vh;\r\n        background: url('https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?q=80&w=2000&auto=format&fit=crop') center\/cover;\r\n        display: flex; align-items: center; padding: 0 5%;\r\n    }\r\n    .hero-overlay-gradient {\r\n        position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(90deg, rgba(15,23,42,0.95) 0%, rgba(15,23,42,0.7) 50%, rgba(15,23,42,0.3) 100%);\r\n    }\r\n    .hero-content-container { position: relative; z-index: 2; max-width: 800px; color: #fff; }\r\n    .hero-tagline { display: inline-block; color: #38bdf8; font-weight: 700; letter-spacing: 2px; margin-bottom: 20px; font-size: 0.9rem; }\r\n    .hero-content-container h1 { font-size: 4rem; font-weight: 800; line-height: 1.1; margin-bottom: 30px; letter-spacing: -1px; color: #fff;}\r\n    .hero-content-container p { font-size: 1.2rem; line-height: 1.7; color: #cbd5e1; margin-bottom: 40px; font-weight: 300; }\r\n    .hero-buttons { display: flex; gap: 20px; }\r\n    .btn-solid { background: #0ea5e9; color: #fff; padding: 15px 35px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: 0.3s; }\r\n    .btn-solid:hover { background: #0284c7; }\r\n    .btn-outline { border: 1px solid #fff; color: #fff; padding: 15px 35px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: 0.3s; }\r\n    .btn-outline:hover { background: #fff; color: var(--primary-blue); }\r\n\r\n    \/* --- STATS --- *\/\r\n    .corporate-stats { background: #fff; border-bottom: 1px solid #e2e8f0; }\r\n    .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1200px; margin: 0 auto; }\r\n    .stat-item { padding: 40px 20px; text-align: center; border-right: 1px solid #e2e8f0; }\r\n    .stat-item:last-child { border-right: none; }\r\n    .stat-number { display: block; font-size: 2.5rem; font-weight: 800; color: var(--accent-blue); margin-bottom: 5px; }\r\n    .stat-label { font-size: 0.95rem; color: var(--text-light); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n    \/* --- ABOUT --- *\/\r\n    .corporate-about { padding: 100px 5%; background: #fff; }\r\n    .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; max-width: 1200px; margin: 0 auto; align-items: center; }\r\n    .section-subtitle { display: block; color: var(--accent-blue); font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; font-size: 0.85rem; }\r\n    .about-text h2 { font-size: 2.8rem; color: var(--primary-blue); font-weight: 800; line-height: 1.2; margin-bottom: 25px; }\r\n    .about-text p { font-size: 1.1rem; color: var(--text-main); line-height: 1.8; margin-bottom: 20px; }\r\n    .about-highlights { list-style: none; padding: 0; margin-top: 30px; }\r\n    .about-highlights li { font-size: 1.05rem; color: var(--primary-blue); font-weight: 600; margin-bottom: 15px; }\r\n    .about-image { width: 100%; height: 500px; background-size: cover; background-position: center; border-radius: 8px; box-shadow: -20px 20px 0px var(--light-blue); }\r\n\r\n    \/* --- PRODUCTS --- *\/\r\n    .corporate-products { background: #f8fafc; padding: 100px 5%; }\r\n    .section-header { margin-bottom: 60px; }\r\n    .section-header h2 { font-size: 2.8rem; color: var(--primary-blue); font-weight: 800; margin-bottom: 15px; }\r\n    .header-desc { font-size: 1.15rem; color: var(--text-light); max-width: 600px; margin: 0 auto; }\r\n    .products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; }\r\n    .prod-card { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #e2e8f0; transition: 0.3s; }\r\n    .prod-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.05); }\r\n    .prod-img { width: 100%; height: 280px; background-color: #e2e8f0; background-size: cover; background-position: center; }\r\n    .prod-content { padding: 40px 30px; }\r\n    .prod-content h3 { font-size: 1.5rem; color: var(--primary-blue); margin-bottom: 15px; font-weight: 700; }\r\n    .prod-content p { color: var(--text-main); line-height: 1.6; margin-bottom: 25px; font-size: 1rem; }\r\n    .prod-specs { border-top: 1px solid #e2e8f0; padding-top: 20px; display: flex; flex-direction: column; gap: 10px; }\r\n    .prod-specs span { font-size: 0.9rem; color: var(--text-light); font-weight: 500; }\r\n\r\n    \/* --- TRADE & CONTACT --- *\/\r\n    .corporate-trade-contact { padding: 100px 5%; background: #fff; }\r\n    .trade-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 80px; max-width: 1200px; margin: 0 auto; }\r\n    .trade-info h2 { font-size: 2.5rem; color: var(--primary-blue); font-weight: 800; margin-bottom: 20px; }\r\n    .trade-info > p { font-size: 1.1rem; color: var(--text-main); margin-bottom: 40px; line-height: 1.6; }\r\n    .info-box { background: var(--light-blue); padding: 30px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid var(--accent-blue); }\r\n    .info-box h4 { font-size: 1.2rem; color: var(--primary-blue); margin-bottom: 10px; font-weight: 700; }\r\n    .info-box p { color: var(--text-main); line-height: 1.6; margin: 0; font-size: 0.95rem; }\r\n    \r\n    .contact-card { background: var(--primary-blue); padding: 50px 40px; border-radius: 8px; color: #fff; box-shadow: 0 20px 40px rgba(15,23,42,0.2); }\r\n    .contact-card h3 { font-size: 2rem; margin-bottom: 15px; font-weight: 700; color: #fff; }\r\n    .contact-card p { color: #94a3b8; line-height: 1.6; margin-bottom: 40px; }\r\n    .contact-list { display: flex; flex-direction: column; gap: 25px; margin-bottom: 40px; }\r\n    .c-item { display: flex; align-items: flex-start; gap: 15px; }\r\n    .c-icon { font-size: 1.2rem; }\r\n    .c-item span:last-child { color: #f8fafc; font-size: 1.05rem; line-height: 1.4; }\r\n    .btn-whatsapp { display: block; text-align: center; background: #25D366; color: #fff; padding: 18px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1rem; transition: 0.3s; }\r\n    .btn-whatsapp:hover { background: #20bd5a; }\r\n\r\n    .text-center { text-align: center; }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 992px) {\r\n        .about-grid, .trade-grid { grid-template-columns: 1fr; gap: 40px; }\r\n        .stats-grid { grid-template-columns: 1fr 1fr; }\r\n        .stat-item { border-bottom: 1px solid #e2e8f0; }\r\n        .stat-item:nth-child(even) { border-right: none; }\r\n        .hero-content-container h1 { font-size: 3rem; }\r\n        .about-image { box-shadow: none; margin-top: 20px; }\r\n    }\r\n    @media (max-width: 576px) {\r\n        .stats-grid { grid-template-columns: 1fr; }\r\n        .stat-item { border-right: none; }\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-4b6c8ed e-con-full e-flex e-con e-parent\" data-id=\"4b6c8ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b87cc11 elementor-widget elementor-widget-html\" data-id=\"b87cc11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\n     FAQ SECTION (ACCORDION STYLE)\r\n     ========================================== -->\r\n<div class=\"corporate-faq animasi-sembunyi\" id=\"faq\">\r\n    <div class=\"faq-container\">\r\n        <div class=\"section-header text-center animasi-sembunyi delay-1\">\r\n            <span class=\"section-subtitle\">COMMON INQUIRIES<\/span>\r\n            <h2>Frequently Asked Questions<\/h2>\r\n            <p class=\"header-desc\">Clear and transparent trade terms for our global partners.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-accordion animasi-sembunyi delay-2\">\r\n            \r\n            <!-- FAQ 1 -->\r\n            <details class=\"faq-item\">\r\n                <summary>What is your Minimum Order Quantity (MOQ)?<\/summary>\r\n                <div class=\"faq-answer\">\r\n                    <p>Our standard Minimum Order Quantity is typically 1x20ft container to ensure cost-effective shipping for our buyers. However, we are open to discussing LCL (Less than Container Load) shipments for initial trial orders depending on the product category.<\/p>\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 2 -->\r\n            <details class=\"faq-item\">\r\n                <summary>What Incoterms do you support?<\/summary>\r\n                <div class=\"faq-answer\">\r\n                    <p>We primarily operate using FOB (Free on Board) Tanjung Perak Port, Surabaya. We can also accommodate CIF (Cost, Insurance, and Freight) and EXW (Ex Works) depending on your specific logistical requirements and destination port.<\/p>\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 3 -->\r\n            <details class=\"faq-item\">\r\n                <summary>Can I request product samples before placing a bulk order?<\/summary>\r\n                <div class=\"faq-answer\">\r\n                    <p>Absolutely. We encourage sampling to ensure our quality meets your standards. The product samples are free of charge, but the international courier shipping fees will be borne by the buyer. These shipping costs can be deducted from your first official bulk order.<\/p>\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 4 -->\r\n            <details class=\"faq-item\">\r\n                <summary>Do you offer OEM or Private Label packaging?<\/summary>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes, we do. We understand the importance of brand identity. You can provide us with your packaging design, and we will coordinate with our local manufacturers to produce and pack the goods strictly under your private label.<\/p>\r\n                <\/div>\r\n            <\/details>\r\n\r\n            <!-- FAQ 5 -->\r\n            <details class=\"faq-item\">\r\n                <summary>What is your typical production lead time?<\/summary>\r\n                <div class=\"faq-answer\">\r\n                    <p>Production lead time generally ranges from 2 to 4 weeks after the advanced payment is verified in our account. This timeframe varies depending on the order volume, product availability, and custom packaging requirements.<\/p>\r\n                <\/div>\r\n            <\/details>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- FAQ STYLING --- *\/\r\n    .corporate-faq {\r\n        background: #ffffff; \/* Latar putih bersih *\/\r\n        padding: 100px 5%;\r\n    }\r\n    \r\n    .faq-container {\r\n        max-width: 900px; \/* Dibuat lebih sempit agar nyaman dibaca *\/\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .faq-accordion {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    \/* Menggunakan tag detail asli HTML agar ringan tanpa JavaScript *\/\r\n    .faq-item {\r\n        background: var(--light-blue);\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .faq-item:hover {\r\n        border-color: var(--accent-blue);\r\n    }\r\n\r\n    .faq-item summary {\r\n        padding: 20px 25px;\r\n        font-size: 1.15rem;\r\n        font-weight: 700;\r\n        color: var(--primary-blue);\r\n        cursor: pointer;\r\n        list-style: none; \/* Menghilangkan panah bawaan *\/\r\n        position: relative;\r\n    }\r\n\r\n    \/* Membuat panah custom di sebelah kanan *\/\r\n    .faq-item summary::after {\r\n        content: '+';\r\n        position: absolute;\r\n        right: 25px;\r\n        font-size: 1.5rem;\r\n        font-weight: 400;\r\n        color: var(--accent-blue);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* Ubah panah saat accordion terbuka *\/\r\n    .faq-item[open] summary::after {\r\n        content: '\u2212'; \/* Tanda minus *\/\r\n    }\r\n\r\n    .faq-item[open] summary {\r\n        border-bottom: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .faq-answer {\r\n        padding: 20px 25px;\r\n        background: #ffffff;\r\n    }\r\n\r\n    .faq-answer p {\r\n        color: var(--text-main);\r\n        line-height: 1.7;\r\n        margin: 0;\r\n        font-size: 1rem;\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-14c13a6 e-con-full e-flex e-con e-parent\" data-id=\"14c13a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb38a12 elementor-widget elementor-widget-html\" data-id=\"fb38a12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\n     1. SUPPORTED DOCUMENTS BAR\r\n     ========================================== -->\r\n<div class=\"documents-bar animasi-sembunyi delay-1\">\r\n    <div class=\"docs-container\">\r\n        <span class=\"docs-title\">Verified Export Documentation Ready:<\/span>\r\n        <div class=\"docs-items\">\r\n            <span>\ud83d\udcc4 Commercial Invoice<\/span>\r\n            <span class=\"dot-separator\">\u2022<\/span>\r\n            <span>\ud83d\udcdd Packing List<\/span>\r\n            <span class=\"dot-separator\">\u2022<\/span>\r\n            <span>\ud83d\udea2 Bill of Lading (B\/L)<\/span>\r\n            <span class=\"dot-separator\">\u2022<\/span>\r\n            <span>\ud83c\udf0d Certificate of Origin (COO)<\/span>\r\n            <span class=\"dot-separator\">\u2022<\/span>\r\n            <span>\ud83c\udf31 Phytosanitary \/ Fumigation<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     2. INSIDE OUR FACILITY & LOGISTICS GALLERY\r\n     ========================================== -->\r\n<div class=\"facility-section animasi-sembunyi\">\r\n    <div class=\"section-header text-center\">\r\n        <span class=\"section-subtitle\">OUR INFRASTRUCTURE<\/span>\r\n        <h2>Integrated Operations & Logistics<\/h2>\r\n        <p class=\"header-desc\">From raw material sourcing to our dedicated expedition fleet, we ensure seamless handling of your cargo.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-grid\">\r\n        <!-- Galeri 1 -->\r\n        <div class=\"gallery-card animasi-sembunyi delay-1\">\r\n            <div class=\"gallery-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1587293852726-70cdb56c2866?q=80&w=800&auto=format&fit=crop');\"><\/div>\r\n            <div class=\"gallery-caption\">\r\n                <h4>Production & Processing<\/h4>\r\n                <p>Strict quality control at our local facilities.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Galeri 2 -->\r\n        <div class=\"gallery-card animasi-sembunyi delay-2\">\r\n            <div class=\"gallery-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1586528116311-ad8ed7e66a5a?q=80&w=800&auto=format&fit=crop');\"><\/div>\r\n            <div class=\"gallery-caption\">\r\n                <h4>Warehouse & Stuffing<\/h4>\r\n                <p>Secure loading process into 20ft and 40ft containers.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Galeri 3 -->\r\n        <div class=\"gallery-card animasi-sembunyi delay-3\">\r\n            <div class=\"gallery-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1519003722824-194d4455a60c?q=80&w=800&auto=format&fit=crop');\"><\/div>\r\n            <div class=\"gallery-caption\">\r\n                <h4>Integrated Expedition Fleet<\/h4>\r\n                <p>Our dedicated transport fleet ensures punctual port delivery.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     3. REQUEST FOR QUOTATION (RFQ) FORM - EMAIL SYSTEM\r\n     ========================================== -->\r\n<div class=\"rfq-section animasi-sembunyi\" id=\"rfq\">\r\n    <div class=\"rfq-container\">\r\n        <div class=\"rfq-content\">\r\n            <span class=\"section-subtitle\">START TRADING<\/span>\r\n            <h2>Request a Formal Quotation<\/h2>\r\n            <p>Provide us with your specific requirements, and our export team will get back to you with competitive pricing and logistical details via email within 24 hours.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"rfq-form-box\">\r\n            <!-- Form Action diarahkan ke FormSubmit dengan email Anda -->\r\n            <form action=\"https:\/\/formsubmit.co\/sales@unggulekspor.com\" method=\"POST\" class=\"corporate-form\">\r\n                \r\n                <!-- Pengaturan FormSubmit (Tersembunyi) -->\r\n                <input type=\"hidden\" name=\"_subject\" value=\"\ud83d\udea8 NEW EXPORT INQUIRY (RFQ) - Website\">\r\n                <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n                <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n                <div class=\"form-row\">\r\n                    <div class=\"input-group\">\r\n                        <label>Full Name *<\/label>\r\n                        <input type=\"text\" name=\"Full_Name\" placeholder=\"John Doe\" required>\r\n                    <\/div>\r\n                    <div class=\"input-group\">\r\n                        <label>Company Name<\/label>\r\n                        <input type=\"text\" name=\"Company_Name\" placeholder=\"Global Trade LLC\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"form-row\">\r\n                    <div class=\"input-group\">\r\n                        <label>Email Address *<\/label>\r\n                        <input type=\"email\" name=\"Email\" placeholder=\"john@company.com\" required>\r\n                    <\/div>\r\n                    <div class=\"input-group\">\r\n                        <label>Product of Interest *<\/label>\r\n                        <select name=\"Product_Category\" required>\r\n                            <option value=\"Eco-Briquettes\">Eco-Briquettes<\/option>\r\n                            <option value=\"Natural Stones\">Natural Stones<\/option>\r\n                            <option value=\"Authentic Cowhide\">Authentic Cowhide<\/option>\r\n                            <option value=\"Other Requirements\">Other Requirements<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-row\">\r\n                    <div class=\"input-group\">\r\n                        <label>Estimated Quantity *<\/label>\r\n                        <input type=\"text\" name=\"Estimated_Quantity\" placeholder=\"e.g., 1x20ft Container\" required>\r\n                    <\/div>\r\n                    <div class=\"input-group\">\r\n                        <label>Destination Port<\/label>\r\n                        <input type=\"text\" name=\"Destination_Port\" placeholder=\"e.g., Jebel Ali Port, UAE\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"input-group\">\r\n                    <label>Additional Message \/ Specs<\/label>\r\n                    <textarea name=\"Message\" rows=\"4\" placeholder=\"Tell us about your packaging needs or target price...\"><\/textarea>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"btn-submit-rfq\">Send Inquiry Now<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     CSS STYLING UNTUK IDE 3, 2, 1\r\n     ========================================== -->\r\n<style>\r\n    :root {\r\n        --primary-blue: #0f172a;\r\n        --accent-blue: #0284c7;\r\n        --light-blue: #f0f9ff;\r\n        --text-main: #334155;\r\n    }\r\n    \r\n    \/* --- BAR DOKUMEN --- *\/\r\n    .documents-bar { background-color: var(--primary-blue); color: #fff; padding: 20px 5%; text-align: center; border-bottom: 4px solid var(--accent-blue); }\r\n    .docs-container { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 10px; }\r\n    .docs-title { font-size: 0.9rem; color: #94a3b8; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; }\r\n    .docs-items { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; font-size: 1rem; font-weight: 500; color: var(--light-blue); }\r\n    .dot-separator { color: var(--accent-blue); }\r\n\r\n    \/* --- GALERI FASILITAS --- *\/\r\n    .facility-section { padding: 100px 5%; background: #ffffff; }\r\n    .section-header { text-align: center; margin-bottom: 60px; }\r\n    .section-subtitle { display: block; color: var(--accent-blue); font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; font-size: 0.85rem; }\r\n    .section-header h2 { font-size: 2.8rem; color: var(--primary-blue); font-weight: 800; margin-bottom: 15px; }\r\n    .header-desc { font-size: 1.15rem; color: var(--text-main); max-width: 600px; margin: 0 auto; }\r\n    .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto; }\r\n    .gallery-card { border-radius: 12px; overflow: hidden; background: #f8fafc; border: 1px solid #e2e8f0; transition: transform 0.4s ease; }\r\n    .gallery-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(2, 132, 199, 0.08); }\r\n    .gallery-img { width: 100%; height: 250px; background-size: cover; background-position: center; }\r\n    .gallery-caption { padding: 25px 20px; }\r\n    .gallery-caption h4 { color: var(--primary-blue); font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }\r\n    .gallery-caption p { color: var(--text-main); font-size: 0.95rem; margin: 0; line-height: 1.5; }\r\n\r\n    \/* --- FORMULIR RFQ --- *\/\r\n    .rfq-section { padding: 100px 5%; background: #f8fafc; border-top: 1px solid #e2e8f0; }\r\n    .rfq-container { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; max-width: 1200px; margin: 0 auto; align-items: center; }\r\n    .rfq-content h2 { font-size: 2.8rem; color: var(--primary-blue); font-weight: 800; line-height: 1.2; margin: 15px 0 25px 0; }\r\n    .rfq-content p { font-size: 1.1rem; color: var(--text-main); line-height: 1.8; }\r\n    \r\n    .rfq-form-box { background: #ffffff; padding: 40px; border-radius: 16px; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.05); border: 1px solid #e2e8f0; }\r\n    .corporate-form { display: flex; flex-direction: column; gap: 20px; }\r\n    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n    .input-group { display: flex; flex-direction: column; gap: 8px; }\r\n    .input-group label { font-size: 0.9rem; font-weight: 600; color: var(--primary-blue); }\r\n    .input-group input, .input-group select, .input-group textarea {\r\n        width: 100%; padding: 14px 15px; border: 1px solid #cbd5e1; border-radius: 6px;\r\n        font-size: 1rem; color: var(--text-main); background: #f8fafc; font-family: inherit;\r\n    }\r\n    .input-group input:focus, .input-group select:focus, .input-group textarea:focus {\r\n        outline: none; border-color: var(--accent-blue); background: #fff; box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.1);\r\n    }\r\n    .btn-submit-rfq {\r\n        background: var(--accent-blue); color: #fff; border: none; padding: 18px; border-radius: 6px;\r\n        font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: 0.3s; margin-top: 10px; width: 100%;\r\n    }\r\n    .btn-submit-rfq:hover { background: #0369a1; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(2, 132, 199, 0.2); }\r\n\r\n    @media (max-width: 992px) { .rfq-container { grid-template-columns: 1fr; gap: 40px; } }\r\n    @media (max-width: 768px) { .form-row { grid-template-columns: 1fr; } .section-header h2 { font-size: 2.2rem; } }\r\n<\/style>\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 EXPORT TRADER Connecting Indonesia&#8217;s FinestCommodities to the World. Based in Surabaya, we are a premier export trading company specializing in high-grade eco-briquettes, natural stones, and authentic leather goods. We bridge the gap between global buyers and Indonesia&#8217;s most reliable local manufacturers. Explore Products Why Partner With Us Direct Factory Sourcing 100% Quality Assured [&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":70,"href":"https:\/\/unggulekspor.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/70"}],"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}]}}