{"id":17,"date":"2026-08-07T07:11:05","date_gmt":"2026-08-07T07:11:05","guid":{"rendered":"https:\/\/coffiymenpro.my.id\/?page_id=17"},"modified":"2026-08-07T15:40:25","modified_gmt":"2026-08-07T08:40:25","slug":"home","status":"publish","type":"page","link":"https:\/\/coffiymenpro.my.id\/","title":{"rendered":"Coffiy Men Pro"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2ccfba e-flex e-con-boxed e-con e-parent\" data-id=\"c2ccfba\" 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-c6c6f97 elementor-widget elementor-widget-html\" data-id=\"c6c6f97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  :root{\n    --bg:#0d0d0d;\n    --bg-alt:#171212;\n    --card:rgba(30,28,28,0.6);\n    --border:rgba(179,64,49,0.12);\n    --text:#ffffff;\n    --text-muted:#b3b3b3;\n    --primary:#b51f17;\n    --primary-2:#761813;\n    --accent:#d99b3f;\n    --text-gradient-end:#e06029;\n  }\n  *{box-sizing:border-box;margin:0;padding:0;}\n  #coffiy-app{\n    all: initial;\n    display:block;\n    font-family:'Poppins',sans-serif !important;\n    background:var(--bg) !important;\n    color:var(--text) !important;\n    line-height:1.6 !important;\n    min-height:100vh;\n    width:100%;\n    font-size:16px;\n    direction:ltr !important;\n    text-align:left !important;\n  }\n  #coffiy-app *, #coffiy-app *::before, #coffiy-app *::after{\n    box-sizing:border-box !important;\n    font-family:inherit;\n    text-align:left !important;\n    direction:ltr !important;\n    float:none !important;\n  }\n  #coffiy-app ul, #coffiy-app li{list-style:none !important;}\n  .display{font-family:'Montserrat',sans-serif !important;font-weight:900 !important;text-transform:uppercase;letter-spacing:-0.02em;}\n  .container{max-width:1120px;margin:0 auto !important;padding:0 24px;}\n  #coffiy-app .trustbar .container, #coffiy-app .trustbar .container *,\n  #coffiy-app .cert-badge, #coffiy-app .cert-badge *,\n  #coffiy-app .countdown div, #coffiy-app .countdown div *,\n  #coffiy-app .footer-bottom, #coffiy-app .footer-bottom *,\n  #coffiy-app .section-head, #coffiy-app .section-head *,\n  #coffiy-app #qtyValue,\n  #coffiy-app .order-wrap > p:last-child{\n    text-align:center !important;\n  }\n  .eyebrow{\n    display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.2px;\n    text-transform:uppercase;color:var(--primary);border:1px solid rgba(181,31,23,0.3);\n    background:rgba(181,31,23,0.05);padding:4px 12px;margin-bottom:20px;\n  }\n  #coffiy-app a{color:inherit !important;text-decoration:none !important;border:none;}\n  #coffiy-app .btn{background-image:none;}\n  #coffiy-app .btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-2)) !important;color:#fff !important;}\n  #coffiy-app .btn-outline{background:transparent !important;border:1px solid var(--border) !important;}\n  #coffiy-app .nav-wrap,#coffiy-app .hero-cta,#coffiy-app .qty-row,#coffiy-app .trustbar .container,#coffiy-app .cert-grid{display:flex !important;}\n  #coffiy-app .hero-grid,#coffiy-app .pain-grid,#coffiy-app .feature-grid,#coffiy-app .prod-grid,#coffiy-app .testi-grid,#coffiy-app .footer-grid{display:grid !important;}\n  #coffiy-app img{\n    max-width:100% !important;display:block !important;\n    border:none !important;box-shadow:none !important;background:none !important;\n    border-radius:0 !important;padding:0 !important;\n  }\n  section{padding:96px 0;}\n  @media (max-width:768px){ section{padding:56px 0;} }\n\n  \/* Header *\/\n  header{\n    position:fixed;top:0;left:0;width:100%;z-index:50;\n    background:rgba(15,12,12,0.85);backdrop-filter:blur(10px);\n    border-bottom:1px solid var(--border);\n  }\n  .nav-wrap{display:flex;align-items:center;justify-content:space-between;height:76px;position:relative;}\n  .logo{font-family:'Montserrat',sans-serif;font-weight:900;font-size:22px;letter-spacing:0.1em;}\n  nav ul{list-style:none;display:flex;gap:32px;}\n  nav a{font-size:14px;font-weight:600;color:var(--text-muted);}\n  nav a:hover{color:var(--text);}\n  .nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:24px;cursor:pointer;padding:4px 8px;}\n  .header-cta{display:inline-flex;}\n  @media (max-width:800px){\n    nav{position:absolute;top:76px;left:0;width:100%;background:var(--bg);border-bottom:1px solid var(--border);max-height:0;overflow:hidden;transition:max-height .3s ease;}\n    nav.open{max-height:260px;}\n    nav ul{flex-direction:column;gap:0;padding:8px 24px 16px;}\n    nav ul li{border-top:1px solid var(--border);}\n    nav ul li:first-child{border-top:none;}\n    nav a{display:block;padding:14px 0;}\n    .nav-toggle{display:block;}\n    .header-cta{display:none;}\n  }\n  .btn{\n    display:inline-flex;align-items:center;justify-content:center;gap:8px;\n    padding:14px 28px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:0.05em;\n    border:none;cursor:pointer;transition:all .2s;\n  }\n  .btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;}\n  .btn-primary:hover{filter:brightness(1.1);}\n  .btn-outline{border:1px solid var(--border);color:var(--text);background:transparent;}\n  .btn-outline:hover{border-color:var(--primary);}\n  @media (max-width:600px){\n    .btn{padding:11px 20px;font-size:12px;letter-spacing:0.03em;}\n    .hero-cta{gap:10px;}\n    .hero-cta .btn{flex:1 1 auto;}\n  }\n\n  \/* Hero *\/\n  .hero{padding:150px 0 80px;position:relative;overflow:hidden;}\n  .hero::before{\n    content:\"\";position:absolute;top:20%;right:10%;width:500px;height:500px;\n    background:radial-gradient(circle,rgba(181,31,23,0.35),transparent 70%);\n    filter:blur(60px);pointer-events:none;\n  }\n  .hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;position:relative;z-index:1;}\n  @media (max-width:900px){ .hero-grid{grid-template-columns:1fr;} }\n  .hero h1{font-size:clamp(36px,5.5vw,80px);line-height:1.1;letter-spacing:-1px;margin-bottom:24px;}\n  @media (min-width:1200px){ .hero h1{line-height:88px;letter-spacing:-2px;} }\n  .hero h1 span{color:transparent;background:linear-gradient(90deg,var(--primary),var(--text-gradient-end));-webkit-background-clip:text;background-clip:text;}\n  .hero p{color:var(--text-muted);font-size:20px;font-weight:300;line-height:1.625;max-width:480px;margin-bottom:32px;}\n  .hero-cta{display:flex;gap:16px;flex-wrap:wrap;}\n  .hero-visual{position:relative;height:520px;display:flex;align-items:center;justify-content:center;}\n  .hero-visual .box-img{max-height:90%;filter:drop-shadow(0 25px 40px rgba(0,0,0,0.6)) brightness(1.08);animation:floatY 6s ease-in-out infinite;position:relative;z-index:2;}\n  .hero-visual .sachet-img{position:absolute;right:-6%;bottom:18%;width:38%;filter:drop-shadow(0 20px 30px rgba(0,0,0,0.6));animation:floatRotate 5s ease-in-out infinite;z-index:3;}\n  @keyframes floatY{0%,100%{transform:translateY(-14px);}50%{transform:translateY(14px);}}\n  @keyframes floatRotate{0%,100%{transform:translateY(-10px) rotate(-3deg);}50%{transform:translateY(10px) rotate(3deg);}}\n\n  \/* Trust bar *\/\n  .trustbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0;}\n  .trustbar .container{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;text-align:center;}\n  .trustbar div{font-size:13px;color:var(--text-muted);}\n  .trustbar strong{display:block;color:var(--text);font-size:15px;}\n\n  \/* Pain points *\/\n  .pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}\n  @media (max-width:900px){ .pain-grid{grid-template-columns:1fr;} }\n  .pain-img{aspect-ratio:4\/5;background:var(--card);border:1px solid var(--border);overflow:hidden;position:relative;}\n  .pain-img img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.05);}\n  .pain-img::after{content:\"\";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,12,12,0.9),transparent 55%);}\n  .pain-list{display:flex;flex-direction:column;gap:14px;margin-top:32px;}\n  .pain-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border:1px solid var(--border);}\n  .pain-item .dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;}\n\n  \/* Solution *\/\n  .solution-list{display:flex;flex-direction:column;gap:18px;margin-top:28px;}\n  .solution-item{display:flex;gap:14px;align-items:flex-start;}\n  .check{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:rgba(181,31,23,0.15);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}\n\n  \/* Certifications *\/\n  .cert-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;}\n  .cert-badge{border:1px solid var(--border);background:var(--card);padding:16px 24px;text-align:center;min-width:120px;}\n  .cert-badge strong{display:block;font-size:14px;letter-spacing:0.05em;color:var(--accent);}\n  .cert-badge span{font-size:11px;color:var(--text-muted);}\n  .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}\n  @media (max-width:640px){ .feature-grid{grid-template-columns:1fr;} }\n  .feature-card{background:var(--card);border:1px solid var(--border);padding:24px;}\n  .feature-card h3{font-size:15px;margin-bottom:6px;}\n  .feature-card p{font-size:13px;color:var(--text-muted);}\n\n  \/* Products *\/\n  .prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}\n  @media (max-width:900px){ .prod-grid{grid-template-columns:1fr;} }\n  .prod-card{position:relative;background:var(--card);border:1px solid var(--border);padding:28px;display:flex;flex-direction:column;cursor:pointer;transition:border-color .2s;}\n  .prod-card.selected{border-color:var(--primary);}\n  .prod-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;font-size:11px;font-weight:700;letter-spacing:0.05em;padding:5px 14px;text-transform:uppercase;white-space:nowrap;}\n  .prod-name{font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;}\n  .prod-qty{font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;margin-bottom:16px;}\n  .prod-price{font-family:'Montserrat',sans-serif;font-weight:900;font-size:26px;color:var(--primary);}\n  .prod-perunit{font-size:12px;color:var(--text-muted);margin-bottom:20px;}\n  .prod-perks{list-style:none;font-size:13px;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;flex:1;margin-bottom:20px;}\n  .prod-perks li:before{content:\"\u2713 \";color:var(--primary);font-weight:700;}\n\n  \/* Testimonials *\/\n  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}\n  @media (max-width:900px){ .testi-grid{grid-template-columns:1fr;} }\n  .testi-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--primary);padding:24px;}\n  .testi-stars{color:var(--accent);font-size:13px;margin-bottom:12px;}\n  .testi-text{font-size:14px;color:var(--text-muted);margin-bottom:16px;}\n  .testi-name{font-weight:700;font-size:14px;}\n  .testi-role{font-size:12px;color:var(--text-muted);}\n\n  \/* FAQ *\/\n  .faq-item{border:1px solid var(--border);margin-bottom:10px;}\n  .faq-q{padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;font-size:15px;}\n  .faq-a{padding:0 20px;max-height:0;overflow:hidden;transition:all .3s;color:var(--text-muted);font-size:14px;}\n  .faq-item.open .faq-a{padding:0 20px 20px;max-height:300px;}\n  .faq-item.open .faq-icon{transform:rotate(45deg);}\n  .faq-icon{transition:transform .3s;font-size:20px;}\n\n  \/* Order \/ checkout *\/\n  .order-wrap{background:var(--card);border:1px solid var(--border);padding:32px;max-width:560px;margin:40px auto 0;}\n  .countdown{display:flex;justify-content:center;gap:12px;margin-bottom:28px;}\n  .countdown div{background:var(--bg-alt);border:1px solid var(--border);padding:12px 16px;text-align:center;min-width:64px;}\n  .countdown strong{display:block;font-size:22px;font-family:'Montserrat',sans-serif;}\n  .countdown span{font-size:10px;color:var(--text-muted);letter-spacing:0.05em;}\n  .field{margin-bottom:16px;}\n  .field label{display:block;font-size:12px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;}\n  .field input, .field textarea, .field select{\n    width:100%;padding:12px 14px;background:var(--bg-alt);border:1px solid var(--border);color:var(--text);\n    font-family:inherit;font-size:14px;\n  }\n  .field input:focus, .field textarea:focus, .field select:focus{outline:none;border-color:var(--primary);}\n  .qty-row{display:flex;align-items:center;gap:14px;}\n  .qty-btn{width:38px;height:38px;background:var(--bg-alt);border:1px solid var(--border);color:var(--text);font-size:18px;cursor:pointer;}\n  .total-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--border);margin:16px 0;font-size:16px;}\n  .total-row strong{color:var(--primary);font-family:'Montserrat',sans-serif;font-size:22px;}\n  .error-text{color:#e05a5a;font-size:12px;margin-top:6px;display:none;}\n\n  \/* WA float *\/\n  .wa-float{\n    position:fixed;bottom:24px;right:24px;z-index:60;\n    width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;\n    display:flex;align-items:center;justify-content:center;font-size:26px;\n    box-shadow:0 0 20px rgba(37,211,102,0.5);\n  }\n  .wa-float img{width:32px;height:32px;display:block;}\n\n  \/* Notifikasi order acak *\/\n  .order-notif{\n    position:fixed;bottom:24px;left:24px;z-index:60;\n    max-width:320px;background:var(--bg-alt);border:1px solid var(--border);\n    padding:14px 40px 14px 16px;display:flex;align-items:center;gap:12px;\n    box-shadow:0 10px 30px rgba(0,0,0,0.4);\n    opacity:0;transform:translateY(20px);\n    transition:opacity .4s ease, transform .4s ease;\n    pointer-events:none;\n  }\n  .order-notif.show{opacity:1;transform:translateY(0);pointer-events:auto;}\n  .order-notif .dot{width:8px;height:8px;border-radius:50%;background:#25D366;flex-shrink:0;animation:pulseDot 1.5s infinite;}\n  @keyframes pulseDot{0%,100%{opacity:1;}50%{opacity:0.3;}}\n  .order-notif .notif-text{font-size:13px;line-height:1.4;color:var(--text);}\n  .order-notif .notif-text strong{color:var(--primary);}\n  .order-notif .notif-close{\n    position:absolute;top:8px;right:10px;background:none;border:none;color:var(--text-muted);\n    font-size:16px;cursor:pointer;line-height:1;padding:2px;\n  }\n  @media (max-width:640px){ .order-notif{left:12px;right:12px;max-width:none;bottom:88px;} }\n\n  footer{border-top:1px solid var(--border);padding:56px 0 32px;}\n  .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;}\n  @media (max-width:768px){ .footer-grid{grid-template-columns:1fr;} }\n  footer h4{font-size:13px;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:16px;color:var(--text-muted);}\n  footer li{list-style:none;margin-bottom:10px;font-size:14px;color:var(--text-muted);}\n  .footer-bottom{border-top:1px solid var(--border);padding-top:24px;font-size:13px;color:var(--text-muted);text-align:center;}\n\n  .section-head{text-align:center;max-width:640px;margin:0 auto 20px;}\n  .section-head h2{font-size:clamp(28px,4.5vw,48px);line-height:1.25;margin-bottom:16px;}\n  @media (min-width:1200px){ .section-head h2{line-height:60px;} }\n  .section-head p{color:var(--text-muted);}\n\n  \/* Animasi fade-in pas elemen masuk viewport (meniru animasi Framer Motion di versi React) *\/\n  .fade-in-up{\n    opacity:0;\n    transform:translateY(28px);\n    transition:opacity .6s ease, transform .6s ease;\n  }\n  .fade-in-up.is-visible{\n    opacity:1;\n    transform:translateY(0);\n  }\n\n  \/* Sembunyikan header\/branding bawaan tema WordPress yang bentrok sama header custom kita.\n     Menyasar beberapa selector umum dari berbagai tema populer (Twenty Twenty-Four\/Five,\n     Astra, GeneratePress, OceanWP, dll). Kalau tema kamu spesifik dan masih nongol,\n     inspect element bagian header tema itu dan kabari selector class\/id-nya. *\/\n  body > header:not(#coffiy-app header),\n  body > .wp-block-template-part:has(.wp-block-site-title),\n  body .site-header,\n  body #masthead,\n  body .main-header,\n  body .ast-header-wrap,\n  body #header-wrap,\n  body .wp-block-site-title,\n  body .wp-block-page-list,\n  body .wp-block-pages-list,\n  body ul.wp-block-page-list,\n  body nav.wp-block-navigation:not(#coffiy-app *),\n  body .wp-block-navigation:not(#coffiy-app *),\n  body .wp-block-pages-list__item__link,\n  body .wp-block-navigation-item__content,\n  body .wp-block-pages-list__item,\n  body .site-branding,\n  \/* versi specificity-boosted (ulang class buat ngalahin !important tema) *\/\n  .wp-block-page-list.wp-block-page-list.wp-block-page-list,\n  .wp-block-navigation.wp-block-navigation.wp-block-navigation:not(#coffiy-app *),\n  .wp-block-pages-list__item__link.wp-block-pages-list__item__link,\n  .wp-block-navigation-item__content.wp-block-navigation-item__content,\n  .site-header.site-header.site-header,\n  .wp-block-site-title.wp-block-site-title.wp-block-site-title {\n    display:none !important;\n    visibility:hidden !important;\n    opacity:0 !important;\n    width:0 !important;\n    height:0 !important;\n    overflow:hidden !important;\n    pointer-events:none !important;\n  }\n  \/* Hilangkan juga padding\/margin atas yang biasanya dikasih tema buat nyisain ruang header *\/\n  html, body{ background:#0d0d0d !important; padding-top:0 !important; margin-top:0 !important; margin:0 !important; padding:0 !important; border:none !important; overflow-x:hidden !important; width:100% !important; max-width:100% !important; direction:ltr !important; }\n  html{ direction:ltr !important; scrollbar-width:none !important; -ms-overflow-style:none !important; }\n  html::-webkit-scrollbar, body::-webkit-scrollbar{ display:none !important; width:0 !important; height:0 !important; }\n  body > *:not(#coffiy-app){ border:none !important; box-shadow:none !important; }\n  #page, #content, .site, .site-content, .content-area, main, #main, .entry-content, .wp-site-blocks{\n    border:none !important; box-shadow:none !important; outline:none !important;\n    max-width:100% !important; width:100% !important; margin:0 !important; padding:0 !important;\n  }\n  #coffiy-app{ width:100% !important; max-width:100% !important; margin:0 !important; border:none !important; box-shadow:none !important; }\n<\/style>\n\n<div id=\"coffiy-app\">\n\n<header>\n  <div class=\"container nav-wrap\">\n    <a href=\"#\" class=\"logo\">COFFIY<\/a>\n    <nav id=\"mainNav\">\n      <ul>\n        <li><a href=\"#beranda\">Beranda<\/a><\/li>\n        <li><a href=\"#produk\">Produk<\/a><\/li>\n        <li><a href=\"#order\">Pesan<\/a><\/li>\n      <\/ul>\n    <\/nav>\n    <a href=\"https:\/\/plus.adcuan.com\/ctawa\/982-3\" class=\"btn btn-primary header-cta\">Pesan Sekarang<\/a>\n    <button type=\"button\" class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Buka menu\">\u2630<\/button>\n  <\/div>\n<\/header>\n\n<!-- HERO -->\n<section class=\"hero\" id=\"beranda\">\n  <div class=\"container hero-grid\">\n    <div>\n      <span class=\"eyebrow\">Kopi Premium Performa Pria<\/span>\n      <h1 class=\"display\">Percaya Diri Dimulai<br>Dari <span>Performa<\/span><\/h1>\n      <p>Kopi premium khusus pria dewasa dengan formula alami untuk membantu menjaga stamina, energi, dan performa harian Anda.<\/p>\n      <div class=\"hero-cta\">\n        <a href=\"https:\/\/plus.adcuan.com\/ctawa\/982-3\" class=\"btn btn-primary\">Pesan Sekarang<\/a>\n        <a href=\"#faq\" class=\"btn btn-outline\">Pelajari Lebih Lanjut<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-visual\">\n      <img decoding=\"async\" src=\"https:\/\/coffiymenpro.my.id\/wp-content\/uploads\/2026\/08\/coffiy-box.webp\" alt=\"COFFIY Premium Box\" class=\"box-img\">\n      <img decoding=\"async\" src=\"https:\/\/coffiymenpro.my.id\/wp-content\/uploads\/2026\/08\/coffiy-sachet.webp\" alt=\"COFFIY Sachet\" class=\"sachet-img\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TRUST BAR -->\n<div class=\"trustbar\">\n  <div class=\"container\">\n    <div><strong>BPOM RI<\/strong>MD 867031569523<\/div>\n    <div><strong>Halal MUI<\/strong>Tersertifikasi<\/div>\n    <div><strong>GMP \u00b7 HACCP<\/strong>ISO 22000:2018<\/div>\n  <\/div>\n<\/div>\n\n<!-- PAIN POINTS -->\n<section>\n  <div class=\"container pain-grid\">\n    <div class=\"pain-img\"><img decoding=\"async\" src=\"https:\/\/coffiymenpro.my.id\/wp-content\/uploads\/2026\/08\/pain-point.webp\" alt=\"Kelelahan setelah bekerja seharian\"><\/div>\n    <div>\n      <h2 class=\"display\" style=\"font-size:32px;margin-bottom:8px;\">Kerja Seharian,<br>Tapi Energi Habis Saat<br>Momen Dimulai?<\/h2>\n      <div class=\"pain-list\">\n        <div class=\"pain-item\"><span class=\"dot\"><\/span> Mudah lelah setelah bekerja seharian<\/div>\n        <div class=\"pain-item\"><span class=\"dot\"><\/span> Fokus menurun saat momen penting<\/div>\n        <div class=\"pain-item\"><span class=\"dot\"><\/span> Performa harian tidak bisa diandalkan<\/div>\n        <div class=\"pain-item\"><span class=\"dot\"><\/span> Stamina tidak maksimal saat dibutuhkan<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SOLUTION -->\n<section style=\"background:var(--bg-alt);\">\n  <div class=\"container pain-grid\">\n    <div>\n      <span class=\"eyebrow\">Solusi Terbaik<\/span>\n      <h2 class=\"display\" style=\"font-size:32px;margin-bottom:8px;\">Upgrade Ritual<br>Pria Modern<\/h2>\n      <div class=\"solution-list\">\n        <div class=\"solution-item\"><span class=\"check\">\u2713<\/span> Membantu menjaga stamina sepanjang hari<\/div>\n        <div class=\"solution-item\"><span class=\"check\">\u2713<\/span> Energi lebih siap untuk momen penting<\/div>\n        <div class=\"solution-item\"><span class=\"check\">\u2713<\/span> Meningkatkan rasa percaya diri secara alami<\/div>\n        <div class=\"solution-item\"><span class=\"check\">\u2713<\/span> Membantu performa harian tetap optimal<\/div>\n        <div class=\"solution-item\"><span class=\"check\">\u2713<\/span> Premium coffee experience yang mewah<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"pain-img\"><img decoding=\"async\" src=\"https:\/\/coffiymenpro.my.id\/wp-content\/uploads\/2026\/08\/lifestyle.webp\" alt=\"COFFIY lifestyle\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURES + CERT -->\n<section>\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">Keunggulan<\/span>\n      <h2 class=\"display\">1 Sachet Untuk Sensasi<br>Performa Lebih Lama<\/h2>\n      <p>Diformulasikan untuk pria modern dengan aktivitas tinggi yang ingin menjaga rasa percaya diri dan performa harian.<\/p>\n    <\/div>\n    <div class=\"feature-grid\">\n      <div class=\"feature-card\"><h3>Efek Cepat<\/h3><p>Dirasakan dalam 30\u201360 menit pertama<\/p><\/div>\n      <div class=\"feature-card\"><h3>Bahan Premium<\/h3><p>Formula eksklusif dari bahan pilihan<\/p><\/div>\n      <div class=\"feature-card\"><h3>Aman & Tersertifikasi<\/h3><p>BPOM, Halal, GMP, ISO bersertifikat<\/p><\/div>\n      <div class=\"feature-card\"><h3>Kualitas Internasional<\/h3><p>Standar produksi kelas dunia<\/p><\/div>\n    <\/div>\n    <div class=\"cert-grid\">\n      <div class=\"cert-badge\"><strong>BPOM RI<\/strong><span>MD 867031569523<\/span><\/div>\n      <div class=\"cert-badge\"><strong>GMP<\/strong><span>Good Manufacturing<\/span><\/div>\n      <div class=\"cert-badge\"><strong>HACCP<\/strong><span>Food Safety<\/span><\/div>\n      <div class=\"cert-badge\"><strong>ISO 22000<\/strong><span>2018 Certified<\/span><\/div>\n      <div class=\"cert-badge\"><strong>HALAL<\/strong><span>MUI Indonesia<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PRODUCTS -->\n<section id=\"produk\" style=\"background:var(--bg-alt);\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">Paket Eksklusif<\/span>\n      <h2 class=\"display\">Pilih Paket COFFIY Anda<\/h2>\n    <\/div>\n    <div class=\"prod-grid\" id=\"productGrid\">\n      <div class=\"prod-card\" data-id=\"5-sachet\" data-name=\"Starter Pack (5 Sachet)\" data-price=\"359000\" data-perunit=\"Rp71.800\/sachet\">\n        <div class=\"prod-name\">Starter Pack<\/div>\n        <div class=\"prod-qty\">5 Sachet<\/div>\n        <div class=\"prod-price\">Rp 359.000<\/div>\n        <div class=\"prod-perunit\">Rp 71.800 \/ sachet<\/div>\n        <ul class=\"prod-perks\">\n          <li>5 sachet premium<\/li>\n          <li>Hemat Rp 136.000<\/li>\n          <li>Pengiriman prioritas<\/li>\n          <li>Garansi produk asli<\/li>\n        <\/ul>\n        <button type=\"button\" class=\"btn btn-outline select-btn\">Pilih Paket Ini<\/button>\n      <\/div>\n      <div class=\"prod-card\" data-id=\"1-box\" data-name=\"Performance Pack (1 Box \/ 10 Sachet)\" data-price=\"659000\" data-perunit=\"Rp65.900\/sachet\">\n        <div class=\"prod-badge\">Terlaris<\/div>\n        <div class=\"prod-name\">Performance Pack<\/div>\n        <div class=\"prod-qty\">1 Box (10 Sachet)<\/div>\n        <div class=\"prod-price\">Rp 659.000<\/div>\n        <div class=\"prod-perunit\">Rp 65.900 \/ sachet<\/div>\n        <ul class=\"prod-perks\">\n          <li>10 sachet premium<\/li>\n          <li>Hemat Rp 331.000<\/li>\n          <li>Pengiriman gratis<\/li>\n          <li>Bonus packaging eksklusif<\/li>\n        <\/ul>\n        <button type=\"button\" class=\"btn btn-primary select-btn\">Pilih Paket Ini<\/button>\n      <\/div>\n      <div class=\"prod-card\" data-id=\"2-box\" data-name=\"Power Pack (2 Box \/ 20 Sachet)\" data-price=\"1245000\" data-perunit=\"Rp62.250\/sachet\">\n        <div class=\"prod-badge\">Paling Hemat<\/div>\n        <div class=\"prod-name\">Power Pack<\/div>\n        <div class=\"prod-qty\">2 Box (20 Sachet)<\/div>\n        <div class=\"prod-price\">Rp 1.245.000<\/div>\n        <div class=\"prod-perunit\">Rp 62.250 \/ sachet<\/div>\n        <ul class=\"prod-perks\">\n          <li>20 sachet premium<\/li>\n          <li>Hemat Rp 735.000<\/li>\n          <li>Pengiriman gratis<\/li>\n          <li>Konsultasi prioritas<\/li>\n        <\/ul>\n        <button type=\"button\" class=\"btn btn-outline select-btn\">Pilih Paket Ini<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TESTIMONIALS -->\n<section>\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">Testimoni<\/span>\n      <h2 class=\"display\">Apa Kata Mereka?<\/h2>\n    <\/div>\n    <div class=\"testi-grid\">\n      <div class=\"testi-card\">\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"testi-text\">\"Sudah 2 bulan pakai COFFIY, energi lebih tahan lama dan saya lebih percaya diri menjalani hari.\"<\/p>\n        <div class=\"testi-name\">Andi Pratama<\/div>\n        <div class=\"testi-role\">Pengusaha, 34 tahun<\/div>\n      <\/div>\n      <div class=\"testi-card\">\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"testi-text\">\"Awalnya skeptis, tapi setelah coba stamina lebih terjaga dan fokus meningkat signifikan.\"<\/p>\n        <div class=\"testi-name\">Budi Santoso<\/div>\n        <div class=\"testi-role\">Manajer Pemasaran, 29 tahun<\/div>\n      <\/div>\n      <div class=\"testi-card\">\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"testi-text\">\"COFFIY jadi ritual harian saya. Performa gym meningkat, energi tidak drop di tengah hari.\"<\/p>\n        <div class=\"testi-name\">Reza Firmansyah<\/div>\n        <div class=\"testi-role\">Atlet & Trainer, 31 tahun<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section id=\"faq\" style=\"background:var(--bg-alt);\">\n  <div class=\"container\" style=\"max-width:760px;\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">FAQ<\/span>\n      <h2 class=\"display\">Pertanyaan Yang Sering Ditanyakan<\/h2>\n    <\/div>\n    <div id=\"faqList\">\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">Apakah COFFIY aman dikonsumsi?<span class=\"faq-icon\">+<\/span><\/div>\n        <div class=\"faq-a\">Ya, COFFIY telah mendapatkan sertifikasi BPOM RI, Halal MUI, GMP, dan ISO 22000:2018. Dibuat dari bahan pilihan.<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">Kapan waktu terbaik minum COFFIY?<span class=\"faq-icon\">+<\/span><\/div>\n        <div class=\"faq-a\">Waktu terbaik adalah 30\u201360 menit sebelum aktivitas yang membutuhkan energi ekstra. Tidak disarankan menjelang tidur.<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">Berapa lama hasil bisa dirasakan?<span class=\"faq-icon\">+<\/span><\/div>\n        <div class=\"faq-a\">Efek pertama dapat dirasakan dalam 30\u201360 menit. Untuk hasil optimal, disarankan konsumsi rutin minimal 2\u20134 minggu.<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">Apakah ada efek samping?<span class=\"faq-icon\">+<\/span><\/div>\n        <div class=\"faq-a\">COFFIY dibuat dari bahan berkualitas tinggi. Seperti produk kopi umumnya, konsumsi berlebihan dapat menyebabkan insomnia \u2014 patuhi dosis maksimal 1 sachet per hari.<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">Bagaimana cara pemesanan?<span class=\"faq-icon\">+<\/span><\/div>\n        <div class=\"faq-a\">Pilih paket di atas, isi form order, dan pesanan akan diteruskan ke tim kami via WhatsApp untuk konfirmasi.<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">Apakah COFFIY sudah BPOM?<span class=\"faq-icon\">+<\/span><\/div>\n        <div class=\"faq-a\">Ya, COFFIY telah resmi terdaftar di BPOM RI dengan nomor MD 867031569523. Selain itu, produk kami juga memiliki sertifikasi Halal dari MUI Indonesia, GMP Quality, HACCP WCS, dan ISO 22000:2018, membuktikan komitmen kami terhadap kualitas dan keamanan produk.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ORDER \/ CHECKOUT -->\n<section id=\"order\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">Pemesanan<\/span>\n      <h2 class=\"display\">Selesaikan Pesanan Anda<\/h2>\n      <p>Promo berakhir dalam:<\/p>\n    <\/div>\n    <div class=\"countdown\">\n      <div><strong id=\"cd-hours\">00<\/strong><span>JAM<\/span><\/div>\n      <div><strong id=\"cd-minutes\">00<\/strong><span>MENIT<\/span><\/div>\n      <div><strong id=\"cd-seconds\">00<\/strong><span>DETIK<\/span><\/div>\n    <\/div>\n\n    <div class=\"order-wrap\">\n      <div class=\"field\">\n        <label>Paket Terpilih<\/label>\n        <select id=\"pkgSelect\">\n          <option value=\"5-sachet\" data-price=\"359000\" data-name=\"Starter Pack (5 Sachet)\">Starter Pack \u2014 5 Sachet \u2014 Rp 359.000<\/option>\n          <option value=\"1-box\" data-price=\"659000\" data-name=\"Performance Pack (1 Box \/ 10 Sachet)\" selected>Performance Pack \u2014 1 Box \u2014 Rp 659.000<\/option>\n          <option value=\"2-box\" data-price=\"1245000\" data-name=\"Power Pack (2 Box \/ 20 Sachet)\">Power Pack \u2014 2 Box \u2014 Rp 1.245.000<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"field\">\n        <label>Jumlah<\/label>\n        <div class=\"qty-row\">\n          <button type=\"button\" class=\"qty-btn\" id=\"qtyMinus\">\u2212<\/button>\n          <span id=\"qtyValue\" style=\"min-width:24px;text-align:center;font-weight:700;\">1<\/span>\n          <button type=\"button\" class=\"qty-btn\" id=\"qtyPlus\">+<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"field\">\n        <label>Nama Lengkap<\/label>\n        <input type=\"text\" id=\"custName\" placeholder=\"Nama sesuai KTP\">\n      <\/div>\n\n      <div class=\"field\">\n        <label>Nomor WhatsApp<\/label>\n        <input type=\"tel\" id=\"custPhone\" placeholder=\"08xxxxxxxxxx\">\n      <\/div>\n\n      <div class=\"field\">\n        <label>Alamat Pengiriman Lengkap<\/label>\n        <textarea id=\"custAddress\" rows=\"3\" placeholder=\"Jl. nama jalan, No. rumah, RT\/RW, Kecamatan, Kota, Kode Pos\"><\/textarea>\n      <\/div>\n\n      <div class=\"total-row\">\n        <span>Subtotal <small style=\"display:block;font-size:11px;color:var(--text-muted);font-weight:400;\">(belum termasuk ongkir)<\/small><\/span>\n        <strong id=\"totalPrice\">Rp 659.000<\/strong>\n      <\/div>\n\n      <button type=\"button\" class=\"btn btn-primary\" style=\"width:100%;\" id=\"submitOrder\">Konfirmasi Pesanan via WhatsApp<\/button>\n      <p class=\"error-text\" id=\"orderError\">Mohon lengkapi nama, WhatsApp, dan alamat terlebih dahulu.<\/p>\n      <p style=\"font-size:12px;color:var(--text-muted);text-align:center;margin-top:14px;\">Dengan menekan tombol di atas, pesanan Anda akan diteruskan ke tim COFFIY melalui WhatsApp untuk konfirmasi.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"container\">\n    <div class=\"footer-grid\">\n      <div>\n        <div class=\"logo\" style=\"margin-bottom:12px;\">COFFIY<\/div>\n        <p style=\"color:var(--text-muted);font-size:14px;max-width:360px;\">Kopi premium untuk pria modern, diformulasikan untuk membantu menjaga stamina, energi, dan performa harian.<\/p>\n      <\/div>\n      <div>\n        <h4>Navigasi<\/h4>\n        <ul>\n          <li><a href=\"#beranda\">Beranda<\/a><\/li>\n          <li><a href=\"#produk\">Produk<\/a><\/li>\n          <li><a href=\"https:\/\/plus.adcuan.com\/ctawa\/982-3\">Pesan Sekarang<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <h4>Kontak<\/h4>\n        <ul>\n          <li>WhatsApp: +62 895-1822-0436<\/li>\n          <li>Email: hello@coffiy.com<\/li>\n          <li style=\"font-size:12px;\">BPOM RI MD 867031569523<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\u00a9 2026 COFFIY. All Rights Reserved.<\/div>\n  <\/div>\n<\/footer>\n\n<a href=\"https:\/\/plus.adcuan.com\/ctawa\/982-3\" target=\"_blank\" class=\"wa-float\" aria-label=\"Chat WhatsApp\" onclick=\"if(typeof fbq==='function'){fbq('track','Contact');}\"><img decoding=\"async\" src=\"https:\/\/coffiymenpro.my.id\/wp-content\/uploads\/2026\/08\/wa-logo.webp\" alt=\"WhatsApp\"><\/a>\n\n<div class=\"order-notif\" id=\"orderNotif\">\n  <span class=\"dot\"><\/span>\n  <span class=\"notif-text\" id=\"orderNotifText\"><\/span>\n  <button type=\"button\" class=\"notif-close\" id=\"orderNotifClose\" aria-label=\"Tutup\">\u2715<\/button>\n<\/div>\n\n<script>\n(function(){\n  \/* ---------- Fade-in on scroll (meniru animasi Framer Motion versi React) ---------- *\/\n  var fadeTargets = document.querySelectorAll('.section-head, .feature-card, .prod-card, .testi-card, .pain-img, .hero-visual, .cert-badge, .pain-item, .solution-item');\n  fadeTargets.forEach(function(el){ el.classList.add('fade-in-up'); });\n\n  if ('IntersectionObserver' in window) {\n    var fadeObserver = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry, idx){\n        if (entry.isIntersecting) {\n          setTimeout(function(){\n            entry.target.classList.add('is-visible');\n          }, (idx % 4) * 80);\n          fadeObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n    fadeTargets.forEach(function(el){ fadeObserver.observe(el); });\n  } else {\n    fadeTargets.forEach(function(el){ el.classList.add('is-visible'); });\n  }\n\n  \/* ---------- Notifikasi order acak ---------- *\/\n  (function(){\n    var names = ['Budi','Andi','Rizky','Dewi','Siti','Agus','Fajar','Rina','Yusuf','Putri','Hendra','Wati','Dedi','Ani','Bayu','Lina','Doni','Sri','Eko','Nia'];\n    var cities = ['Jakarta','Surabaya','Bandung','Medan','Semarang','Makassar','Palembang','Yogyakarta','Malang','Denpasar','Bekasi','Depok','Bogor','Tangerang','Batam','Balikpapan','Pekanbaru','Padang','Solo','Bandar Lampung'];\n    var packages = ['1 Box','5 Sachet'];\n\n    var notif = document.getElementById('orderNotif');\n    var notifText = document.getElementById('orderNotifText');\n    var notifClose = document.getElementById('orderNotifClose');\n    var stopped = false;\n    var hideTimer, nextTimer;\n\n    function randomFrom(arr){ return arr[Math.floor(Math.random() * arr.length)]; }\n\n    function showNotif(){\n      if (stopped) return;\n      var name = randomFrom(names);\n      var city = randomFrom(cities);\n      var pkg = randomFrom(packages);\n      notifText.innerHTML = '<strong>' + name + '<\/strong> dari ' + city + ' baru saja pesan <strong>' + pkg + '<\/strong>';\n      notif.classList.add('show');\n\n      hideTimer = setTimeout(function(){\n        notif.classList.remove('show');\n        if (!stopped) {\n          var gap = 10000 + Math.random() * 10000; \/\/ 10-20 detik\n          nextTimer = setTimeout(showNotif, gap);\n        }\n      }, 5000);\n    }\n\n    notifClose.addEventListener('click', function(){\n      stopped = true;\n      notif.classList.remove('show');\n      clearTimeout(hideTimer);\n      clearTimeout(nextTimer);\n    });\n\n    setTimeout(showNotif, 4000);\n  })();\n\n  \/* ---------- Mobile nav toggle ---------- *\/\n  var navToggle = document.getElementById('navToggle');\n  var mainNav = document.getElementById('mainNav');\n  navToggle.addEventListener('click', function(){\n    mainNav.classList.toggle('open');\n  });\n  mainNav.querySelectorAll('a').forEach(function(link){\n    link.addEventListener('click', function(){ mainNav.classList.remove('open'); });\n  });\n\n  \/* ---------- Countdown ---------- *\/\n  function getMidnight(){\n    var now = new Date();\n    var midnight = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59);\n    if (now > midnight) midnight.setDate(midnight.getDate() + 1);\n    return midnight;\n  }\n  function updateCountdown(){\n    var now = new Date().getTime();\n    var target = getMidnight().getTime();\n    var distance = target - now;\n    var hours = Math.floor((distance % (1000*60*60*24)) \/ (1000*60*60));\n    var minutes = Math.floor((distance % (1000*60*60)) \/ (1000*60));\n    var seconds = Math.floor((distance % (1000*60)) \/ 1000);\n    document.getElementById('cd-hours').textContent = String(hours).padStart(2,'0');\n    document.getElementById('cd-minutes').textContent = String(minutes).padStart(2,'0');\n    document.getElementById('cd-seconds').textContent = String(seconds).padStart(2,'0');\n  }\n  updateCountdown();\n  setInterval(updateCountdown, 1000);\n\n  \/* ---------- FAQ ---------- *\/\n  document.querySelectorAll('.faq-item').forEach(function(item){\n    item.querySelector('.faq-q').addEventListener('click', function(){\n      item.classList.toggle('open');\n    });\n  });\n\n  \/* ---------- Product card selection -> sync with order form ---------- *\/\n  var pkgSelect = document.getElementById('pkgSelect');\n  document.querySelectorAll('#productGrid .select-btn').forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var card = btn.closest('.prod-card');\n      pkgSelect.value = card.getAttribute('data-id');\n      updateTotal();\n      document.getElementById('order').scrollIntoView({behavior:'smooth'});\n      if (typeof fbq === 'function') {\n        fbq('track', 'AddToCart', {\n          content_name: card.getAttribute('data-name'),\n          content_ids: [card.getAttribute('data-id')],\n          value: parseInt(card.getAttribute('data-price'), 10),\n          currency: 'IDR'\n        });\n      }\n    });\n  });\n\n  \/* ---------- Quantity ---------- *\/\n  var qty = 1;\n  var qtyValueEl = document.getElementById('qtyValue');\n  document.getElementById('qtyPlus').addEventListener('click', function(){\n    qty++; qtyValueEl.textContent = qty; updateTotal();\n  });\n  document.getElementById('qtyMinus').addEventListener('click', function(){\n    if (qty > 1) qty--; qtyValueEl.textContent = qty; updateTotal();\n  });\n\n  \/* ---------- Total ---------- *\/\n  function updateTotal(){\n    var opt = pkgSelect.options[pkgSelect.selectedIndex];\n    var price = parseInt(opt.getAttribute('data-price'), 10);\n    var total = price * qty;\n    document.getElementById('totalPrice').textContent = 'Rp ' + total.toLocaleString('id-ID');\n  }\n  pkgSelect.addEventListener('change', updateTotal);\n  updateTotal();\n\n  \/* ---------- Pixel: InitiateCheckout (sekali per sesi, saat mulai isi form) ---------- *\/\n  var checkoutStarted = false;\n  document.getElementById('custName').addEventListener('focus', function(){\n    if (!checkoutStarted && typeof fbq === 'function') {\n      checkoutStarted = true;\n      fbq('track', 'InitiateCheckout');\n    }\n  });\n\n  \/* ---------- Submit order -> WhatsApp dengan detail pesanan lengkap ---------- *\/\n  document.getElementById('submitOrder').addEventListener('click', function(){\n    var name = document.getElementById('custName').value.trim();\n    var phone = document.getElementById('custPhone').value.trim();\n    var address = document.getElementById('custAddress').value.trim();\n    var errorEl = document.getElementById('orderError');\n\n    if (!name || !phone || !address){\n      errorEl.style.display = 'block';\n      return;\n    }\n    errorEl.style.display = 'none';\n\n    var opt = pkgSelect.options[pkgSelect.selectedIndex];\n    var pkgName = opt.getAttribute('data-name');\n    var price = parseInt(opt.getAttribute('data-price'), 10);\n    var total = price * qty;\n\n    var nl = String.fromCharCode(10);\n    var message = '*PESANAN COFFIY*' + nl + nl +\n      '*Data Pembeli*' + nl +\n      'Nama: ' + name + nl +\n      'WhatsApp: ' + phone + nl + nl +\n      '*Detail Pesanan*' + nl +\n      'Paket: ' + pkgName + nl +\n      'Jumlah: ' + qty + nl +\n      'Subtotal: Rp ' + total.toLocaleString('id-ID') + ' (belum termasuk ongkir)' + nl + nl +\n      '*Alamat Pengiriman*' + nl +\n      address + nl + nl +\n      'Mohon info ongkir dan metode pembayaran yang tersedia. Terima kasih!';\n\n    var waNumber = '6289518220436';\n    var waUrl = 'https:\/\/wa.me\/' + waNumber + '?text=' + encodeURIComponent(message);\n\n    if (typeof fbq === 'function') {\n      fbq('track', 'Lead', {\n        content_name: pkgName,\n        value: total,\n        currency: 'IDR'\n      });\n    }\n\n    window.open(waUrl, '_blank');\n  });\n})();\n<\/script>\n\n<\/div>\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>COFFIY Beranda Produk Pesan Pesan Sekarang \u2630 Kopi Premium Performa Pria Percaya Diri DimulaiDari Performa Kopi premium khusus pria dewasa dengan formula alami untuk membantu menjaga stamina, energi, dan performa harian Anda. Pesan Sekarang Pelajari Lebih Lanjut BPOM RIMD 867031569523 Halal MUITersertifikasi GMP \u00b7 HACCPISO 22000:2018 Kerja Seharian,Tapi Energi Habis SaatMomen Dimulai? Mudah lelah setelah [&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-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coffiymenpro.my.id\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coffiymenpro.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coffiymenpro.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coffiymenpro.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coffiymenpro.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":32,"href":"https:\/\/coffiymenpro.my.id\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/coffiymenpro.my.id\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/coffiymenpro.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}