<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Uncategorized &#8211; Ady Sheva</title>
	<atom:link href="https://adysheva.com/category/uncategorized/feed/" rel="self" type="application/rss+xml" />
	<link>https://adysheva.com</link>
	<description>Founder AKSEN DIGITAL</description>
	<lastBuildDate>Tue, 09 Jun 2026 04:49:19 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://adysheva.com/wp-content/uploads/2024/09/cropped-logo101-32x32.png</url>
	<title>Uncategorized &#8211; Ady Sheva</title>
	<link>https://adysheva.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Demo Embed FormPay</title>
		<link>https://adysheva.com/demo-embed-formpay/</link>
					<comments>https://adysheva.com/demo-embed-formpay/#respond</comments>
		
		<dc:creator><![CDATA[me@adysheva.com]]></dc:creator>
		<pubDate>Sat, 06 Jun 2026 23:21:17 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://adysheva.com/?p=18780</guid>

					<description><![CDATA[DEMO FORMPAY Add Your Heading Text Here Nama Lengkap* No WhatsApp* Alamat Pengiriman* Pilihan Produk* Pilih&#8230;Produk AProduk BProduk C Jumlah Pesanan* Data aman &#38; terpercaya Informasi yang Anda berikan hanya digunakan untuk kebutuhan pemesanan. Pesan Via WhatsApp Anda akan diarahkan ke WhatsApp Add Your Heading Text Here Nama Pemesan* Whatsapp Tanggal Booking* Jam Kedatangan* Catatan &#8230;]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="18780" class="elementor elementor-18780">
				<div class="elementor-element elementor-element-855dd49 e-flex e-con-boxed e-con e-parent" data-id="855dd49" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-87beb68 elementor-widget elementor-widget-spacer" data-id="87beb68" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c3657b0 elementor-widget elementor-widget-heading" data-id="c3657b0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">DEMO FORMPAY</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-4b74f90 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="4b74f90" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5181e7a elementor-widget elementor-widget-heading" data-id="5181e7a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Add Your Heading Text Here</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a07aaf0 elementor-widget elementor-widget-html" data-id="a07aaf0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- FormPay.js Embed Code -->

<style>
  .formpay-wrapper, .formpay-wrapper * { box-sizing: border-box; }
  .formpay-wrapper {
    font-family: var(--fp-font-family, 'Inter', 'Poppins', system-ui, -apple-system, sans-serif);
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    background: var(--fp-wrapper-bg, #ffffff);
    padding: var(--fp-wrapper-padding, 28px);
    border-radius: var(--fp-wrapper-radius, 16px);
    box-shadow: var(--fp-wrapper-shadow, none);
    border: var(--fp-wrapper-border, 1px solid #e2e8f0);
    box-sizing: border-box;
    color: var(--fp-text, #0f172a);
    position: relative;
    overflow: hidden;
  }
  .fp-card-header { text-align: center; margin-bottom: 18px; padding-bottom: 18px; }
  .fp-header-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    background: var(--fp-header-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-header-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-header-icon-color, #6366f1);
    box-shadow: var(--fp-header-icon-shadow, none);
  }
  .fp-header-icon svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-header-title { font-size: 22px; font-weight: 900; color: var(--fp-text, #0f172a); letter-spacing: -0.02em; line-height: 1.25; }
  .fp-header-desc { margin-top: 6px; font-size: 13px; color: var(--fp-subtext, rgba(15, 23, 42, 0.65)); line-height: 1.55; white-space: pre-line; }
  .fp-divider { height: 1px; width: 100%; background: var(--fp-divider, rgba(148, 163, 184, 0.22)); margin-top: 16px; }
  .fp-group {
    margin-bottom: var(--fp-field-gap, 18px);
    padding: var(--fp-group-pad, 0);
    background: var(--fp-group-bg, transparent);
    border-radius: var(--fp-group-radius, 0);
    border: var(--fp-group-border, none);
    box-shadow: var(--fp-group-shadow, none);
  }
  .fp-group label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: var(--fp-label-size, 14px);
    font-weight: var(--fp-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin-bottom: var(--fp-label-mb, 8px);
    cursor: pointer;
    letter-spacing: var(--fp-label-tracking, 0);
    text-transform: var(--fp-label-transform, none);
  }
  .fp-label-main { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
  .fp-label-icon { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--fp-label-icon, rgba(100, 116, 139, 0.9)); }
  .fp-label-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-label-text { display: inline-block; line-height: 1.25; }
  .fp-group .fp-req { color: #ef4444; margin-left: 4px; }
  .fp-group input[type="text"],
  .fp-group input[type="number"],
  .fp-group input[type="email"],
  .fp-group input[type="date"],
  .fp-group input[type="time"],
  .fp-group textarea,
  .fp-group select {
    width: 100%;
    min-height: var(--fp-input-h, 48px);
    padding: var(--fp-input-pad-y, 14px) var(--fp-input-pad-x, 16px);
    background: var(--fp-input-bg, #f8fafc);
    border: var(--fp-input-border, 1px solid #e2e8f0);
    border-radius: var(--fp-input-radius, 12px);
    font-size: var(--fp-input-size, 15px);
    color: var(--fp-input-text, var(--fp-text, #0f172a));
    box-sizing: border-box;
    outline: none;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    box-shadow: var(--fp-input-shadow, none);
  }
  .fp-group input::placeholder,
  .fp-group textarea::placeholder { color: var(--fp-placeholder, rgba(100, 116, 139, 0.75)); }
  .fp-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: var(--fp-input-h, 48px);
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230f172a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 10 5 5 5-5'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 44px;
  }
  .fp-group input:focus,
  .fp-group textarea:focus,
  .fp-group select:focus {
    background: var(--fp-input-focus-bg, var(--fp-wrapper-bg, #ffffff));
    border-color: var(--fp-focus-color, var(--fp-btn-solid, #25D366));
    box-shadow: var(--fp-focus-shadow, 0 0 0 4px rgba(37, 211, 102, 0.2));
    transform: translateY(var(--fp-input-focus-lift, 0));
  }
  .fp-group textarea {
    min-height: 112px;
    resize: vertical;
    line-height: 1.5;
  }
  .fp-radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--fp-radio-bg, var(--fp-input-bg, #f8fafc));
    padding: var(--fp-radio-pad, 16px);
    border-radius: var(--fp-radio-radius, 12px);
    border: var(--fp-radio-border, var(--fp-input-border, 1px solid #e2e8f0));
    box-shadow: var(--fp-radio-shadow, none);
  }
  .fp-radio-group label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: var(--fp-radio-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin: 0;
    cursor: pointer;
    font-size: var(--fp-radio-label-size, 14px);
  }
  .fp-radio-group input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: var(--fp-btn-solid, #25D366);
    cursor: pointer;
    margin: 0;
  }
  .fp-submit {
    width: 100%;
    background: var(--fp-btn-bg, #25D366);
    color: var(--fp-btn-text, #ffffff);
    border: var(--fp-btn-border, none);
    min-height: var(--fp-btn-h, 56px);
    padding: var(--fp-btn-pad-y, 16px) var(--fp-btn-pad-x, 16px);
    border-radius: var(--fp-btn-radius, 12px);
    font-size: var(--fp-btn-size, 16px);
    font-weight: var(--fp-btn-weight, 800);
    letter-spacing: var(--fp-btn-tracking, 0.1px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background 0.18s ease;
    box-shadow: var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35));
    margin-top: var(--fp-btn-mt, 26px);
    position: relative;
  }
  .fp-submit:hover {
    background: var(--fp-btn-bg-hover, var(--fp-btn-bg, #25D366));
    box-shadow: var(--fp-btn-hover-shadow, var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35)));
    transform: translateY(-1px);
    filter: var(--fp-btn-hover-filter, none);
  }
  .fp-submit:active {
    transform: translateY(0) scale(0.99);
  }
  .fp-submit-text {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
  }
  .fp-wa-icon {
    width: var(--fp-btn-icon-size, 22px);
    height: var(--fp-btn-icon-size, 22px);
    fill: currentColor;
  }
  .fp-trust {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 14px;
    border-radius: 12px;
    background: var(--fp-trust-bg, rgba(99, 102, 241, 0.06));
    border: var(--fp-trust-border, 1px solid rgba(148, 163, 184, 0.20));
    margin-top: 8px;
  }
  .fp-trust-icon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--fp-trust-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-trust-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-trust-icon-color, #6366f1);
  }
  .fp-trust-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-trust-title { font-size: 13px; font-weight: 900; color: var(--fp-trust-title, var(--fp-text, #0f172a)); line-height: 1.25; }
  .fp-trust-desc { margin-top: 2px; font-size: 12px; color: var(--fp-trust-text, var(--fp-subtext, rgba(15, 23, 42, 0.65))); line-height: 1.45; }
  .fp-microcopy {
    margin-top: 10px;
    font-size: 12px;
    color: var(--fp-microcopy-text, var(--fp-subtext, rgba(15, 23, 42, 0.65)));
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.4;
    white-space: pre-line;
  }
  .fp-microcopy svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.9; flex: 0 0 auto; }
  .fp-theme-default {
    --fp-font-family: "Inter", system-ui, -apple-system, sans-serif;
    --fp-wrapper-bg: #ffffff;
    --fp-wrapper-border: 1px solid #e2e8f0;
    --fp-wrapper-radius: 16px;
    --fp-wrapper-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
    --fp-wrapper-padding: 26px;
    --fp-text: #0f172a;
    --fp-subtext: rgba(15, 23, 42, 0.62);
    --fp-label: #0f172a;
    --fp-label-icon: rgba(100, 116, 139, 0.9);
    --fp-input-bg: #ffffff;
    --fp-input-border: 1px solid #e2e8f0;
    --fp-input-radius: 12px;
    --fp-page-bg: #f8fafc;
    --fp-page-bg-img: radial-gradient(circle at 18% 18%, rgba(99, 102, 241, 0.12) 0%, rgba(99, 102, 241, 0) 45%), radial-gradient(circle at 82% 22%, rgba(236, 72, 153, 0.10) 0%, rgba(236, 72, 153, 0) 48%);
    --fp-divider: rgba(148, 163, 184, 0.22);
    --fp-header-icon-bg: rgba(99, 102, 241, 0.12);
    --fp-header-icon-color: #6366f1;
    --fp-trust-bg: rgba(99, 102, 241, 0.06);
    --fp-trust-border: 1px solid rgba(148, 163, 184, 0.20);
    --fp-trust-icon-bg: rgba(99, 102, 241, 0.12);
    --fp-trust-icon-color: #6366f1;
    --fp-focus-color: rgba(99, 102, 241, 0.95);
    --fp-focus-shadow: 0 0 0 4px rgba(99, 102, 241, 0.18);
    --fp-btn-solid: #6366f1;
    --fp-btn-bg: #25D366;
    --fp-btn-bg-hover: #1EBE5D;
    --fp-btn-text: #ffffff;
    --fp-btn-radius: 14px;
    --fp-btn-shadow: 0 10px 26px rgba(2, 6, 23, 0.10);
    --fp-btn-hover-shadow: 0 14px 34px rgba(2, 6, 23, 0.14);
    --fp-head-border: 1px solid rgba(148, 163, 184, 0.22);
    --fp-head-icon-bg: rgba(99, 102, 241, 0.12);
  }
  
  @media (max-width: 768px), (max-device-width: 768px), (hover: none) and (pointer: coarse) {
    .formpay-wrapper {
      width: calc(100vw - 32px) !important;
      max-width: calc(100vw - 32px) !important;
      min-width: 0 !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding: 16px !important;
      border-radius: 14px !important;
      transform: none !important;
      zoom: 1 !important;
      --fp-wrapper-padding: 16px;
      --fp-wrapper-radius: 14px;
      --fp-input-size: 16px;
      --fp-input-h: 50px;
      --fp-btn-size: 16px;
      --fp-btn-h: 56px;
    }
    .fp-header-title { font-size: 20px !important; }
    .fp-group input[type="text"],
    .fp-group input[type="number"],
    .fp-group input[type="email"],
    .fp-group input[type="date"],
    .fp-group input[type="time"],
    .fp-group textarea,
    .fp-group select {
      font-size: 16px !important;
      min-height: 50px !important;
    }
    .fp-group textarea { min-height: 120px !important; }
    .fp-submit { width: 100% !important; min-height: 56px !important; font-size: 16px !important; }
    .fp-popup-trigger { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; }
    .fp-modal { padding: 16px !important; }
    .fp-modal-content { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; max-height: calc(100vh - 32px) !important; }
  }
</style>
<div class="formpay-wrapper fp-theme-default">
  <form id="formpay-form-mq311mbvqis24" class="fp-form">
    <div class="fp-group">
      <label for="fp-f17807910687400-mq311mbvqis24"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="7" r="4"></circle><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path></svg></span><span class="fp-label-text">Nama Lengkap</span></span><span class="fp-req">*</span></label>
      <input type="text" id="fp-f17807910687400-mq311mbvqis24" name="Nama Lengkap" placeholder="Sesuai KTP / Panggilan" required>
    </div>
    <div class="fp-group">
      <label for="fp-f17807910687401-mq311mbvqis24"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></span><span class="fp-label-text">No WhatsApp</span></span><span class="fp-req">*</span></label>
      <input type="text" id="fp-f17807910687401-mq311mbvqis24" name="No WhatsApp" placeholder="08xxxxxxxxxx" required>
    </div>
    <div class="fp-group">
      <label for="fp-f17807910687402-mq311mbvqis24"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0Z"></path><circle cx="12" cy="10" r="3"></circle></svg></span><span class="fp-label-text">Alamat Pengiriman</span></span><span class="fp-req">*</span></label>
      <textarea id="fp-f17807910687402-mq311mbvqis24" name="Alamat Pengiriman" placeholder="Nama jalan, RT/RW, Patokan" required></textarea>
    </div>
    <div class="fp-group">
      <label for="fp-f17807910687403-mq311mbvqis24"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z"></path><path d="M3.3 7 12 12l8.7-5"></path><path d="M12 22V12"></path><path d="m7.5 4.27 9 5.15"></path></svg></span><span class="fp-label-text">Pilihan Produk</span></span><span class="fp-req">*</span></label>
      <select id="fp-f17807910687403-mq311mbvqis24" name="Pilihan Produk" required>
        <option value="">Pilih...</option>
        <option value="Produk A">Produk A</option>
        <option value="Produk B">Produk B</option>
        <option value="Produk C">Produk C</option>
      </select>
    </div>
    <div class="fp-group">
      <label for="fp-f17807910687404-mq311mbvqis24"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 6h11"></path><path d="M10 12h11"></path><path d="M10 18h11"></path><path d="M4 6h1v4"></path><path d="M4 10h2"></path><path d="M6 18H4c0-1 2-2 2-3s-1-1-2-1"></path><path d="M4 15h2"></path></svg></span><span class="fp-label-text">Jumlah Pesanan</span></span><span class="fp-req">*</span></label>
      <input type="number" id="fp-f17807910687404-mq311mbvqis24" name="Jumlah Pesanan" placeholder="1" required>
    </div>
    <div class="fp-trust">
      <div class="fp-trust-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V5l8-3 8 3v8Z"></path><path d="m9 12 2 2 4-4"></path></svg></div>
      <div>
        <div class="fp-trust-title">Data aman &amp; terpercaya</div>
        <div class="fp-trust-desc">Informasi yang Anda berikan hanya digunakan untuk kebutuhan pemesanan.</div>
      </div>
    </div>
    <button type="submit" class="fp-submit">
      <svg viewBox="0 0 24 24" class="fp-wa-icon" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
      <span class="fp-submit-text">Pesan Via WhatsApp</span>
    </button>
    <div class="fp-microcopy"><span aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></span><span>Anda akan diarahkan ke WhatsApp</span></div>
  </form>
  </div>

<script>
  (function() {
    const WA_TARGET = "628996077712";
    const GOOGLE_SCRIPT_URL = "";
    const FONNTE_ENABLED = true;
    const FONNTE_TOKEN = "KJc46heXPbfbmYtPzwVJ";
    const FONNTE_ADMIN_NUMBER = "628996077712";
    const FONNTE_ADMIN_NOTIFY = true;
    const FONNTE_ADMIN_TEMPLATE = "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : {nama}\nNo WhatsApp : {nomorwa}\n\n====================\n\nDetail Form\n\n{detail}\n====================\n\nDikirim dari FormPay";
    const FONNTE_CUSTOMER_REPLY = true;
    const FONNTE_CUSTOMER_FIELD = "No WhatsApp";
    const AUTO_REPLY_TEMPLATE = "Halo {nama},\nTerima kasih sudah mengisi form.\n\nTim kami akan segera menghubungi Anda.";
    const META_PIXEL_IDS = ["1365492726943489","848499794351718"];
    const META_LEAD_ENABLED = true;
    function buildWaMeUrl(phone, message) {
    var p = String(phone || "");
    var msg = String(message == null ? "" : message);
    return "https://wa.me/" + p + "?text=" + encodeURIComponent(msg);
  }
    function redirectToWhatsApp(phone, message) {
    var url = buildWaMeUrl(phone, message);
    try {
      location.assign(url);
      return;
    } catch (err) {}
    try {
      window.location.href = url;
    } catch (err) {}
  }
    var metaGlobalKey = "__fpMetaEventFired";
    var metaEnsureGlobal = function() {
      try {
        if (!window[metaGlobalKey] || typeof window[metaGlobalKey] !== "object") window[metaGlobalKey] = {};
      } catch {}
    };
    var metaWasFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return false;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        return !!store[k][String(eventName || "")];
      } catch {
        return false;
      }
    };
    var metaMarkFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        store[k][String(eventName || "")] = 1;
      } catch {}
    };
    var ensureMetaPixel = function() {
      try {
        if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return false;
        var w = window;
        var d = document;
        if (typeof w.fbq !== "function") {
          var fbq = function() {
            try { fbq.callMethod ? fbq.callMethod.apply(fbq, arguments) : fbq.queue.push(arguments); } catch {}
          };
          fbq.queue = [];
          fbq.loaded = true;
          fbq.version = "2.0";
          w.fbq = fbq;
          if (typeof w._fbq !== "function") w._fbq = fbq;
          var existing = d.querySelector('script[src*="connect.facebook.net"][src*="fbevents.js"]');
          if (!existing) {
            var s = d.createElement("script");
            s.async = true;
            s.src = "https://connect.facebook.net/en_US/fbevents.js";
            var first = d.getElementsByTagName("script")[0];
            if (first && first.parentNode) first.parentNode.insertBefore(s, first);
            else (d.head || d.body || d.documentElement).appendChild(s);
          }
        }
        var initedKey = "__fpMetaPixelInited";
        if (!w[initedKey]) w[initedKey] = {};
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (w[initedKey][id]) continue;
          try { w.fbq("init", id); w[initedKey][id] = 1; } catch {}
        }
        return true;
      } catch {
        return false;
      }
    };
    var metaTrack = function(eventName) {
      try {
        if (!ensureMetaPixel()) return;
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (metaWasFired(id, eventName)) continue;
          try {
            window.fbq("trackSingle", id, eventName, {});
            metaMarkFired(id, eventName);
          } catch {}
        }
      } catch {}
    };
    if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) {
      try {
        metaTrack("PageView");
        metaTrack("ViewContent");
      } catch {}
    }
    var form = document.getElementById('formpay-form-mq311mbvqis24');
    if(form) {
      var onFirstFill = function(e) {
        try {
          if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return;
          var t = e && e.target;
          if (!t) return;
          var tag = String(t.tagName || "").toLowerCase();
          if (tag !== "input" && tag !== "textarea" && tag !== "select") return;
          var type = String(t.type || "").toLowerCase();
          if (type === "submit" || type === "button") return;
          metaTrack("AddToCart");
        } catch {}
      };
      try { form.addEventListener("focusin", onFirstFill, true); } catch {}
      try { form.addEventListener("input", onFirstFill, true); } catch {}
      try { form.addEventListener("change", onFirstFill, true); } catch {}
      form.addEventListener('submit', function(e) {
        e.preventDefault();
        try {
          if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) metaTrack("InitiateCheckout");
        } catch {}
        if (!WA_TARGET) {
          alert("Nomor WhatsApp tujuan belum di-set.");
          return;
        }
        var fd = new FormData(this);
        var redirectDone = false;
        var openWhatsApp = function(msg) {
          if (redirectDone) return;
          redirectDone = true;
          try {
            if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length && META_LEAD_ENABLED) metaTrack("Lead");
          } catch {}
          redirectToWhatsApp(WA_TARGET, msg);
        };
        var normalizePhone = function(raw) {
          if (typeof raw !== "string") return "";
          var digits = raw.replace(/\D/g, "");
          if (!digits) return "";
          if (digits.indexOf("0") === 0) digits = "62" + digits.slice(1);
          if (digits.indexOf("8") === 0) digits = "62" + digits;
          return digits;
        };
        var normalizeTemplateKey = function(key) {
          if (typeof key !== "string") return "";
          return key.toLowerCase().replace(/[^a-z0-9]/g, "");
        };
        var applyTemplate = function(template, vars) {
          if (typeof template !== "string") return "";
          return template.replace(/\{([^}]+)\}/g, function(m, token) {
            var k = normalizeTemplateKey(String(token || ""));
            if (!k) return m;
            if (vars && Object.prototype.hasOwnProperty.call(vars, k)) return String(vars[k] || "");
            return m;
          });
        };
        var buildVars = function(data) {
          var vars = {};
          try {
            Object.keys(data || {}).forEach(function(k) {
              var v = data[k];
              vars[normalizeTemplateKey(k)] = Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
            });
          } catch (err) {}
          var findByKeywords = function(keywords) {
            try {
              var keys = Object.keys(data || {});
              for (var i = 0; i < keys.length; i++) {
                var k = keys[i];
                var nk = normalizeTemplateKey(k);
                for (var j = 0; j < keywords.length; j++) {
                  if (nk.indexOf(keywords[j]) !== -1) {
                    var v = data[k];
                    return Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
                  }
                }
              }
            } catch (err) {}
            return "";
          };
          var customerFieldValue = "";
          try {
            if (FONNTE_CUSTOMER_FIELD && Object.prototype.hasOwnProperty.call(data, FONNTE_CUSTOMER_FIELD)) {
              customerFieldValue = data[FONNTE_CUSTOMER_FIELD];
            }
          } catch (err) {}
          vars.nama = findByKeywords(["nama"]) || findByKeywords(["name"]) || "";
          vars.nomorwa = String(customerFieldValue || "") || findByKeywords(["whatsapp"]) || findByKeywords(["wa"]) || findByKeywords(["nohp"]) || "";
          vars.produk = findByKeywords(["produk"]) || "";
          return vars;
        };
        var buildAdminMessage = function(fd, vars) {
          var nameVal = vars.nama || "-";
          var waVal = vars.nomorwa || "-";
          var detail = "";
          try {
            fd.forEach(function(value, key) {
              detail += "* " + String(key) + " : " + String(value) + "\n";
            });
          } catch (err) {}
          try { vars.nama = nameVal; vars.nomorwa = waVal; vars.detail = detail; } catch (err) {}
          var template = "";
          try { template = String(FONNTE_ADMIN_TEMPLATE || ""); } catch (err) { template = ""; }
          if (template && String(template).trim()) return applyTemplate(template, vars);
          return "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : " + nameVal + "\nNo WhatsApp : " + waVal + "\n\n====================\n\nDetail Form\n\n" + detail + "\n====================\n\nDikirim dari FormPay";
        };
        var sendFonnte = function(target, message, timeoutMs) {
          return new Promise(function(resolve) {
            if (!FONNTE_ENABLED || !FONNTE_TOKEN) return resolve(false);
            if (!target || !message) return resolve(false);
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = Math.max(500, Number(timeoutMs) || 2200);
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve(false);
            }, ms);
            try {
              fetch("https://api.fonnte.com/send", {
                method: "POST",
                keepalive: true,
                headers: { "Content-Type": "application/json", "Authorization": FONNTE_TOKEN },
                body: JSON.stringify({ target: target, message: message }),
                signal: signal
              }).then(function(res) {
                clearTimeout(t);
                resolve(!!(res && res.ok));
              }).catch(function() {
                clearTimeout(t);
                resolve(false);
              });
            } catch (err) {
              clearTimeout(t);
              resolve(false);
            }
          });
        };
        var pad2 = function(n) { n = String(n); return n.length < 2 ? "0" + n : n; };
        var formatTimestamp = function(d) {
          return d.getFullYear() + "-" + pad2(d.getMonth() + 1) + "-" + pad2(d.getDate()) + " " + pad2(d.getHours()) + ":" + pad2(d.getMinutes()) + ":" + pad2(d.getSeconds());
        };
        var data = Object.create(null);
        data.timestamp = formatTimestamp(new Date());
        try {
          fd.forEach(function(value, key) {
            if (Object.prototype.hasOwnProperty.call(data, key)) {
              if (Array.isArray(data[key])) data[key].push(value);
              else data[key] = [data[key], value];
              return;
            }
            data[key] = value;
          });
        } catch (err) {}
        var footerMessage = "Mohon info tujuan transfer";
        var msg = "Halo, saya ingin melakukan pemesanan.\n\n*Detail Pesanan:*" + "\n";
        try {
          fd.forEach(function(value, key) {
            msg += "\n- " + String(key) + ": " + String(value);
          });
        } catch (err) {}
        if (footerMessage && String(footerMessage).trim()) {
          msg += "\n\n" + String(footerMessage).trim();
        }
        var fonnteReady = !!(FONNTE_ENABLED && FONNTE_TOKEN && FONNTE_ADMIN_NUMBER);
        if (FONNTE_ENABLED && (!FONNTE_TOKEN || !FONNTE_ADMIN_NUMBER)) fonnteReady = false;
        if (FONNTE_ENABLED && FONNTE_CUSTOMER_REPLY && !FONNTE_CUSTOMER_FIELD) fonnteReady = false;

        var deadline = Date.now() + 4500;
        var stepTimeout = function(maxMs) {
          var remaining = deadline - Date.now();
          if (remaining <= 0) return 0;
          var m = Number(maxMs) || 0;
          if (m <= 0) return remaining;
          return Math.max(600, Math.min(m, remaining));
        };
        var hardFailSafe = setTimeout(function() { openWhatsApp(msg); }, 4600);

        var runGoogle = function() {
          return new Promise(function(resolve) {
            if (!GOOGLE_SCRIPT_URL) return resolve();
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve();
            }, ms);
            try {
              fetch(GOOGLE_SCRIPT_URL, {
                method: "POST",
                mode: "no-cors",
                keepalive: true,
                body: JSON.stringify(data),
                signal: signal
              }).then(function() { clearTimeout(t); resolve(); }).catch(function() { clearTimeout(t); resolve(); });
            } catch (err) {
              clearTimeout(t);
              resolve();
            }
          });
        };

        var runFonnteAdmin = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_ADMIN_NOTIFY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var vars = buildVars(data);
            sendFonnte(FONNTE_ADMIN_NUMBER, buildAdminMessage(fd, vars), ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        var runFonnteCustomer = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_CUSTOMER_REPLY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var raw = "";
            try { raw = String(data[FONNTE_CUSTOMER_FIELD] || ""); } catch (err) { raw = ""; }
            var target = normalizePhone(raw);
            if (!target) return resolve();
            var vars = buildVars(data);
            var message = applyTemplate(AUTO_REPLY_TEMPLATE || "", vars);
            sendFonnte(target, message, ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        runGoogle()
          .then(function() { return runFonnteAdmin(); })
          .then(function() { return runFonnteCustomer(); })
          .then(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          })
          .catch(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          });
      });
    }
    
  })();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-fe49800 elementor-widget elementor-widget-heading" data-id="fe49800" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Add Your Heading Text Here</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d647ee1 elementor-widget elementor-widget-html" data-id="d647ee1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- FormPay.js Embed Code -->

<style>
  .formpay-wrapper, .formpay-wrapper * { box-sizing: border-box; }
  .formpay-wrapper {
    font-family: var(--fp-font-family, 'Inter', 'Poppins', system-ui, -apple-system, sans-serif);
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    background: var(--fp-wrapper-bg, #ffffff);
    padding: var(--fp-wrapper-padding, 28px);
    border-radius: var(--fp-wrapper-radius, 16px);
    box-shadow: var(--fp-wrapper-shadow, none);
    border: var(--fp-wrapper-border, 1px solid #e2e8f0);
    box-sizing: border-box;
    color: var(--fp-text, #0f172a);
    position: relative;
    overflow: hidden;
  }
  .fp-card-header { text-align: center; margin-bottom: 18px; padding-bottom: 18px; }
  .fp-header-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    background: var(--fp-header-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-header-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-header-icon-color, #6366f1);
    box-shadow: var(--fp-header-icon-shadow, none);
  }
  .fp-header-icon svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-header-title { font-size: 22px; font-weight: 900; color: var(--fp-text, #0f172a); letter-spacing: -0.02em; line-height: 1.25; }
  .fp-header-desc { margin-top: 6px; font-size: 13px; color: var(--fp-subtext, rgba(15, 23, 42, 0.65)); line-height: 1.55; white-space: pre-line; }
  .fp-divider { height: 1px; width: 100%; background: var(--fp-divider, rgba(148, 163, 184, 0.22)); margin-top: 16px; }
  .fp-group {
    margin-bottom: var(--fp-field-gap, 18px);
    padding: var(--fp-group-pad, 0);
    background: var(--fp-group-bg, transparent);
    border-radius: var(--fp-group-radius, 0);
    border: var(--fp-group-border, none);
    box-shadow: var(--fp-group-shadow, none);
  }
  .fp-group label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: var(--fp-label-size, 14px);
    font-weight: var(--fp-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin-bottom: var(--fp-label-mb, 8px);
    cursor: pointer;
    letter-spacing: var(--fp-label-tracking, 0);
    text-transform: var(--fp-label-transform, none);
  }
  .fp-label-main { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
  .fp-label-icon { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--fp-label-icon, rgba(100, 116, 139, 0.9)); }
  .fp-label-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-label-text { display: inline-block; line-height: 1.25; }
  .fp-group .fp-req { color: #ef4444; margin-left: 4px; }
  .fp-group input[type="text"],
  .fp-group input[type="number"],
  .fp-group input[type="email"],
  .fp-group input[type="date"],
  .fp-group input[type="time"],
  .fp-group textarea,
  .fp-group select {
    width: 100%;
    min-height: var(--fp-input-h, 48px);
    padding: var(--fp-input-pad-y, 14px) var(--fp-input-pad-x, 16px);
    background: var(--fp-input-bg, #f8fafc);
    border: var(--fp-input-border, 1px solid #e2e8f0);
    border-radius: var(--fp-input-radius, 12px);
    font-size: var(--fp-input-size, 15px);
    color: var(--fp-input-text, var(--fp-text, #0f172a));
    box-sizing: border-box;
    outline: none;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    box-shadow: var(--fp-input-shadow, none);
  }
  .fp-group input::placeholder,
  .fp-group textarea::placeholder { color: var(--fp-placeholder, rgba(100, 116, 139, 0.75)); }
  .fp-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: var(--fp-input-h, 48px);
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2314532d'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 10 5 5 5-5'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 44px;
  }
  .fp-group input:focus,
  .fp-group textarea:focus,
  .fp-group select:focus {
    background: var(--fp-input-focus-bg, var(--fp-wrapper-bg, #ffffff));
    border-color: var(--fp-focus-color, var(--fp-btn-solid, #25D366));
    box-shadow: var(--fp-focus-shadow, 0 0 0 4px rgba(37, 211, 102, 0.2));
    transform: translateY(var(--fp-input-focus-lift, 0));
  }
  .fp-group textarea {
    min-height: 112px;
    resize: vertical;
    line-height: 1.5;
  }
  .fp-radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--fp-radio-bg, var(--fp-input-bg, #f8fafc));
    padding: var(--fp-radio-pad, 16px);
    border-radius: var(--fp-radio-radius, 12px);
    border: var(--fp-radio-border, var(--fp-input-border, 1px solid #e2e8f0));
    box-shadow: var(--fp-radio-shadow, none);
  }
  .fp-radio-group label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: var(--fp-radio-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin: 0;
    cursor: pointer;
    font-size: var(--fp-radio-label-size, 14px);
  }
  .fp-radio-group input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: var(--fp-btn-solid, #25D366);
    cursor: pointer;
    margin: 0;
  }
  .fp-submit {
    width: 100%;
    background: var(--fp-btn-bg, #25D366);
    color: var(--fp-btn-text, #ffffff);
    border: var(--fp-btn-border, none);
    min-height: var(--fp-btn-h, 56px);
    padding: var(--fp-btn-pad-y, 16px) var(--fp-btn-pad-x, 16px);
    border-radius: var(--fp-btn-radius, 12px);
    font-size: var(--fp-btn-size, 16px);
    font-weight: var(--fp-btn-weight, 800);
    letter-spacing: var(--fp-btn-tracking, 0.1px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background 0.18s ease;
    box-shadow: var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35));
    margin-top: var(--fp-btn-mt, 26px);
    position: relative;
  }
  .fp-submit:hover {
    background: var(--fp-btn-bg-hover, var(--fp-btn-bg, #25D366));
    box-shadow: var(--fp-btn-hover-shadow, var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35)));
    transform: translateY(-1px);
    filter: var(--fp-btn-hover-filter, none);
  }
  .fp-submit:active {
    transform: translateY(0) scale(0.99);
  }
  .fp-submit-text {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
  }
  .fp-wa-icon {
    width: var(--fp-btn-icon-size, 22px);
    height: var(--fp-btn-icon-size, 22px);
    fill: currentColor;
  }
  .fp-trust {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 14px;
    border-radius: 12px;
    background: var(--fp-trust-bg, rgba(99, 102, 241, 0.06));
    border: var(--fp-trust-border, 1px solid rgba(148, 163, 184, 0.20));
    margin-top: 8px;
  }
  .fp-trust-icon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--fp-trust-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-trust-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-trust-icon-color, #6366f1);
  }
  .fp-trust-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-trust-title { font-size: 13px; font-weight: 900; color: var(--fp-trust-title, var(--fp-text, #0f172a)); line-height: 1.25; }
  .fp-trust-desc { margin-top: 2px; font-size: 12px; color: var(--fp-trust-text, var(--fp-subtext, rgba(15, 23, 42, 0.65))); line-height: 1.45; }
  .fp-microcopy {
    margin-top: 10px;
    font-size: 12px;
    color: var(--fp-microcopy-text, var(--fp-subtext, rgba(15, 23, 42, 0.65)));
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.4;
    white-space: pre-line;
  }
  .fp-microcopy svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.9; flex: 0 0 auto; }
  .fp-theme-softgreen {
    --fp-font-family: "Inter", system-ui, -apple-system, sans-serif;
    --fp-wrapper-bg: #eafff1;
    --fp-wrapper-border: 1px solid rgba(34, 197, 94, 0.18);
    --fp-wrapper-radius: 16px;
    --fp-wrapper-shadow: 0 16px 44px rgba(22, 163, 74, 0.14);
    --fp-wrapper-padding: 22px;
    --fp-page-bg: #f0fff4;
    --fp-page-bg-img: radial-gradient(circle at 18% 18%, rgba(37, 211, 102, 0.18) 0%, rgba(37, 211, 102, 0) 48%), radial-gradient(circle at 82% 28%, rgba(29, 168, 81, 0.14) 0%, rgba(29, 168, 81, 0) 50%);
    --fp-text: #14532d;
    --fp-subtext: rgba(20, 83, 45, 0.72);
    --fp-label: #14532d;
    --fp-label-icon: rgba(20, 83, 45, 0.92);
    --fp-label-size: 12px;
    --fp-label-weight: 900;
    --fp-label-tracking: 0.2px;
    --fp-label-mb: 6px;
    --fp-divider: rgba(20, 83, 45, 0.12);
    --fp-header-icon-bg: rgba(37, 211, 102, 0.16);
    --fp-header-icon-color: #1da851;
    --fp-trust-bg: rgba(37, 211, 102, 0.10);
    --fp-trust-border: 1px solid rgba(34, 197, 94, 0.18);
    --fp-trust-icon-bg: rgba(37, 211, 102, 0.18);
    --fp-trust-icon-color: #14532d;
    --fp-input-bg: #ffffff;
    --fp-input-border: 1px solid rgba(20, 83, 45, 0.10);
    --fp-input-radius: 12px;
    --fp-input-hover-shadow: 0 8px 24px rgba(22, 163, 74, 0.12);
    --fp-focus-color: #25D366;
    --fp-focus-shadow: 0 0 0 5px rgba(37, 211, 102, 0.22);
    --fp-field-gap: 12px;
    --fp-group-pad: 14px;
    --fp-group-bg: rgba(255, 255, 255, 0.82);
    --fp-group-radius: 14px;
    --fp-group-border: 1px solid rgba(20, 83, 45, 0.08);
    --fp-group-shadow: 0 10px 30px rgba(22, 163, 74, 0.10);
    --fp-btn-solid: #25D366;
    --fp-btn-bg: linear-gradient(135deg, rgba(37,211,102,1) 0%, rgba(29,168,81,1) 100%);
    --fp-btn-bg-hover: linear-gradient(135deg, rgba(29,168,81,1) 0%, rgba(37,211,102,1) 100%);
    --fp-btn-text: #ffffff;
    --fp-btn-radius: 14px;
    --fp-btn-pad-y: 18px;
    --fp-btn-pad-x: 18px;
    --fp-btn-icon-size: 24px;
    --fp-btn-shadow: 0 16px 40px rgba(22, 163, 74, 0.25);
    --fp-btn-hover-shadow: 0 18px 48px rgba(22, 163, 74, 0.30);
    --fp-head-border: 1px solid rgba(20, 83, 45, 0.10);
    --fp-head-icon-bg: rgba(37, 211, 102, 0.16);
    --fp-pill-bg: rgba(255, 255, 255, 0.72);
    --fp-pill-border: 1px solid rgba(20, 83, 45, 0.10);
    --fp-pill-text: rgba(20, 83, 45, 0.92);
  }

  .fp-theme-softgreen.formpay-wrapper::before {
    content: "";
    position: absolute;
    inset: -40%;
    background:
      radial-gradient(circle at 30% 25%, rgba(37, 211, 102, 0.35) 0%, rgba(37, 211, 102, 0) 55%),
      radial-gradient(circle at 80% 15%, rgba(29, 168, 81, 0.22) 0%, rgba(29, 168, 81, 0) 52%),
      radial-gradient(circle at 70% 75%, rgba(20, 83, 45, 0.12) 0%, rgba(20, 83, 45, 0) 58%);
    transform: rotate(8deg);
    pointer-events: none;
    opacity: 0.75;
  }
  .fp-theme-softgreen.formpay-wrapper > * { position: relative; z-index: 1; }
  
  @media (max-width: 768px), (max-device-width: 768px), (hover: none) and (pointer: coarse) {
    .formpay-wrapper {
      width: calc(100vw - 32px) !important;
      max-width: calc(100vw - 32px) !important;
      min-width: 0 !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding: 16px !important;
      border-radius: 14px !important;
      transform: none !important;
      zoom: 1 !important;
      --fp-wrapper-padding: 16px;
      --fp-wrapper-radius: 14px;
      --fp-input-size: 16px;
      --fp-input-h: 50px;
      --fp-btn-size: 16px;
      --fp-btn-h: 56px;
    }
    .fp-header-title { font-size: 20px !important; }
    .fp-group input[type="text"],
    .fp-group input[type="number"],
    .fp-group input[type="email"],
    .fp-group input[type="date"],
    .fp-group input[type="time"],
    .fp-group textarea,
    .fp-group select {
      font-size: 16px !important;
      min-height: 50px !important;
    }
    .fp-group textarea { min-height: 120px !important; }
    .fp-submit { width: 100% !important; min-height: 56px !important; font-size: 16px !important; }
    .fp-popup-trigger { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; }
    .fp-modal { padding: 16px !important; }
    .fp-modal-content { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; max-height: calc(100vh - 32px) !important; }
  }
</style>
<div class="formpay-wrapper fp-theme-softgreen">
  <form id="formpay-form-mq31dvpc22u1c" class="fp-form">
    <div class="fp-group">
      <label for="fp-f17807915600090-mq31dvpc22u1c"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="7" r="4"></circle><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path></svg></span><span class="fp-label-text">Nama Pemesan</span></span><span class="fp-req">*</span></label>
      <input type="text" id="fp-f17807915600090-mq31dvpc22u1c" name="Nama Pemesan" placeholder="Nama lengkap" required>
    </div>
    <div class="fp-group">
      <label for="fp-f1780791564784-mq31dvpc22u1c"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></span><span class="fp-label-text">Whatsapp</span></span></label>
      <input type="number" id="fp-f1780791564784-mq31dvpc22u1c" name="Whatsapp" placeholder="089xxxxxxxx" >
    </div>
    <div class="fp-group">
      <label for="fp-f17807915600101-mq31dvpc22u1c"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg></span><span class="fp-label-text">Tanggal Booking</span></span><span class="fp-req">*</span></label>
      <input type="date" id="fp-f17807915600101-mq31dvpc22u1c" name="Tanggal Booking" placeholder="" required>
    </div>
    <div class="fp-group">
      <label for="fp-f17807915600102-mq31dvpc22u1c"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></span><span class="fp-label-text">Jam Kedatangan</span></span><span class="fp-req">*</span></label>
      <input type="time" id="fp-f17807915600102-mq31dvpc22u1c" name="Jam Kedatangan" placeholder="" required>
    </div>
    <div class="fp-group">
      <label for="fp-f17807915600103-mq31dvpc22u1c"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="8" y1="13" x2="16" y2="13"></line><line x1="8" y1="17" x2="16" y2="17"></line></svg></span><span class="fp-label-text">Catatan Khusus</span></span></label>
      <textarea id="fp-f17807915600103-mq31dvpc22u1c" name="Catatan Khusus" placeholder="Ada permintaan tambahan?" ></textarea>
    </div>
    <div class="fp-trust">
      <div class="fp-trust-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V5l8-3 8 3v8Z"></path><path d="m9 12 2 2 4-4"></path></svg></div>
      <div>
        <div class="fp-trust-title">Data aman &amp; terpercaya</div>
        <div class="fp-trust-desc">Informasi yang Anda berikan hanya digunakan untuk kebutuhan pemesanan.</div>
      </div>
    </div>
    <button type="submit" class="fp-submit">
      <svg viewBox="0 0 24 24" class="fp-wa-icon" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
      <span class="fp-submit-text">Pesan Via WhatsApp</span>
    </button>
    <div class="fp-microcopy"><span aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></span><span>Anda akan diarahkan ke WhatsApp</span></div>
  </form>
  </div>

<script>
  (function() {
    const WA_TARGET = "628996077712";
    const GOOGLE_SCRIPT_URL = "";
    const FONNTE_ENABLED = true;
    const FONNTE_TOKEN = "KJc46heXPbfbmYtPzwVJ";
    const FONNTE_ADMIN_NUMBER = "628996077712";
    const FONNTE_ADMIN_NOTIFY = true;
    const FONNTE_ADMIN_TEMPLATE = "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : {nama}\nNo WhatsApp : {nomorwa}\n\n====================\n\nDetail Form\n\n{detail}\n====================\n\nDikirim dari FormPay";
    const FONNTE_CUSTOMER_REPLY = true;
    const FONNTE_CUSTOMER_FIELD = "Whatsapp";
    const AUTO_REPLY_TEMPLATE = "Halo {nama},\nTerima kasih sudah mengisi form.\n\nTim kami akan segera menghubungi Anda.";
    const META_PIXEL_IDS = ["1365492726943489","848499794351718"];
    const META_LEAD_ENABLED = true;
    function buildWaMeUrl(phone, message) {
    var p = String(phone || "");
    var msg = String(message == null ? "" : message);
    return "https://wa.me/" + p + "?text=" + encodeURIComponent(msg);
  }
    function redirectToWhatsApp(phone, message) {
    var url = buildWaMeUrl(phone, message);
    try {
      location.assign(url);
      return;
    } catch (err) {}
    try {
      window.location.href = url;
    } catch (err) {}
  }
    var metaGlobalKey = "__fpMetaEventFired";
    var metaEnsureGlobal = function() {
      try {
        if (!window[metaGlobalKey] || typeof window[metaGlobalKey] !== "object") window[metaGlobalKey] = {};
      } catch {}
    };
    var metaWasFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return false;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        return !!store[k][String(eventName || "")];
      } catch {
        return false;
      }
    };
    var metaMarkFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        store[k][String(eventName || "")] = 1;
      } catch {}
    };
    var ensureMetaPixel = function() {
      try {
        if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return false;
        var w = window;
        var d = document;
        if (typeof w.fbq !== "function") {
          var fbq = function() {
            try { fbq.callMethod ? fbq.callMethod.apply(fbq, arguments) : fbq.queue.push(arguments); } catch {}
          };
          fbq.queue = [];
          fbq.loaded = true;
          fbq.version = "2.0";
          w.fbq = fbq;
          if (typeof w._fbq !== "function") w._fbq = fbq;
          var existing = d.querySelector('script[src*="connect.facebook.net"][src*="fbevents.js"]');
          if (!existing) {
            var s = d.createElement("script");
            s.async = true;
            s.src = "https://connect.facebook.net/en_US/fbevents.js";
            var first = d.getElementsByTagName("script")[0];
            if (first && first.parentNode) first.parentNode.insertBefore(s, first);
            else (d.head || d.body || d.documentElement).appendChild(s);
          }
        }
        var initedKey = "__fpMetaPixelInited";
        if (!w[initedKey]) w[initedKey] = {};
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (w[initedKey][id]) continue;
          try { w.fbq("init", id); w[initedKey][id] = 1; } catch {}
        }
        return true;
      } catch {
        return false;
      }
    };
    var metaTrack = function(eventName) {
      try {
        if (!ensureMetaPixel()) return;
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (metaWasFired(id, eventName)) continue;
          try {
            window.fbq("trackSingle", id, eventName, {});
            metaMarkFired(id, eventName);
          } catch {}
        }
      } catch {}
    };
    if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) {
      try {
        metaTrack("PageView");
        metaTrack("ViewContent");
      } catch {}
    }
    var form = document.getElementById('formpay-form-mq31dvpc22u1c');
    if(form) {
      var onFirstFill = function(e) {
        try {
          if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return;
          var t = e && e.target;
          if (!t) return;
          var tag = String(t.tagName || "").toLowerCase();
          if (tag !== "input" && tag !== "textarea" && tag !== "select") return;
          var type = String(t.type || "").toLowerCase();
          if (type === "submit" || type === "button") return;
          metaTrack("AddToCart");
        } catch {}
      };
      try { form.addEventListener("focusin", onFirstFill, true); } catch {}
      try { form.addEventListener("input", onFirstFill, true); } catch {}
      try { form.addEventListener("change", onFirstFill, true); } catch {}
      form.addEventListener('submit', function(e) {
        e.preventDefault();
        try {
          if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) metaTrack("InitiateCheckout");
        } catch {}
        if (!WA_TARGET) {
          alert("Nomor WhatsApp tujuan belum di-set.");
          return;
        }
        var fd = new FormData(this);
        var redirectDone = false;
        var openWhatsApp = function(msg) {
          if (redirectDone) return;
          redirectDone = true;
          try {
            if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length && META_LEAD_ENABLED) metaTrack("Lead");
          } catch {}
          redirectToWhatsApp(WA_TARGET, msg);
        };
        var normalizePhone = function(raw) {
          if (typeof raw !== "string") return "";
          var digits = raw.replace(/\D/g, "");
          if (!digits) return "";
          if (digits.indexOf("0") === 0) digits = "62" + digits.slice(1);
          if (digits.indexOf("8") === 0) digits = "62" + digits;
          return digits;
        };
        var normalizeTemplateKey = function(key) {
          if (typeof key !== "string") return "";
          return key.toLowerCase().replace(/[^a-z0-9]/g, "");
        };
        var applyTemplate = function(template, vars) {
          if (typeof template !== "string") return "";
          return template.replace(/\{([^}]+)\}/g, function(m, token) {
            var k = normalizeTemplateKey(String(token || ""));
            if (!k) return m;
            if (vars && Object.prototype.hasOwnProperty.call(vars, k)) return String(vars[k] || "");
            return m;
          });
        };
        var buildVars = function(data) {
          var vars = {};
          try {
            Object.keys(data || {}).forEach(function(k) {
              var v = data[k];
              vars[normalizeTemplateKey(k)] = Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
            });
          } catch (err) {}
          var findByKeywords = function(keywords) {
            try {
              var keys = Object.keys(data || {});
              for (var i = 0; i < keys.length; i++) {
                var k = keys[i];
                var nk = normalizeTemplateKey(k);
                for (var j = 0; j < keywords.length; j++) {
                  if (nk.indexOf(keywords[j]) !== -1) {
                    var v = data[k];
                    return Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
                  }
                }
              }
            } catch (err) {}
            return "";
          };
          var customerFieldValue = "";
          try {
            if (FONNTE_CUSTOMER_FIELD && Object.prototype.hasOwnProperty.call(data, FONNTE_CUSTOMER_FIELD)) {
              customerFieldValue = data[FONNTE_CUSTOMER_FIELD];
            }
          } catch (err) {}
          vars.nama = findByKeywords(["nama"]) || findByKeywords(["name"]) || "";
          vars.nomorwa = String(customerFieldValue || "") || findByKeywords(["whatsapp"]) || findByKeywords(["wa"]) || findByKeywords(["nohp"]) || "";
          vars.produk = findByKeywords(["produk"]) || "";
          return vars;
        };
        var buildAdminMessage = function(fd, vars) {
          var nameVal = vars.nama || "-";
          var waVal = vars.nomorwa || "-";
          var detail = "";
          try {
            fd.forEach(function(value, key) {
              detail += "* " + String(key) + " : " + String(value) + "\n";
            });
          } catch (err) {}
          try { vars.nama = nameVal; vars.nomorwa = waVal; vars.detail = detail; } catch (err) {}
          var template = "";
          try { template = String(FONNTE_ADMIN_TEMPLATE || ""); } catch (err) { template = ""; }
          if (template && String(template).trim()) return applyTemplate(template, vars);
          return "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : " + nameVal + "\nNo WhatsApp : " + waVal + "\n\n====================\n\nDetail Form\n\n" + detail + "\n====================\n\nDikirim dari FormPay";
        };
        var sendFonnte = function(target, message, timeoutMs) {
          return new Promise(function(resolve) {
            if (!FONNTE_ENABLED || !FONNTE_TOKEN) return resolve(false);
            if (!target || !message) return resolve(false);
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = Math.max(500, Number(timeoutMs) || 2200);
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve(false);
            }, ms);
            try {
              fetch("https://api.fonnte.com/send", {
                method: "POST",
                keepalive: true,
                headers: { "Content-Type": "application/json", "Authorization": FONNTE_TOKEN },
                body: JSON.stringify({ target: target, message: message }),
                signal: signal
              }).then(function(res) {
                clearTimeout(t);
                resolve(!!(res && res.ok));
              }).catch(function() {
                clearTimeout(t);
                resolve(false);
              });
            } catch (err) {
              clearTimeout(t);
              resolve(false);
            }
          });
        };
        var pad2 = function(n) { n = String(n); return n.length < 2 ? "0" + n : n; };
        var formatTimestamp = function(d) {
          return d.getFullYear() + "-" + pad2(d.getMonth() + 1) + "-" + pad2(d.getDate()) + " " + pad2(d.getHours()) + ":" + pad2(d.getMinutes()) + ":" + pad2(d.getSeconds());
        };
        var data = Object.create(null);
        data.timestamp = formatTimestamp(new Date());
        try {
          fd.forEach(function(value, key) {
            if (Object.prototype.hasOwnProperty.call(data, key)) {
              if (Array.isArray(data[key])) data[key].push(value);
              else data[key] = [data[key], value];
              return;
            }
            data[key] = value;
          });
        } catch (err) {}
        var footerMessage = "Mohon info tujuan transfer";
        var msg = "Halo, saya ingin melakukan pemesanan.\n\n*Detail Pesanan:*" + "\n";
        try {
          fd.forEach(function(value, key) {
            msg += "\n- " + String(key) + ": " + String(value);
          });
        } catch (err) {}
        if (footerMessage && String(footerMessage).trim()) {
          msg += "\n\n" + String(footerMessage).trim();
        }
        var fonnteReady = !!(FONNTE_ENABLED && FONNTE_TOKEN && FONNTE_ADMIN_NUMBER);
        if (FONNTE_ENABLED && (!FONNTE_TOKEN || !FONNTE_ADMIN_NUMBER)) fonnteReady = false;
        if (FONNTE_ENABLED && FONNTE_CUSTOMER_REPLY && !FONNTE_CUSTOMER_FIELD) fonnteReady = false;

        var deadline = Date.now() + 4500;
        var stepTimeout = function(maxMs) {
          var remaining = deadline - Date.now();
          if (remaining <= 0) return 0;
          var m = Number(maxMs) || 0;
          if (m <= 0) return remaining;
          return Math.max(600, Math.min(m, remaining));
        };
        var hardFailSafe = setTimeout(function() { openWhatsApp(msg); }, 4600);

        var runGoogle = function() {
          return new Promise(function(resolve) {
            if (!GOOGLE_SCRIPT_URL) return resolve();
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve();
            }, ms);
            try {
              fetch(GOOGLE_SCRIPT_URL, {
                method: "POST",
                mode: "no-cors",
                keepalive: true,
                body: JSON.stringify(data),
                signal: signal
              }).then(function() { clearTimeout(t); resolve(); }).catch(function() { clearTimeout(t); resolve(); });
            } catch (err) {
              clearTimeout(t);
              resolve();
            }
          });
        };

        var runFonnteAdmin = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_ADMIN_NOTIFY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var vars = buildVars(data);
            sendFonnte(FONNTE_ADMIN_NUMBER, buildAdminMessage(fd, vars), ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        var runFonnteCustomer = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_CUSTOMER_REPLY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var raw = "";
            try { raw = String(data[FONNTE_CUSTOMER_FIELD] || ""); } catch (err) { raw = ""; }
            var target = normalizePhone(raw);
            if (!target) return resolve();
            var vars = buildVars(data);
            var message = applyTemplate(AUTO_REPLY_TEMPLATE || "", vars);
            sendFonnte(target, message, ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        runGoogle()
          .then(function() { return runFonnteAdmin(); })
          .then(function() { return runFonnteCustomer(); })
          .then(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          })
          .catch(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          });
      });
    }
    
  })();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-ecdfe36 elementor-widget elementor-widget-heading" data-id="ecdfe36" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Add Your Heading Text Here</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-d38e7af elementor-widget elementor-widget-html" data-id="d38e7af" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- FormPay.js Embed Code -->

<style>
  .formpay-wrapper, .formpay-wrapper * { box-sizing: border-box; }
  .formpay-wrapper {
    font-family: var(--fp-font-family, 'Inter', 'Poppins', system-ui, -apple-system, sans-serif);
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    background: var(--fp-wrapper-bg, #ffffff);
    padding: var(--fp-wrapper-padding, 28px);
    border-radius: var(--fp-wrapper-radius, 16px);
    box-shadow: var(--fp-wrapper-shadow, none);
    border: var(--fp-wrapper-border, 1px solid #e2e8f0);
    box-sizing: border-box;
    color: var(--fp-text, #0f172a);
    position: relative;
    overflow: hidden;
  }
  .fp-card-header { text-align: center; margin-bottom: 18px; padding-bottom: 18px; }
  .fp-header-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    background: var(--fp-header-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-header-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-header-icon-color, #6366f1);
    box-shadow: var(--fp-header-icon-shadow, none);
  }
  .fp-header-icon svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-header-title { font-size: 22px; font-weight: 900; color: var(--fp-text, #0f172a); letter-spacing: -0.02em; line-height: 1.25; }
  .fp-header-desc { margin-top: 6px; font-size: 13px; color: var(--fp-subtext, rgba(15, 23, 42, 0.65)); line-height: 1.55; white-space: pre-line; }
  .fp-divider { height: 1px; width: 100%; background: var(--fp-divider, rgba(148, 163, 184, 0.22)); margin-top: 16px; }
  .fp-group {
    margin-bottom: var(--fp-field-gap, 18px);
    padding: var(--fp-group-pad, 0);
    background: var(--fp-group-bg, transparent);
    border-radius: var(--fp-group-radius, 0);
    border: var(--fp-group-border, none);
    box-shadow: var(--fp-group-shadow, none);
  }
  .fp-group label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: var(--fp-label-size, 14px);
    font-weight: var(--fp-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin-bottom: var(--fp-label-mb, 8px);
    cursor: pointer;
    letter-spacing: var(--fp-label-tracking, 0);
    text-transform: var(--fp-label-transform, none);
  }
  .fp-label-main { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
  .fp-label-icon { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--fp-label-icon, rgba(100, 116, 139, 0.9)); }
  .fp-label-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-label-text { display: inline-block; line-height: 1.25; }
  .fp-group .fp-req { color: #ef4444; margin-left: 4px; }
  .fp-group input[type="text"],
  .fp-group input[type="number"],
  .fp-group input[type="email"],
  .fp-group input[type="date"],
  .fp-group input[type="time"],
  .fp-group textarea,
  .fp-group select {
    width: 100%;
    min-height: var(--fp-input-h, 48px);
    padding: var(--fp-input-pad-y, 14px) var(--fp-input-pad-x, 16px);
    background: var(--fp-input-bg, #f8fafc);
    border: var(--fp-input-border, 1px solid #e2e8f0);
    border-radius: var(--fp-input-radius, 12px);
    font-size: var(--fp-input-size, 15px);
    color: var(--fp-input-text, var(--fp-text, #0f172a));
    box-sizing: border-box;
    outline: none;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    box-shadow: var(--fp-input-shadow, none);
  }
  .fp-group input::placeholder,
  .fp-group textarea::placeholder { color: var(--fp-placeholder, rgba(100, 116, 139, 0.75)); }
  .fp-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: var(--fp-input-h, 48px);
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f8fafc'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 10 5 5 5-5'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 44px;
  }
  .fp-group input:focus,
  .fp-group textarea:focus,
  .fp-group select:focus {
    background: var(--fp-input-focus-bg, var(--fp-wrapper-bg, #ffffff));
    border-color: var(--fp-focus-color, var(--fp-btn-solid, #25D366));
    box-shadow: var(--fp-focus-shadow, 0 0 0 4px rgba(37, 211, 102, 0.2));
    transform: translateY(var(--fp-input-focus-lift, 0));
  }
  .fp-group textarea {
    min-height: 112px;
    resize: vertical;
    line-height: 1.5;
  }
  .fp-radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--fp-radio-bg, var(--fp-input-bg, #f8fafc));
    padding: var(--fp-radio-pad, 16px);
    border-radius: var(--fp-radio-radius, 12px);
    border: var(--fp-radio-border, var(--fp-input-border, 1px solid #e2e8f0));
    box-shadow: var(--fp-radio-shadow, none);
  }
  .fp-radio-group label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: var(--fp-radio-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin: 0;
    cursor: pointer;
    font-size: var(--fp-radio-label-size, 14px);
  }
  .fp-radio-group input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: var(--fp-btn-solid, #25D366);
    cursor: pointer;
    margin: 0;
  }
  .fp-submit {
    width: 100%;
    background: var(--fp-btn-bg, #25D366);
    color: var(--fp-btn-text, #ffffff);
    border: var(--fp-btn-border, none);
    min-height: var(--fp-btn-h, 56px);
    padding: var(--fp-btn-pad-y, 16px) var(--fp-btn-pad-x, 16px);
    border-radius: var(--fp-btn-radius, 12px);
    font-size: var(--fp-btn-size, 16px);
    font-weight: var(--fp-btn-weight, 800);
    letter-spacing: var(--fp-btn-tracking, 0.1px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background 0.18s ease;
    box-shadow: var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35));
    margin-top: var(--fp-btn-mt, 26px);
    position: relative;
  }
  .fp-submit:hover {
    background: var(--fp-btn-bg-hover, var(--fp-btn-bg, #25D366));
    box-shadow: var(--fp-btn-hover-shadow, var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35)));
    transform: translateY(-1px);
    filter: var(--fp-btn-hover-filter, none);
  }
  .fp-submit:active {
    transform: translateY(0) scale(0.99);
  }
  .fp-submit-text {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
  }
  .fp-wa-icon {
    width: var(--fp-btn-icon-size, 22px);
    height: var(--fp-btn-icon-size, 22px);
    fill: currentColor;
  }
  .fp-trust {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 14px;
    border-radius: 12px;
    background: var(--fp-trust-bg, rgba(99, 102, 241, 0.06));
    border: var(--fp-trust-border, 1px solid rgba(148, 163, 184, 0.20));
    margin-top: 8px;
  }
  .fp-trust-icon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--fp-trust-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-trust-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-trust-icon-color, #6366f1);
  }
  .fp-trust-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-trust-title { font-size: 13px; font-weight: 900; color: var(--fp-trust-title, var(--fp-text, #0f172a)); line-height: 1.25; }
  .fp-trust-desc { margin-top: 2px; font-size: 12px; color: var(--fp-trust-text, var(--fp-subtext, rgba(15, 23, 42, 0.65))); line-height: 1.45; }
  .fp-microcopy {
    margin-top: 10px;
    font-size: 12px;
    color: var(--fp-microcopy-text, var(--fp-subtext, rgba(15, 23, 42, 0.65)));
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.4;
    white-space: pre-line;
  }
  .fp-microcopy svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.9; flex: 0 0 auto; }
  .fp-theme-dark {
    --fp-font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
    --fp-wrapper-bg: #060913;
    --fp-wrapper-border: 1px solid rgba(34, 197, 94, 0.22);
    --fp-wrapper-radius: 16px;
    --fp-wrapper-shadow: 0 24px 70px rgba(0, 0, 0, 0.60);
    --fp-wrapper-padding: 30px;
    --fp-page-bg: #050713;
    --fp-page-bg-img: radial-gradient(circle at 18% 18%, rgba(34, 197, 94, 0.14) 0%, rgba(34, 197, 94, 0) 50%), radial-gradient(circle at 84% 18%, rgba(56, 189, 248, 0.10) 0%, rgba(56, 189, 248, 0) 52%);
    --fp-text: #f8fafc;
    --fp-subtext: rgba(248, 250, 252, 0.60);
    --fp-label: rgba(248, 250, 252, 0.92);
    --fp-label-weight: 800;
    --fp-label-tracking: 0.3px;
    --fp-label-icon: rgba(248, 250, 252, 0.92);
    --fp-divider: rgba(148, 163, 184, 0.14);
    --fp-header-icon-bg: rgba(34, 197, 94, 0.14);
    --fp-header-icon-color: rgba(20, 241, 149, 1);
    --fp-trust-bg: rgba(34, 197, 94, 0.12);
    --fp-trust-border: 1px solid rgba(34, 197, 94, 0.22);
    --fp-trust-icon-bg: rgba(34, 197, 94, 0.18);
    --fp-trust-icon-color: rgba(20, 241, 149, 1);
    --fp-input-bg: rgba(15, 23, 42, 0.86);
    --fp-input-border: 1px solid rgba(148, 163, 184, 0.18);
    --fp-input-radius: 12px;
    --fp-input-shadow: 0 0 0 1px rgba(34, 197, 94, 0.06), 0 16px 40px rgba(0, 0, 0, 0.28);
    --fp-input-hover-shadow: 0 0 0 1px rgba(34, 197, 94, 0.14), 0 18px 46px rgba(0, 0, 0, 0.32);
    --fp-focus-color: rgba(34, 197, 94, 0.95);
    --fp-focus-shadow: 0 0 0 1px rgba(34, 197, 94, 0.45), 0 0 0 5px rgba(34, 197, 94, 0.18), 0 18px 60px rgba(34, 197, 94, 0.18);
    --fp-btn-solid: #22c55e;
    --fp-btn-bg: linear-gradient(135deg, rgba(34,197,94,1) 0%, rgba(20,241,149,1) 100%);
    --fp-btn-bg-hover: linear-gradient(135deg, rgba(20,241,149,1) 0%, rgba(34,197,94,1) 100%);
    --fp-btn-text: #00120a;
    --fp-btn-radius: 14px;
    --fp-btn-shadow: 0 0 0 1px rgba(34, 197, 94, 0.28), 0 18px 60px rgba(34, 197, 94, 0.25);
    --fp-btn-hover-shadow: 0 0 0 1px rgba(34, 197, 94, 0.40), 0 22px 70px rgba(34, 197, 94, 0.30);
    --fp-btn-hover-filter: saturate(1.15);
    --fp-head-border: 1px solid rgba(148, 163, 184, 0.14);
    --fp-head-icon-bg: rgba(34, 197, 94, 0.14);
    --fp-pill-bg: rgba(15, 23, 42, 0.72);
    --fp-pill-border: 1px solid rgba(148, 163, 184, 0.16);
    --fp-pill-text: rgba(248, 250, 252, 0.90);
    --fp-pill-on-text: rgba(20, 241, 149, 0.95);
    --fp-pill-on-bg: rgba(34, 197, 94, 0.14);
    --fp-pill-on-border: rgba(34, 197, 94, 0.26);
  }

  .fp-theme-dark.formpay-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 20% 0%, rgba(34, 197, 94, 0.18) 0%, rgba(34, 197, 94, 0) 55%),
      radial-gradient(circle at 80% 20%, rgba(56, 189, 248, 0.14) 0%, rgba(56, 189, 248, 0) 52%),
      linear-gradient(to bottom, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 34%);
    pointer-events: none;
    opacity: 0.9;
  }
  .fp-theme-dark.formpay-wrapper > * { position: relative; z-index: 1; }
  
  @media (max-width: 768px), (max-device-width: 768px), (hover: none) and (pointer: coarse) {
    .formpay-wrapper {
      width: calc(100vw - 32px) !important;
      max-width: calc(100vw - 32px) !important;
      min-width: 0 !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding: 16px !important;
      border-radius: 14px !important;
      transform: none !important;
      zoom: 1 !important;
      --fp-wrapper-padding: 16px;
      --fp-wrapper-radius: 14px;
      --fp-input-size: 16px;
      --fp-input-h: 50px;
      --fp-btn-size: 16px;
      --fp-btn-h: 56px;
    }
    .fp-header-title { font-size: 20px !important; }
    .fp-group input[type="text"],
    .fp-group input[type="number"],
    .fp-group input[type="email"],
    .fp-group input[type="date"],
    .fp-group input[type="time"],
    .fp-group textarea,
    .fp-group select {
      font-size: 16px !important;
      min-height: 50px !important;
    }
    .fp-group textarea { min-height: 120px !important; }
    .fp-submit { width: 100% !important; min-height: 56px !important; font-size: 16px !important; }
    .fp-popup-trigger { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; }
    .fp-modal { padding: 16px !important; }
    .fp-modal-content { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; max-height: calc(100vh - 32px) !important; }
  }
</style>
<div class="formpay-wrapper fp-theme-dark">
  <form id="formpay-form-mq31g71yqoa55" class="fp-form">
    <div class="fp-group">
      <label for="fp-f17807917453170-mq31g71yqoa55"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="7" r="4"></circle><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path></svg></span><span class="fp-label-text">Nama Klien</span></span><span class="fp-req">*</span></label>
      <input type="text" id="fp-f17807917453170-mq31g71yqoa55" name="Nama Klien" placeholder="Nama lengkap Anda" required>
    </div>
    <div class="fp-group">
      <label for="fp-f1780791748737-mq31g71yqoa55"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></span><span class="fp-label-text">Whatsapp</span></span></label>
      <input type="number" id="fp-f1780791748737-mq31g71yqoa55" name="Whatsapp" placeholder="089xxxxxx" >
    </div>
    <div class="fp-group">
      <label for="fp-f17807917453171-mq31g71yqoa55"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><circle cx="4" cy="6" r="1"></circle><circle cx="4" cy="12" r="1"></circle><circle cx="4" cy="18" r="1"></circle></svg></span><span class="fp-label-text">Topik Konsultasi</span></span><span class="fp-req">*</span></label>
      <select id="fp-f17807917453171-mq31g71yqoa55" name="Topik Konsultasi" required>
        <option value="">Pilih...</option>
        <option value="Bisnis">Bisnis</option>
        <option value="Keuangan">Keuangan</option>
        <option value="Karir">Karir</option>
        <option value="Lainnya">Lainnya</option>
      </select>
    </div>
    <div class="fp-group">
      <label for="fp-f17807917453172-mq31g71yqoa55"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="8" y1="13" x2="16" y2="13"></line><line x1="8" y1="17" x2="16" y2="17"></line></svg></span><span class="fp-label-text">Detail Masalah</span></span><span class="fp-req">*</span></label>
      <textarea id="fp-f17807917453172-mq31g71yqoa55" name="Detail Masalah" placeholder="Ceritakan singkat hal yang ingin dibahas" required></textarea>
    </div>
    <div class="fp-trust">
      <div class="fp-trust-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V5l8-3 8 3v8Z"></path><path d="m9 12 2 2 4-4"></path></svg></div>
      <div>
        <div class="fp-trust-title">Data aman &amp; terpercaya</div>
        <div class="fp-trust-desc">Informasi yang Anda berikan hanya digunakan untuk kebutuhan pemesanan.</div>
      </div>
    </div>
    <button type="submit" class="fp-submit">
      <svg viewBox="0 0 24 24" class="fp-wa-icon" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
      <span class="fp-submit-text">Pesan Via WhatsApp</span>
    </button>
    <div class="fp-microcopy"><span aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></span><span>Anda akan diarahkan ke WhatsApp</span></div>
  </form>
  </div>

<script>
  (function() {
    const WA_TARGET = "628996077712";
    const GOOGLE_SCRIPT_URL = "";
    const FONNTE_ENABLED = true;
    const FONNTE_TOKEN = "KJc46heXPbfbmYtPzwVJ";
    const FONNTE_ADMIN_NUMBER = "628996077712";
    const FONNTE_ADMIN_NOTIFY = true;
    const FONNTE_ADMIN_TEMPLATE = "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : {nama}\nNo WhatsApp : {nomorwa}\n\n====================\n\nDetail Form\n\n{detail}\n====================\n\nDikirim dari FormPay";
    const FONNTE_CUSTOMER_REPLY = true;
    const FONNTE_CUSTOMER_FIELD = "Whatsapp";
    const AUTO_REPLY_TEMPLATE = "Halo {nama},\nTerima kasih sudah mengisi form.\n\nTim kami akan segera menghubungi Anda.";
    const META_PIXEL_IDS = ["1365492726943489","848499794351718"];
    const META_LEAD_ENABLED = true;
    function buildWaMeUrl(phone, message) {
    var p = String(phone || "");
    var msg = String(message == null ? "" : message);
    return "https://wa.me/" + p + "?text=" + encodeURIComponent(msg);
  }
    function redirectToWhatsApp(phone, message) {
    var url = buildWaMeUrl(phone, message);
    try {
      location.assign(url);
      return;
    } catch (err) {}
    try {
      window.location.href = url;
    } catch (err) {}
  }
    var metaGlobalKey = "__fpMetaEventFired";
    var metaEnsureGlobal = function() {
      try {
        if (!window[metaGlobalKey] || typeof window[metaGlobalKey] !== "object") window[metaGlobalKey] = {};
      } catch {}
    };
    var metaWasFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return false;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        return !!store[k][String(eventName || "")];
      } catch {
        return false;
      }
    };
    var metaMarkFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        store[k][String(eventName || "")] = 1;
      } catch {}
    };
    var ensureMetaPixel = function() {
      try {
        if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return false;
        var w = window;
        var d = document;
        if (typeof w.fbq !== "function") {
          var fbq = function() {
            try { fbq.callMethod ? fbq.callMethod.apply(fbq, arguments) : fbq.queue.push(arguments); } catch {}
          };
          fbq.queue = [];
          fbq.loaded = true;
          fbq.version = "2.0";
          w.fbq = fbq;
          if (typeof w._fbq !== "function") w._fbq = fbq;
          var existing = d.querySelector('script[src*="connect.facebook.net"][src*="fbevents.js"]');
          if (!existing) {
            var s = d.createElement("script");
            s.async = true;
            s.src = "https://connect.facebook.net/en_US/fbevents.js";
            var first = d.getElementsByTagName("script")[0];
            if (first && first.parentNode) first.parentNode.insertBefore(s, first);
            else (d.head || d.body || d.documentElement).appendChild(s);
          }
        }
        var initedKey = "__fpMetaPixelInited";
        if (!w[initedKey]) w[initedKey] = {};
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (w[initedKey][id]) continue;
          try { w.fbq("init", id); w[initedKey][id] = 1; } catch {}
        }
        return true;
      } catch {
        return false;
      }
    };
    var metaTrack = function(eventName) {
      try {
        if (!ensureMetaPixel()) return;
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (metaWasFired(id, eventName)) continue;
          try {
            window.fbq("trackSingle", id, eventName, {});
            metaMarkFired(id, eventName);
          } catch {}
        }
      } catch {}
    };
    if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) {
      try {
        metaTrack("PageView");
        metaTrack("ViewContent");
      } catch {}
    }
    var form = document.getElementById('formpay-form-mq31g71yqoa55');
    if(form) {
      var onFirstFill = function(e) {
        try {
          if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return;
          var t = e && e.target;
          if (!t) return;
          var tag = String(t.tagName || "").toLowerCase();
          if (tag !== "input" && tag !== "textarea" && tag !== "select") return;
          var type = String(t.type || "").toLowerCase();
          if (type === "submit" || type === "button") return;
          metaTrack("AddToCart");
        } catch {}
      };
      try { form.addEventListener("focusin", onFirstFill, true); } catch {}
      try { form.addEventListener("input", onFirstFill, true); } catch {}
      try { form.addEventListener("change", onFirstFill, true); } catch {}
      form.addEventListener('submit', function(e) {
        e.preventDefault();
        try {
          if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) metaTrack("InitiateCheckout");
        } catch {}
        if (!WA_TARGET) {
          alert("Nomor WhatsApp tujuan belum di-set.");
          return;
        }
        var fd = new FormData(this);
        var redirectDone = false;
        var openWhatsApp = function(msg) {
          if (redirectDone) return;
          redirectDone = true;
          try {
            if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length && META_LEAD_ENABLED) metaTrack("Lead");
          } catch {}
          redirectToWhatsApp(WA_TARGET, msg);
        };
        var normalizePhone = function(raw) {
          if (typeof raw !== "string") return "";
          var digits = raw.replace(/\D/g, "");
          if (!digits) return "";
          if (digits.indexOf("0") === 0) digits = "62" + digits.slice(1);
          if (digits.indexOf("8") === 0) digits = "62" + digits;
          return digits;
        };
        var normalizeTemplateKey = function(key) {
          if (typeof key !== "string") return "";
          return key.toLowerCase().replace(/[^a-z0-9]/g, "");
        };
        var applyTemplate = function(template, vars) {
          if (typeof template !== "string") return "";
          return template.replace(/\{([^}]+)\}/g, function(m, token) {
            var k = normalizeTemplateKey(String(token || ""));
            if (!k) return m;
            if (vars && Object.prototype.hasOwnProperty.call(vars, k)) return String(vars[k] || "");
            return m;
          });
        };
        var buildVars = function(data) {
          var vars = {};
          try {
            Object.keys(data || {}).forEach(function(k) {
              var v = data[k];
              vars[normalizeTemplateKey(k)] = Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
            });
          } catch (err) {}
          var findByKeywords = function(keywords) {
            try {
              var keys = Object.keys(data || {});
              for (var i = 0; i < keys.length; i++) {
                var k = keys[i];
                var nk = normalizeTemplateKey(k);
                for (var j = 0; j < keywords.length; j++) {
                  if (nk.indexOf(keywords[j]) !== -1) {
                    var v = data[k];
                    return Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
                  }
                }
              }
            } catch (err) {}
            return "";
          };
          var customerFieldValue = "";
          try {
            if (FONNTE_CUSTOMER_FIELD && Object.prototype.hasOwnProperty.call(data, FONNTE_CUSTOMER_FIELD)) {
              customerFieldValue = data[FONNTE_CUSTOMER_FIELD];
            }
          } catch (err) {}
          vars.nama = findByKeywords(["nama"]) || findByKeywords(["name"]) || "";
          vars.nomorwa = String(customerFieldValue || "") || findByKeywords(["whatsapp"]) || findByKeywords(["wa"]) || findByKeywords(["nohp"]) || "";
          vars.produk = findByKeywords(["produk"]) || "";
          return vars;
        };
        var buildAdminMessage = function(fd, vars) {
          var nameVal = vars.nama || "-";
          var waVal = vars.nomorwa || "-";
          var detail = "";
          try {
            fd.forEach(function(value, key) {
              detail += "* " + String(key) + " : " + String(value) + "\n";
            });
          } catch (err) {}
          try { vars.nama = nameVal; vars.nomorwa = waVal; vars.detail = detail; } catch (err) {}
          var template = "";
          try { template = String(FONNTE_ADMIN_TEMPLATE || ""); } catch (err) { template = ""; }
          if (template && String(template).trim()) return applyTemplate(template, vars);
          return "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : " + nameVal + "\nNo WhatsApp : " + waVal + "\n\n====================\n\nDetail Form\n\n" + detail + "\n====================\n\nDikirim dari FormPay";
        };
        var sendFonnte = function(target, message, timeoutMs) {
          return new Promise(function(resolve) {
            if (!FONNTE_ENABLED || !FONNTE_TOKEN) return resolve(false);
            if (!target || !message) return resolve(false);
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = Math.max(500, Number(timeoutMs) || 2200);
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve(false);
            }, ms);
            try {
              fetch("https://api.fonnte.com/send", {
                method: "POST",
                keepalive: true,
                headers: { "Content-Type": "application/json", "Authorization": FONNTE_TOKEN },
                body: JSON.stringify({ target: target, message: message }),
                signal: signal
              }).then(function(res) {
                clearTimeout(t);
                resolve(!!(res && res.ok));
              }).catch(function() {
                clearTimeout(t);
                resolve(false);
              });
            } catch (err) {
              clearTimeout(t);
              resolve(false);
            }
          });
        };
        var pad2 = function(n) { n = String(n); return n.length < 2 ? "0" + n : n; };
        var formatTimestamp = function(d) {
          return d.getFullYear() + "-" + pad2(d.getMonth() + 1) + "-" + pad2(d.getDate()) + " " + pad2(d.getHours()) + ":" + pad2(d.getMinutes()) + ":" + pad2(d.getSeconds());
        };
        var data = Object.create(null);
        data.timestamp = formatTimestamp(new Date());
        try {
          fd.forEach(function(value, key) {
            if (Object.prototype.hasOwnProperty.call(data, key)) {
              if (Array.isArray(data[key])) data[key].push(value);
              else data[key] = [data[key], value];
              return;
            }
            data[key] = value;
          });
        } catch (err) {}
        var footerMessage = "Mohon info tujuan transfer";
        var msg = "Halo, saya ingin melakukan pemesanan.\n\n*Detail Pesanan:*" + "\n";
        try {
          fd.forEach(function(value, key) {
            msg += "\n- " + String(key) + ": " + String(value);
          });
        } catch (err) {}
        if (footerMessage && String(footerMessage).trim()) {
          msg += "\n\n" + String(footerMessage).trim();
        }
        var fonnteReady = !!(FONNTE_ENABLED && FONNTE_TOKEN && FONNTE_ADMIN_NUMBER);
        if (FONNTE_ENABLED && (!FONNTE_TOKEN || !FONNTE_ADMIN_NUMBER)) fonnteReady = false;
        if (FONNTE_ENABLED && FONNTE_CUSTOMER_REPLY && !FONNTE_CUSTOMER_FIELD) fonnteReady = false;

        var deadline = Date.now() + 4500;
        var stepTimeout = function(maxMs) {
          var remaining = deadline - Date.now();
          if (remaining <= 0) return 0;
          var m = Number(maxMs) || 0;
          if (m <= 0) return remaining;
          return Math.max(600, Math.min(m, remaining));
        };
        var hardFailSafe = setTimeout(function() { openWhatsApp(msg); }, 4600);

        var runGoogle = function() {
          return new Promise(function(resolve) {
            if (!GOOGLE_SCRIPT_URL) return resolve();
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve();
            }, ms);
            try {
              fetch(GOOGLE_SCRIPT_URL, {
                method: "POST",
                mode: "no-cors",
                keepalive: true,
                body: JSON.stringify(data),
                signal: signal
              }).then(function() { clearTimeout(t); resolve(); }).catch(function() { clearTimeout(t); resolve(); });
            } catch (err) {
              clearTimeout(t);
              resolve();
            }
          });
        };

        var runFonnteAdmin = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_ADMIN_NOTIFY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var vars = buildVars(data);
            sendFonnte(FONNTE_ADMIN_NUMBER, buildAdminMessage(fd, vars), ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        var runFonnteCustomer = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_CUSTOMER_REPLY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var raw = "";
            try { raw = String(data[FONNTE_CUSTOMER_FIELD] || ""); } catch (err) { raw = ""; }
            var target = normalizePhone(raw);
            if (!target) return resolve();
            var vars = buildVars(data);
            var message = applyTemplate(AUTO_REPLY_TEMPLATE || "", vars);
            sendFonnte(target, message, ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        runGoogle()
          .then(function() { return runFonnteAdmin(); })
          .then(function() { return runFonnteCustomer(); })
          .then(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          })
          .catch(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          });
      });
    }
    
  })();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-958f5dd elementor-widget elementor-widget-heading" data-id="958f5dd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Add Your Heading Text Here</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-bb1259f elementor-widget elementor-widget-html" data-id="bb1259f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- FormPay.js Embed Code -->

<style>
  .formpay-wrapper, .formpay-wrapper * { box-sizing: border-box; }
  .formpay-wrapper {
    font-family: var(--fp-font-family, 'Inter', 'Poppins', system-ui, -apple-system, sans-serif);
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    background: var(--fp-wrapper-bg, #ffffff);
    padding: var(--fp-wrapper-padding, 28px);
    border-radius: var(--fp-wrapper-radius, 16px);
    box-shadow: var(--fp-wrapper-shadow, none);
    border: var(--fp-wrapper-border, 1px solid #e2e8f0);
    box-sizing: border-box;
    color: var(--fp-text, #0f172a);
    position: relative;
    overflow: hidden;
  }
  .fp-card-header { text-align: center; margin-bottom: 18px; padding-bottom: 18px; }
  .fp-header-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    background: var(--fp-header-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-header-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-header-icon-color, #6366f1);
    box-shadow: var(--fp-header-icon-shadow, none);
  }
  .fp-header-icon svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-header-title { font-size: 22px; font-weight: 900; color: var(--fp-text, #0f172a); letter-spacing: -0.02em; line-height: 1.25; }
  .fp-header-desc { margin-top: 6px; font-size: 13px; color: var(--fp-subtext, rgba(15, 23, 42, 0.65)); line-height: 1.55; white-space: pre-line; }
  .fp-divider { height: 1px; width: 100%; background: var(--fp-divider, rgba(148, 163, 184, 0.22)); margin-top: 16px; }
  .fp-group {
    margin-bottom: var(--fp-field-gap, 18px);
    padding: var(--fp-group-pad, 0);
    background: var(--fp-group-bg, transparent);
    border-radius: var(--fp-group-radius, 0);
    border: var(--fp-group-border, none);
    box-shadow: var(--fp-group-shadow, none);
  }
  .fp-group label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: var(--fp-label-size, 14px);
    font-weight: var(--fp-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin-bottom: var(--fp-label-mb, 8px);
    cursor: pointer;
    letter-spacing: var(--fp-label-tracking, 0);
    text-transform: var(--fp-label-transform, none);
  }
  .fp-label-main { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
  .fp-label-icon { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--fp-label-icon, rgba(100, 116, 139, 0.9)); }
  .fp-label-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-label-text { display: inline-block; line-height: 1.25; }
  .fp-group .fp-req { color: #ef4444; margin-left: 4px; }
  .fp-group input[type="text"],
  .fp-group input[type="number"],
  .fp-group input[type="email"],
  .fp-group input[type="date"],
  .fp-group input[type="time"],
  .fp-group textarea,
  .fp-group select {
    width: 100%;
    min-height: var(--fp-input-h, 48px);
    padding: var(--fp-input-pad-y, 14px) var(--fp-input-pad-x, 16px);
    background: var(--fp-input-bg, #f8fafc);
    border: var(--fp-input-border, 1px solid #e2e8f0);
    border-radius: var(--fp-input-radius, 12px);
    font-size: var(--fp-input-size, 15px);
    color: var(--fp-input-text, var(--fp-text, #0f172a));
    box-sizing: border-box;
    outline: none;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    box-shadow: var(--fp-input-shadow, none);
  }
  .fp-group input::placeholder,
  .fp-group textarea::placeholder { color: var(--fp-placeholder, rgba(100, 116, 139, 0.75)); }
  .fp-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: var(--fp-input-h, 48px);
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230b1220'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 10 5 5 5-5'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 44px;
  }
  .fp-group input:focus,
  .fp-group textarea:focus,
  .fp-group select:focus {
    background: var(--fp-input-focus-bg, var(--fp-wrapper-bg, #ffffff));
    border-color: var(--fp-focus-color, var(--fp-btn-solid, #25D366));
    box-shadow: var(--fp-focus-shadow, 0 0 0 4px rgba(37, 211, 102, 0.2));
    transform: translateY(var(--fp-input-focus-lift, 0));
  }
  .fp-group textarea {
    min-height: 112px;
    resize: vertical;
    line-height: 1.5;
  }
  .fp-radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--fp-radio-bg, var(--fp-input-bg, #f8fafc));
    padding: var(--fp-radio-pad, 16px);
    border-radius: var(--fp-radio-radius, 12px);
    border: var(--fp-radio-border, var(--fp-input-border, 1px solid #e2e8f0));
    box-shadow: var(--fp-radio-shadow, none);
  }
  .fp-radio-group label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: var(--fp-radio-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin: 0;
    cursor: pointer;
    font-size: var(--fp-radio-label-size, 14px);
  }
  .fp-radio-group input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: var(--fp-btn-solid, #25D366);
    cursor: pointer;
    margin: 0;
  }
  .fp-submit {
    width: 100%;
    background: var(--fp-btn-bg, #25D366);
    color: var(--fp-btn-text, #ffffff);
    border: var(--fp-btn-border, none);
    min-height: var(--fp-btn-h, 56px);
    padding: var(--fp-btn-pad-y, 16px) var(--fp-btn-pad-x, 16px);
    border-radius: var(--fp-btn-radius, 12px);
    font-size: var(--fp-btn-size, 16px);
    font-weight: var(--fp-btn-weight, 800);
    letter-spacing: var(--fp-btn-tracking, 0.1px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background 0.18s ease;
    box-shadow: var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35));
    margin-top: var(--fp-btn-mt, 26px);
    position: relative;
  }
  .fp-submit:hover {
    background: var(--fp-btn-bg-hover, var(--fp-btn-bg, #25D366));
    box-shadow: var(--fp-btn-hover-shadow, var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35)));
    transform: translateY(-1px);
    filter: var(--fp-btn-hover-filter, none);
  }
  .fp-submit:active {
    transform: translateY(0) scale(0.99);
  }
  .fp-submit-text {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
  }
  .fp-wa-icon {
    width: var(--fp-btn-icon-size, 22px);
    height: var(--fp-btn-icon-size, 22px);
    fill: currentColor;
  }
  .fp-trust {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 14px;
    border-radius: 12px;
    background: var(--fp-trust-bg, rgba(99, 102, 241, 0.06));
    border: var(--fp-trust-border, 1px solid rgba(148, 163, 184, 0.20));
    margin-top: 8px;
  }
  .fp-trust-icon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--fp-trust-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-trust-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-trust-icon-color, #6366f1);
  }
  .fp-trust-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-trust-title { font-size: 13px; font-weight: 900; color: var(--fp-trust-title, var(--fp-text, #0f172a)); line-height: 1.25; }
  .fp-trust-desc { margin-top: 2px; font-size: 12px; color: var(--fp-trust-text, var(--fp-subtext, rgba(15, 23, 42, 0.65))); line-height: 1.45; }
  .fp-microcopy {
    margin-top: 10px;
    font-size: 12px;
    color: var(--fp-microcopy-text, var(--fp-subtext, rgba(15, 23, 42, 0.65)));
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.4;
    white-space: pre-line;
  }
  .fp-microcopy svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.9; flex: 0 0 auto; }
  .fp-theme-elegant {
    --fp-font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --fp-wrapper-bg: rgba(255, 255, 255, 0.70);
    --fp-wrapper-border: 1px solid rgba(15, 23, 42, 0.10);
    --fp-wrapper-radius: 16px;
    --fp-wrapper-shadow: 0 30px 80px rgba(2, 6, 23, 0.18);
    --fp-wrapper-padding: 34px;
    --fp-page-bg: #f8fafc;
    --fp-page-bg-img: radial-gradient(circle at 20% 18%, rgba(99, 102, 241, 0.14) 0%, rgba(99, 102, 241, 0) 52%), radial-gradient(circle at 86% 22%, rgba(236, 72, 153, 0.12) 0%, rgba(236, 72, 153, 0) 54%);
    --fp-text: #0b1220;
    --fp-subtext: rgba(2, 6, 23, 0.62);
    --fp-label: rgba(2, 6, 23, 0.82);
    --fp-label-icon: rgba(2, 6, 23, 0.72);
    --fp-label-size: 12px;
    --fp-label-weight: 900;
    --fp-label-tracking: 0.14em;
    --fp-label-transform: uppercase;
    --fp-label-mb: 8px;
    --fp-divider: rgba(15, 23, 42, 0.10);
    --fp-header-icon-bg: rgba(99, 102, 241, 0.12);
    --fp-header-icon-color: rgba(99, 102, 241, 1);
    --fp-trust-bg: rgba(255, 255, 255, 0.55);
    --fp-trust-border: 1px solid rgba(15, 23, 42, 0.10);
    --fp-trust-icon-bg: rgba(99, 102, 241, 0.12);
    --fp-trust-icon-color: rgba(99, 102, 241, 1);
    --fp-input-bg: rgba(255, 255, 255, 0.55);
    --fp-input-border: 1px solid rgba(15, 23, 42, 0.12);
    --fp-input-radius: 12px;
    --fp-input-shadow: 0 10px 34px rgba(2, 6, 23, 0.08);
    --fp-input-hover-shadow: 0 14px 42px rgba(2, 6, 23, 0.10);
    --fp-focus-color: rgba(99, 102, 241, 0.9);
    --fp-focus-shadow: 0 0 0 5px rgba(99, 102, 241, 0.14), 0 18px 64px rgba(2, 6, 23, 0.10);
    --fp-btn-solid: #6366f1;
    --fp-btn-bg: linear-gradient(135deg, rgba(99,102,241,1) 0%, rgba(236,72,153,1) 100%);
    --fp-btn-bg-hover: linear-gradient(135deg, rgba(236,72,153,1) 0%, rgba(99,102,241,1) 100%);
    --fp-btn-text: #ffffff;
    --fp-btn-radius: 14px;
    --fp-btn-shadow: 0 26px 70px rgba(99, 102, 241, 0.22);
    --fp-btn-hover-shadow: 0 30px 84px rgba(236, 72, 153, 0.22);
    --fp-btn-hover-filter: saturate(1.08);
    --fp-head-border: 1px solid rgba(15, 23, 42, 0.10);
    --fp-head-icon-bg: rgba(99, 102, 241, 0.12);
    --fp-pill-bg: rgba(255, 255, 255, 0.66);
    --fp-pill-border: 1px solid rgba(15, 23, 42, 0.10);
    --fp-pill-text: rgba(2, 6, 23, 0.78);
    --fp-pill-on-text: rgba(16, 185, 129, 0.95);
  }

  .fp-theme-elegant.formpay-wrapper { backdrop-filter: blur(10px); }
  .fp-theme-elegant.formpay-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 20% 15%, rgba(99, 102, 241, 0.20) 0%, rgba(99, 102, 241, 0) 58%),
      radial-gradient(circle at 85% 20%, rgba(236, 72, 153, 0.18) 0%, rgba(236, 72, 153, 0) 56%),
      linear-gradient(to bottom, rgba(255,255,255,0.70) 0%, rgba(255,255,255,0.25) 100%);
    pointer-events: none;
    opacity: 0.95;
  }
  .fp-theme-elegant.formpay-wrapper > * { position: relative; z-index: 1; }
  
  @media (max-width: 768px), (max-device-width: 768px), (hover: none) and (pointer: coarse) {
    .formpay-wrapper {
      width: calc(100vw - 32px) !important;
      max-width: calc(100vw - 32px) !important;
      min-width: 0 !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding: 16px !important;
      border-radius: 14px !important;
      transform: none !important;
      zoom: 1 !important;
      --fp-wrapper-padding: 16px;
      --fp-wrapper-radius: 14px;
      --fp-input-size: 16px;
      --fp-input-h: 50px;
      --fp-btn-size: 16px;
      --fp-btn-h: 56px;
    }
    .fp-header-title { font-size: 20px !important; }
    .fp-group input[type="text"],
    .fp-group input[type="number"],
    .fp-group input[type="email"],
    .fp-group input[type="date"],
    .fp-group input[type="time"],
    .fp-group textarea,
    .fp-group select {
      font-size: 16px !important;
      min-height: 50px !important;
    }
    .fp-group textarea { min-height: 120px !important; }
    .fp-submit { width: 100% !important; min-height: 56px !important; font-size: 16px !important; }
    .fp-popup-trigger { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; }
    .fp-modal { padding: 16px !important; }
    .fp-modal-content { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; max-height: calc(100vh - 32px) !important; }
  }
</style>
<div class="formpay-wrapper fp-theme-elegant">
  <form id="formpay-form-mq31ms5ixxswd" class="fp-form">
    <div class="fp-group">
      <label for="fp-f17807920499130-mq31ms5ixxswd"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="7" r="4"></circle><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path></svg></span><span class="fp-label-text">Nama Penerima</span></span><span class="fp-req">*</span></label>
      <input type="text" id="fp-f17807920499130-mq31ms5ixxswd" name="Nama Penerima" placeholder="Sesuai KTP" required>
    </div>
    <div class="fp-group">
      <label for="fp-f17807920499131-mq31ms5ixxswd"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></span><span class="fp-label-text">No HP Aktif</span></span><span class="fp-req">*</span></label>
      <input type="text" id="fp-f17807920499131-mq31ms5ixxswd" name="No HP Aktif" placeholder="Nomor yang bisa dihubungi kurir" required>
    </div>
    <div class="fp-group">
      <label for="fp-f17807920499132-mq31ms5ixxswd"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0Z"></path><circle cx="12" cy="10" r="3"></circle></svg></span><span class="fp-label-text">Alamat Lengkap (COD)</span></span><span class="fp-req">*</span></label>
      <textarea id="fp-f17807920499132-mq31ms5ixxswd" name="Alamat Lengkap (COD)" placeholder="Wajib sertakan patokan rumah" required></textarea>
    </div>
    <div class="fp-group">
      <label for="fp-f17807920499133-mq31ms5ixxswd"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><circle cx="4" cy="6" r="1"></circle><circle cx="4" cy="12" r="1"></circle><circle cx="4" cy="18" r="1"></circle></svg></span><span class="fp-label-text">Pilih Ekspedisi</span></span><span class="fp-req">*</span></label>
      <select id="fp-f17807920499133-mq31ms5ixxswd" name="Pilih Ekspedisi" required>
        <option value="">Pilih...</option>
        <option value="J&amp;T Express">J&amp;T Express</option>
        <option value="Shopee Express">Shopee Express</option>
        <option value="JNE">JNE</option>
      </select>
    </div>
    <div class="fp-trust">
      <div class="fp-trust-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V5l8-3 8 3v8Z"></path><path d="m9 12 2 2 4-4"></path></svg></div>
      <div>
        <div class="fp-trust-title">Data aman &amp; terpercaya</div>
        <div class="fp-trust-desc">Informasi yang Anda berikan hanya digunakan untuk kebutuhan pemesanan.</div>
      </div>
    </div>
    <button type="submit" class="fp-submit">
      <svg viewBox="0 0 24 24" class="fp-wa-icon" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
      <span class="fp-submit-text">Pesan Via WhatsApp</span>
    </button>
    <div class="fp-microcopy"><span aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></span><span>Anda akan diarahkan ke WhatsApp</span></div>
  </form>
  </div>

<script>
  (function() {
    const WA_TARGET = "628996077712";
    const GOOGLE_SCRIPT_URL = "";
    const FONNTE_ENABLED = true;
    const FONNTE_TOKEN = "KJc46heXPbfbmYtPzwVJ";
    const FONNTE_ADMIN_NUMBER = "628996077712";
    const FONNTE_ADMIN_NOTIFY = true;
    const FONNTE_ADMIN_TEMPLATE = "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : {nama}\nNo WhatsApp : {nomorwa}\n\n====================\n\nDetail Form\n\n{detail}\n====================\n\nDikirim dari FormPay";
    const FONNTE_CUSTOMER_REPLY = true;
    const FONNTE_CUSTOMER_FIELD = "No HP Aktif";
    const AUTO_REPLY_TEMPLATE = "Halo {nama},\nTerima kasih sudah mengisi form.\n\nTim kami akan segera menghubungi Anda.";
    const META_PIXEL_IDS = ["1365492726943489","848499794351718"];
    const META_LEAD_ENABLED = true;
    function buildWaMeUrl(phone, message) {
    var p = String(phone || "");
    var msg = String(message == null ? "" : message);
    return "https://wa.me/" + p + "?text=" + encodeURIComponent(msg);
  }
    function redirectToWhatsApp(phone, message) {
    var url = buildWaMeUrl(phone, message);
    try {
      location.assign(url);
      return;
    } catch (err) {}
    try {
      window.location.href = url;
    } catch (err) {}
  }
    var metaGlobalKey = "__fpMetaEventFired";
    var metaEnsureGlobal = function() {
      try {
        if (!window[metaGlobalKey] || typeof window[metaGlobalKey] !== "object") window[metaGlobalKey] = {};
      } catch {}
    };
    var metaWasFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return false;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        return !!store[k][String(eventName || "")];
      } catch {
        return false;
      }
    };
    var metaMarkFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        store[k][String(eventName || "")] = 1;
      } catch {}
    };
    var ensureMetaPixel = function() {
      try {
        if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return false;
        var w = window;
        var d = document;
        if (typeof w.fbq !== "function") {
          var fbq = function() {
            try { fbq.callMethod ? fbq.callMethod.apply(fbq, arguments) : fbq.queue.push(arguments); } catch {}
          };
          fbq.queue = [];
          fbq.loaded = true;
          fbq.version = "2.0";
          w.fbq = fbq;
          if (typeof w._fbq !== "function") w._fbq = fbq;
          var existing = d.querySelector('script[src*="connect.facebook.net"][src*="fbevents.js"]');
          if (!existing) {
            var s = d.createElement("script");
            s.async = true;
            s.src = "https://connect.facebook.net/en_US/fbevents.js";
            var first = d.getElementsByTagName("script")[0];
            if (first && first.parentNode) first.parentNode.insertBefore(s, first);
            else (d.head || d.body || d.documentElement).appendChild(s);
          }
        }
        var initedKey = "__fpMetaPixelInited";
        if (!w[initedKey]) w[initedKey] = {};
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (w[initedKey][id]) continue;
          try { w.fbq("init", id); w[initedKey][id] = 1; } catch {}
        }
        return true;
      } catch {
        return false;
      }
    };
    var metaTrack = function(eventName) {
      try {
        if (!ensureMetaPixel()) return;
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (metaWasFired(id, eventName)) continue;
          try {
            window.fbq("trackSingle", id, eventName, {});
            metaMarkFired(id, eventName);
          } catch {}
        }
      } catch {}
    };
    if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) {
      try {
        metaTrack("PageView");
        metaTrack("ViewContent");
      } catch {}
    }
    var form = document.getElementById('formpay-form-mq31ms5ixxswd');
    if(form) {
      var onFirstFill = function(e) {
        try {
          if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return;
          var t = e && e.target;
          if (!t) return;
          var tag = String(t.tagName || "").toLowerCase();
          if (tag !== "input" && tag !== "textarea" && tag !== "select") return;
          var type = String(t.type || "").toLowerCase();
          if (type === "submit" || type === "button") return;
          metaTrack("AddToCart");
        } catch {}
      };
      try { form.addEventListener("focusin", onFirstFill, true); } catch {}
      try { form.addEventListener("input", onFirstFill, true); } catch {}
      try { form.addEventListener("change", onFirstFill, true); } catch {}
      form.addEventListener('submit', function(e) {
        e.preventDefault();
        try {
          if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) metaTrack("InitiateCheckout");
        } catch {}
        if (!WA_TARGET) {
          alert("Nomor WhatsApp tujuan belum di-set.");
          return;
        }
        var fd = new FormData(this);
        var redirectDone = false;
        var openWhatsApp = function(msg) {
          if (redirectDone) return;
          redirectDone = true;
          try {
            if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length && META_LEAD_ENABLED) metaTrack("Lead");
          } catch {}
          redirectToWhatsApp(WA_TARGET, msg);
        };
        var normalizePhone = function(raw) {
          if (typeof raw !== "string") return "";
          var digits = raw.replace(/\D/g, "");
          if (!digits) return "";
          if (digits.indexOf("0") === 0) digits = "62" + digits.slice(1);
          if (digits.indexOf("8") === 0) digits = "62" + digits;
          return digits;
        };
        var normalizeTemplateKey = function(key) {
          if (typeof key !== "string") return "";
          return key.toLowerCase().replace(/[^a-z0-9]/g, "");
        };
        var applyTemplate = function(template, vars) {
          if (typeof template !== "string") return "";
          return template.replace(/\{([^}]+)\}/g, function(m, token) {
            var k = normalizeTemplateKey(String(token || ""));
            if (!k) return m;
            if (vars && Object.prototype.hasOwnProperty.call(vars, k)) return String(vars[k] || "");
            return m;
          });
        };
        var buildVars = function(data) {
          var vars = {};
          try {
            Object.keys(data || {}).forEach(function(k) {
              var v = data[k];
              vars[normalizeTemplateKey(k)] = Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
            });
          } catch (err) {}
          var findByKeywords = function(keywords) {
            try {
              var keys = Object.keys(data || {});
              for (var i = 0; i < keys.length; i++) {
                var k = keys[i];
                var nk = normalizeTemplateKey(k);
                for (var j = 0; j < keywords.length; j++) {
                  if (nk.indexOf(keywords[j]) !== -1) {
                    var v = data[k];
                    return Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
                  }
                }
              }
            } catch (err) {}
            return "";
          };
          var customerFieldValue = "";
          try {
            if (FONNTE_CUSTOMER_FIELD && Object.prototype.hasOwnProperty.call(data, FONNTE_CUSTOMER_FIELD)) {
              customerFieldValue = data[FONNTE_CUSTOMER_FIELD];
            }
          } catch (err) {}
          vars.nama = findByKeywords(["nama"]) || findByKeywords(["name"]) || "";
          vars.nomorwa = String(customerFieldValue || "") || findByKeywords(["whatsapp"]) || findByKeywords(["wa"]) || findByKeywords(["nohp"]) || "";
          vars.produk = findByKeywords(["produk"]) || "";
          return vars;
        };
        var buildAdminMessage = function(fd, vars) {
          var nameVal = vars.nama || "-";
          var waVal = vars.nomorwa || "-";
          var detail = "";
          try {
            fd.forEach(function(value, key) {
              detail += "* " + String(key) + " : " + String(value) + "\n";
            });
          } catch (err) {}
          try { vars.nama = nameVal; vars.nomorwa = waVal; vars.detail = detail; } catch (err) {}
          var template = "";
          try { template = String(FONNTE_ADMIN_TEMPLATE || ""); } catch (err) { template = ""; }
          if (template && String(template).trim()) return applyTemplate(template, vars);
          return "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : " + nameVal + "\nNo WhatsApp : " + waVal + "\n\n====================\n\nDetail Form\n\n" + detail + "\n====================\n\nDikirim dari FormPay";
        };
        var sendFonnte = function(target, message, timeoutMs) {
          return new Promise(function(resolve) {
            if (!FONNTE_ENABLED || !FONNTE_TOKEN) return resolve(false);
            if (!target || !message) return resolve(false);
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = Math.max(500, Number(timeoutMs) || 2200);
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve(false);
            }, ms);
            try {
              fetch("https://api.fonnte.com/send", {
                method: "POST",
                keepalive: true,
                headers: { "Content-Type": "application/json", "Authorization": FONNTE_TOKEN },
                body: JSON.stringify({ target: target, message: message }),
                signal: signal
              }).then(function(res) {
                clearTimeout(t);
                resolve(!!(res && res.ok));
              }).catch(function() {
                clearTimeout(t);
                resolve(false);
              });
            } catch (err) {
              clearTimeout(t);
              resolve(false);
            }
          });
        };
        var pad2 = function(n) { n = String(n); return n.length < 2 ? "0" + n : n; };
        var formatTimestamp = function(d) {
          return d.getFullYear() + "-" + pad2(d.getMonth() + 1) + "-" + pad2(d.getDate()) + " " + pad2(d.getHours()) + ":" + pad2(d.getMinutes()) + ":" + pad2(d.getSeconds());
        };
        var data = Object.create(null);
        data.timestamp = formatTimestamp(new Date());
        try {
          fd.forEach(function(value, key) {
            if (Object.prototype.hasOwnProperty.call(data, key)) {
              if (Array.isArray(data[key])) data[key].push(value);
              else data[key] = [data[key], value];
              return;
            }
            data[key] = value;
          });
        } catch (err) {}
        var footerMessage = "Mohon info tujuan transfer";
        var msg = "Halo, saya ingin melakukan pemesanan.\n\n*Detail Pesanan:*" + "\n";
        try {
          fd.forEach(function(value, key) {
            msg += "\n- " + String(key) + ": " + String(value);
          });
        } catch (err) {}
        if (footerMessage && String(footerMessage).trim()) {
          msg += "\n\n" + String(footerMessage).trim();
        }
        var fonnteReady = !!(FONNTE_ENABLED && FONNTE_TOKEN && FONNTE_ADMIN_NUMBER);
        if (FONNTE_ENABLED && (!FONNTE_TOKEN || !FONNTE_ADMIN_NUMBER)) fonnteReady = false;
        if (FONNTE_ENABLED && FONNTE_CUSTOMER_REPLY && !FONNTE_CUSTOMER_FIELD) fonnteReady = false;

        var deadline = Date.now() + 4500;
        var stepTimeout = function(maxMs) {
          var remaining = deadline - Date.now();
          if (remaining <= 0) return 0;
          var m = Number(maxMs) || 0;
          if (m <= 0) return remaining;
          return Math.max(600, Math.min(m, remaining));
        };
        var hardFailSafe = setTimeout(function() { openWhatsApp(msg); }, 4600);

        var runGoogle = function() {
          return new Promise(function(resolve) {
            if (!GOOGLE_SCRIPT_URL) return resolve();
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve();
            }, ms);
            try {
              fetch(GOOGLE_SCRIPT_URL, {
                method: "POST",
                mode: "no-cors",
                keepalive: true,
                body: JSON.stringify(data),
                signal: signal
              }).then(function() { clearTimeout(t); resolve(); }).catch(function() { clearTimeout(t); resolve(); });
            } catch (err) {
              clearTimeout(t);
              resolve();
            }
          });
        };

        var runFonnteAdmin = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_ADMIN_NOTIFY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var vars = buildVars(data);
            sendFonnte(FONNTE_ADMIN_NUMBER, buildAdminMessage(fd, vars), ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        var runFonnteCustomer = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_CUSTOMER_REPLY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var raw = "";
            try { raw = String(data[FONNTE_CUSTOMER_FIELD] || ""); } catch (err) { raw = ""; }
            var target = normalizePhone(raw);
            if (!target) return resolve();
            var vars = buildVars(data);
            var message = applyTemplate(AUTO_REPLY_TEMPLATE || "", vars);
            sendFonnte(target, message, ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        runGoogle()
          .then(function() { return runFonnteAdmin(); })
          .then(function() { return runFonnteCustomer(); })
          .then(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          })
          .catch(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          });
      });
    }
    
  })();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-5a88d37 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5a88d37" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-088e6d4 elementor-widget elementor-widget-spacer" data-id="088e6d4" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-98df31a elementor-widget elementor-widget-html" data-id="98df31a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- FormPay.js Embed Code -->

<style>
  .formpay-wrapper, .formpay-wrapper * { box-sizing: border-box; }
  .formpay-wrapper {
    font-family: var(--fp-font-family, 'Inter', 'Poppins', system-ui, -apple-system, sans-serif);
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    background: var(--fp-wrapper-bg, #ffffff);
    padding: var(--fp-wrapper-padding, 28px);
    border-radius: var(--fp-wrapper-radius, 16px);
    box-shadow: var(--fp-wrapper-shadow, none);
    border: var(--fp-wrapper-border, 1px solid #e2e8f0);
    box-sizing: border-box;
    color: var(--fp-text, #0f172a);
    position: relative;
    overflow: hidden;
  }
  .fp-card-header { text-align: center; margin-bottom: 18px; padding-bottom: 18px; }
  .fp-header-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    background: var(--fp-header-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-header-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-header-icon-color, #6366f1);
    box-shadow: var(--fp-header-icon-shadow, none);
  }
  .fp-header-icon svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-header-title { font-size: 22px; font-weight: 900; color: var(--fp-text, #0f172a); letter-spacing: -0.02em; line-height: 1.25; }
  .fp-header-desc { margin-top: 6px; font-size: 13px; color: var(--fp-subtext, rgba(15, 23, 42, 0.65)); line-height: 1.55; white-space: pre-line; }
  .fp-divider { height: 1px; width: 100%; background: var(--fp-divider, rgba(148, 163, 184, 0.22)); margin-top: 16px; }
  .fp-group {
    margin-bottom: var(--fp-field-gap, 18px);
    padding: var(--fp-group-pad, 0);
    background: var(--fp-group-bg, transparent);
    border-radius: var(--fp-group-radius, 0);
    border: var(--fp-group-border, none);
    box-shadow: var(--fp-group-shadow, none);
  }
  .fp-group label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: var(--fp-label-size, 14px);
    font-weight: var(--fp-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin-bottom: var(--fp-label-mb, 8px);
    cursor: pointer;
    letter-spacing: var(--fp-label-tracking, 0);
    text-transform: var(--fp-label-transform, none);
  }
  .fp-label-main { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
  .fp-label-icon { width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--fp-label-icon, rgba(100, 116, 139, 0.9)); }
  .fp-label-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-label-text { display: inline-block; line-height: 1.25; }
  .fp-group .fp-req { color: #ef4444; margin-left: 4px; }
  .fp-group input[type="text"],
  .fp-group input[type="number"],
  .fp-group input[type="email"],
  .fp-group input[type="date"],
  .fp-group input[type="time"],
  .fp-group textarea,
  .fp-group select {
    width: 100%;
    min-height: var(--fp-input-h, 48px);
    padding: var(--fp-input-pad-y, 14px) var(--fp-input-pad-x, 16px);
    background: var(--fp-input-bg, #f8fafc);
    border: var(--fp-input-border, 1px solid #e2e8f0);
    border-radius: var(--fp-input-radius, 12px);
    font-size: var(--fp-input-size, 15px);
    color: var(--fp-input-text, var(--fp-text, #0f172a));
    box-sizing: border-box;
    outline: none;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    box-shadow: var(--fp-input-shadow, none);
  }
  .fp-group input::placeholder,
  .fp-group textarea::placeholder { color: var(--fp-placeholder, rgba(100, 116, 139, 0.75)); }
  .fp-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: var(--fp-input-h, 48px);
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230f172a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 10 5 5 5-5'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 44px;
  }
  .fp-group input:focus,
  .fp-group textarea:focus,
  .fp-group select:focus {
    background: var(--fp-input-focus-bg, var(--fp-wrapper-bg, #ffffff));
    border-color: var(--fp-focus-color, var(--fp-btn-solid, #25D366));
    box-shadow: var(--fp-focus-shadow, 0 0 0 4px rgba(37, 211, 102, 0.2));
    transform: translateY(var(--fp-input-focus-lift, 0));
  }
  .fp-group textarea {
    min-height: 112px;
    resize: vertical;
    line-height: 1.5;
  }
  .fp-radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--fp-radio-bg, var(--fp-input-bg, #f8fafc));
    padding: var(--fp-radio-pad, 16px);
    border-radius: var(--fp-radio-radius, 12px);
    border: var(--fp-radio-border, var(--fp-input-border, 1px solid #e2e8f0));
    box-shadow: var(--fp-radio-shadow, none);
  }
  .fp-radio-group label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: var(--fp-radio-label-weight, 600);
    color: var(--fp-label, var(--fp-text, #0f172a));
    margin: 0;
    cursor: pointer;
    font-size: var(--fp-radio-label-size, 14px);
  }
  .fp-radio-group input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: var(--fp-btn-solid, #25D366);
    cursor: pointer;
    margin: 0;
  }
  .fp-submit {
    width: 100%;
    background: var(--fp-btn-bg, #25D366);
    color: var(--fp-btn-text, #ffffff);
    border: var(--fp-btn-border, none);
    min-height: var(--fp-btn-h, 56px);
    padding: var(--fp-btn-pad-y, 16px) var(--fp-btn-pad-x, 16px);
    border-radius: var(--fp-btn-radius, 12px);
    font-size: var(--fp-btn-size, 16px);
    font-weight: var(--fp-btn-weight, 800);
    letter-spacing: var(--fp-btn-tracking, 0.1px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background 0.18s ease;
    box-shadow: var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35));
    margin-top: var(--fp-btn-mt, 26px);
    position: relative;
  }
  .fp-submit:hover {
    background: var(--fp-btn-bg-hover, var(--fp-btn-bg, #25D366));
    box-shadow: var(--fp-btn-hover-shadow, var(--fp-btn-shadow, 0 4px 14px 0 rgba(37, 211, 102, 0.35)));
    transform: translateY(-1px);
    filter: var(--fp-btn-hover-filter, none);
  }
  .fp-submit:active {
    transform: translateY(0) scale(0.99);
  }
  .fp-submit-text {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
  }
  .fp-wa-icon {
    width: var(--fp-btn-icon-size, 22px);
    height: var(--fp-btn-icon-size, 22px);
    fill: currentColor;
  }
  .fp-trust {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 14px;
    border-radius: 12px;
    background: var(--fp-trust-bg, rgba(99, 102, 241, 0.06));
    border: var(--fp-trust-border, 1px solid rgba(148, 163, 184, 0.20));
    margin-top: 8px;
  }
  .fp-trust-icon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: var(--fp-trust-icon-bg, rgba(99, 102, 241, 0.12));
    border: var(--fp-trust-icon-border, 1px solid rgba(148, 163, 184, 0.18));
    color: var(--fp-trust-icon-color, #6366f1);
  }
  .fp-trust-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .fp-trust-title { font-size: 13px; font-weight: 900; color: var(--fp-trust-title, var(--fp-text, #0f172a)); line-height: 1.25; }
  .fp-trust-desc { margin-top: 2px; font-size: 12px; color: var(--fp-trust-text, var(--fp-subtext, rgba(15, 23, 42, 0.65))); line-height: 1.45; }
  .fp-microcopy {
    margin-top: 10px;
    font-size: 12px;
    color: var(--fp-microcopy-text, var(--fp-subtext, rgba(15, 23, 42, 0.65)));
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.4;
    white-space: pre-line;
  }
  .fp-microcopy svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.9; flex: 0 0 auto; }
  .fp-theme-default {
    --fp-font-family: "Inter", system-ui, -apple-system, sans-serif;
    --fp-wrapper-bg: #ffffff;
    --fp-wrapper-border: 1px solid #e2e8f0;
    --fp-wrapper-radius: 16px;
    --fp-wrapper-shadow: 0 1px 2px rgba(2, 6, 23, 0.06);
    --fp-wrapper-padding: 26px;
    --fp-text: #0f172a;
    --fp-subtext: rgba(15, 23, 42, 0.62);
    --fp-label: #0f172a;
    --fp-label-icon: rgba(100, 116, 139, 0.9);
    --fp-input-bg: #ffffff;
    --fp-input-border: 1px solid #e2e8f0;
    --fp-input-radius: 12px;
    --fp-page-bg: #f8fafc;
    --fp-page-bg-img: radial-gradient(circle at 18% 18%, rgba(99, 102, 241, 0.12) 0%, rgba(99, 102, 241, 0) 45%), radial-gradient(circle at 82% 22%, rgba(236, 72, 153, 0.10) 0%, rgba(236, 72, 153, 0) 48%);
    --fp-divider: rgba(148, 163, 184, 0.22);
    --fp-header-icon-bg: rgba(99, 102, 241, 0.12);
    --fp-header-icon-color: #6366f1;
    --fp-trust-bg: rgba(99, 102, 241, 0.06);
    --fp-trust-border: 1px solid rgba(148, 163, 184, 0.20);
    --fp-trust-icon-bg: rgba(99, 102, 241, 0.12);
    --fp-trust-icon-color: #6366f1;
    --fp-focus-color: rgba(99, 102, 241, 0.95);
    --fp-focus-shadow: 0 0 0 4px rgba(99, 102, 241, 0.18);
    --fp-btn-solid: #6366f1;
    --fp-btn-bg: #25D366;
    --fp-btn-bg-hover: #1EBE5D;
    --fp-btn-text: #ffffff;
    --fp-btn-radius: 14px;
    --fp-btn-shadow: 0 10px 26px rgba(2, 6, 23, 0.10);
    --fp-btn-hover-shadow: 0 14px 34px rgba(2, 6, 23, 0.14);
    --fp-head-border: 1px solid rgba(148, 163, 184, 0.22);
    --fp-head-icon-bg: rgba(99, 102, 241, 0.12);
  }
  
  .fp-popup-trigger {
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%) translateY(0);
    z-index: 99998;
    width: calc(100% - 32px);
    max-width: 520px;
    min-height: 56px;
    padding: 14px 22px;
    border-radius: 14px;
    border: none;
    background: #25D366;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.1px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  }
  .fp-popup-trigger:hover {
    background: #1EBE5D;
    transform: translateX(-50%) translateY(-1px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.22);
  }
  .fp-popup-icon {
    width: 20px;
    height: 20px;
    fill: currentColor;
    flex: 0 0 auto;
  }
  .fp-modal { display: none; position: fixed; z-index: 99999; inset: 0; overflow: auto; background-color: rgba(15, 23, 42, 0.55); backdrop-filter: blur(8px); box-sizing: border-box; padding: 24px 16px; align-items: center; justify-content: center; }
  .fp-modal-content { position: relative; width: 100%; max-width: 560px; max-height: calc(100vh - 48px); overflow: auto; animation: fp-fade-in 0.3s ease-out; }
  .fp-close-btn { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 900; color: #0f172a; opacity: 0.7; cursor: pointer; line-height: 1; background: rgba(255, 255, 255, 0.70); border: 1px solid rgba(148, 163, 184, 0.35); transition: opacity 0.2s, transform 0.2s; z-index: 10; user-select: none; }
  .fp-close-btn:hover { opacity: 1; transform: translateY(-1px); }
  @keyframes fp-fade-in { from { opacity: 0; transform: translateY(10px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

  @media (max-width: 768px), (max-device-width: 768px), (hover: none) and (pointer: coarse) {
    .formpay-wrapper {
      width: calc(100vw - 32px) !important;
      max-width: calc(100vw - 32px) !important;
      min-width: 0 !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding: 16px !important;
      border-radius: 14px !important;
      transform: none !important;
      zoom: 1 !important;
      --fp-wrapper-padding: 16px;
      --fp-wrapper-radius: 14px;
      --fp-input-size: 16px;
      --fp-input-h: 50px;
      --fp-btn-size: 16px;
      --fp-btn-h: 56px;
    }
    .fp-header-title { font-size: 20px !important; }
    .fp-group input[type="text"],
    .fp-group input[type="number"],
    .fp-group input[type="email"],
    .fp-group input[type="date"],
    .fp-group input[type="time"],
    .fp-group textarea,
    .fp-group select {
      font-size: 16px !important;
      min-height: 50px !important;
    }
    .fp-group textarea { min-height: 120px !important; }
    .fp-submit { width: 100% !important; min-height: 56px !important; font-size: 16px !important; }
    .fp-popup-trigger { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; }
    .fp-modal { padding: 16px !important; }
    .fp-modal-content { width: calc(100vw - 32px) !important; max-width: calc(100vw - 32px) !important; max-height: calc(100vh - 32px) !important; }
  }
</style>
<!-- Tombol Trigger Popup -->
<button id="fp-open-btn-mq31kqyvtxc7l" type="button" class="fp-popup-trigger">
  <svg viewBox="0 0 24 24" class="fp-popup-icon" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
  <span class="fp-popup-text">Demo Form PopUp</span>
</button>

<!-- Modal Popup -->
<div id="fp-modal-mq31kqyvtxc7l" class="fp-modal">
  <div class="fp-modal-content formpay-wrapper fp-theme-default">
    <span id="fp-close-btn-mq31kqyvtxc7l" class="fp-close-btn">&times;</span>
  <form id="formpay-form-mq31kqyvtxc7l" class="fp-form">
    <div class="fp-group">
      <label for="fp-f17807917453170-mq31kqyvtxc7l"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="7" r="4"></circle><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path></svg></span><span class="fp-label-text">Nama Klien</span></span><span class="fp-req">*</span></label>
      <input type="text" id="fp-f17807917453170-mq31kqyvtxc7l" name="Nama Klien" placeholder="Nama lengkap Anda" required>
    </div>
    <div class="fp-group">
      <label for="fp-f1780791748737-mq31kqyvtxc7l"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></span><span class="fp-label-text">Whatsapp</span></span></label>
      <input type="number" id="fp-f1780791748737-mq31kqyvtxc7l" name="Whatsapp" placeholder="089xxxxxx" >
    </div>
    <div class="fp-group">
      <label for="fp-f17807917453171-mq31kqyvtxc7l"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><circle cx="4" cy="6" r="1"></circle><circle cx="4" cy="12" r="1"></circle><circle cx="4" cy="18" r="1"></circle></svg></span><span class="fp-label-text">Topik Konsultasi</span></span><span class="fp-req">*</span></label>
      <select id="fp-f17807917453171-mq31kqyvtxc7l" name="Topik Konsultasi" required>
        <option value="">Pilih...</option>
        <option value="Bisnis">Bisnis</option>
        <option value="Keuangan">Keuangan</option>
        <option value="Karir">Karir</option>
        <option value="Lainnya">Lainnya</option>
      </select>
    </div>
    <div class="fp-group">
      <label for="fp-f17807917453172-mq31kqyvtxc7l"><span class="fp-label-main"><span class="fp-label-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="8" y1="13" x2="16" y2="13"></line><line x1="8" y1="17" x2="16" y2="17"></line></svg></span><span class="fp-label-text">Detail Masalah</span></span><span class="fp-req">*</span></label>
      <textarea id="fp-f17807917453172-mq31kqyvtxc7l" name="Detail Masalah" placeholder="Ceritakan singkat hal yang ingin dibahas" required></textarea>
    </div>
    <div class="fp-trust">
      <div class="fp-trust-icon" aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V5l8-3 8 3v8Z"></path><path d="m9 12 2 2 4-4"></path></svg></div>
      <div>
        <div class="fp-trust-title">Data aman &amp; terpercaya</div>
        <div class="fp-trust-desc">Informasi yang Anda berikan hanya digunakan untuk kebutuhan pemesanan.</div>
      </div>
    </div>
    <button type="submit" class="fp-submit">
      <svg viewBox="0 0 24 24" class="fp-wa-icon" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
      <span class="fp-submit-text">Pesan Via WhatsApp</span>
    </button>
    <div class="fp-microcopy"><span aria-hidden="true"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></span><span>Anda akan diarahkan ke WhatsApp</span></div>
  </form>
  </div>
</div>

<script>
  (function() {
    const WA_TARGET = "628996077712";
    const GOOGLE_SCRIPT_URL = "";
    const FONNTE_ENABLED = true;
    const FONNTE_TOKEN = "KJc46heXPbfbmYtPzwVJ";
    const FONNTE_ADMIN_NUMBER = "628996077712";
    const FONNTE_ADMIN_NOTIFY = true;
    const FONNTE_ADMIN_TEMPLATE = "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : {nama}\nNo WhatsApp : {nomorwa}\n\n====================\n\nDetail Form\n\n{detail}\n====================\n\nDikirim dari FormPay";
    const FONNTE_CUSTOMER_REPLY = true;
    const FONNTE_CUSTOMER_FIELD = "Whatsapp";
    const AUTO_REPLY_TEMPLATE = "Halo {nama},\nTerima kasih sudah mengisi form.\n\nTim kami akan segera menghubungi Anda.";
    const META_PIXEL_IDS = ["1365492726943489","848499794351718"];
    const META_LEAD_ENABLED = true;
    function buildWaMeUrl(phone, message) {
    var p = String(phone || "");
    var msg = String(message == null ? "" : message);
    return "https://wa.me/" + p + "?text=" + encodeURIComponent(msg);
  }
    function redirectToWhatsApp(phone, message) {
    var url = buildWaMeUrl(phone, message);
    try {
      location.assign(url);
      return;
    } catch (err) {}
    try {
      window.location.href = url;
    } catch (err) {}
  }
    var metaGlobalKey = "__fpMetaEventFired";
    var metaEnsureGlobal = function() {
      try {
        if (!window[metaGlobalKey] || typeof window[metaGlobalKey] !== "object") window[metaGlobalKey] = {};
      } catch {}
    };
    var metaWasFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return false;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        return !!store[k][String(eventName || "")];
      } catch {
        return false;
      }
    };
    var metaMarkFired = function(id, eventName) {
      try {
        metaEnsureGlobal();
        var store = window[metaGlobalKey];
        var k = String(id || "");
        if (!k) return;
        if (!store[k] || typeof store[k] !== "object") store[k] = {};
        store[k][String(eventName || "")] = 1;
      } catch {}
    };
    var ensureMetaPixel = function() {
      try {
        if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return false;
        var w = window;
        var d = document;
        if (typeof w.fbq !== "function") {
          var fbq = function() {
            try { fbq.callMethod ? fbq.callMethod.apply(fbq, arguments) : fbq.queue.push(arguments); } catch {}
          };
          fbq.queue = [];
          fbq.loaded = true;
          fbq.version = "2.0";
          w.fbq = fbq;
          if (typeof w._fbq !== "function") w._fbq = fbq;
          var existing = d.querySelector('script[src*="connect.facebook.net"][src*="fbevents.js"]');
          if (!existing) {
            var s = d.createElement("script");
            s.async = true;
            s.src = "https://connect.facebook.net/en_US/fbevents.js";
            var first = d.getElementsByTagName("script")[0];
            if (first && first.parentNode) first.parentNode.insertBefore(s, first);
            else (d.head || d.body || d.documentElement).appendChild(s);
          }
        }
        var initedKey = "__fpMetaPixelInited";
        if (!w[initedKey]) w[initedKey] = {};
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (w[initedKey][id]) continue;
          try { w.fbq("init", id); w[initedKey][id] = 1; } catch {}
        }
        return true;
      } catch {
        return false;
      }
    };
    var metaTrack = function(eventName) {
      try {
        if (!ensureMetaPixel()) return;
        for (var i = 0; i < META_PIXEL_IDS.length; i++) {
          var id = String(META_PIXEL_IDS[i] || "");
          if (!id) continue;
          if (metaWasFired(id, eventName)) continue;
          try {
            window.fbq("trackSingle", id, eventName, {});
            metaMarkFired(id, eventName);
          } catch {}
        }
      } catch {}
    };
    if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) {
      try {
        metaTrack("PageView");
        metaTrack("ViewContent");
      } catch {}
    }
    var form = document.getElementById('formpay-form-mq31kqyvtxc7l');
    if(form) {
      var onFirstFill = function(e) {
        try {
          if (!Array.isArray(META_PIXEL_IDS) || !META_PIXEL_IDS.length) return;
          var t = e && e.target;
          if (!t) return;
          var tag = String(t.tagName || "").toLowerCase();
          if (tag !== "input" && tag !== "textarea" && tag !== "select") return;
          var type = String(t.type || "").toLowerCase();
          if (type === "submit" || type === "button") return;
          metaTrack("AddToCart");
        } catch {}
      };
      try { form.addEventListener("focusin", onFirstFill, true); } catch {}
      try { form.addEventListener("input", onFirstFill, true); } catch {}
      try { form.addEventListener("change", onFirstFill, true); } catch {}
      form.addEventListener('submit', function(e) {
        e.preventDefault();
        try {
          if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length) metaTrack("InitiateCheckout");
        } catch {}
        if (!WA_TARGET) {
          alert("Nomor WhatsApp tujuan belum di-set.");
          return;
        }
        var fd = new FormData(this);
        var redirectDone = false;
        var openWhatsApp = function(msg) {
          if (redirectDone) return;
          redirectDone = true;
          try {
            if (Array.isArray(META_PIXEL_IDS) && META_PIXEL_IDS.length && META_LEAD_ENABLED) metaTrack("Lead");
          } catch {}
          redirectToWhatsApp(WA_TARGET, msg);
        };
        var normalizePhone = function(raw) {
          if (typeof raw !== "string") return "";
          var digits = raw.replace(/\D/g, "");
          if (!digits) return "";
          if (digits.indexOf("0") === 0) digits = "62" + digits.slice(1);
          if (digits.indexOf("8") === 0) digits = "62" + digits;
          return digits;
        };
        var normalizeTemplateKey = function(key) {
          if (typeof key !== "string") return "";
          return key.toLowerCase().replace(/[^a-z0-9]/g, "");
        };
        var applyTemplate = function(template, vars) {
          if (typeof template !== "string") return "";
          return template.replace(/\{([^}]+)\}/g, function(m, token) {
            var k = normalizeTemplateKey(String(token || ""));
            if (!k) return m;
            if (vars && Object.prototype.hasOwnProperty.call(vars, k)) return String(vars[k] || "");
            return m;
          });
        };
        var buildVars = function(data) {
          var vars = {};
          try {
            Object.keys(data || {}).forEach(function(k) {
              var v = data[k];
              vars[normalizeTemplateKey(k)] = Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
            });
          } catch (err) {}
          var findByKeywords = function(keywords) {
            try {
              var keys = Object.keys(data || {});
              for (var i = 0; i < keys.length; i++) {
                var k = keys[i];
                var nk = normalizeTemplateKey(k);
                for (var j = 0; j < keywords.length; j++) {
                  if (nk.indexOf(keywords[j]) !== -1) {
                    var v = data[k];
                    return Array.isArray(v) ? v.join(", ") : String(v == null ? "" : v);
                  }
                }
              }
            } catch (err) {}
            return "";
          };
          var customerFieldValue = "";
          try {
            if (FONNTE_CUSTOMER_FIELD && Object.prototype.hasOwnProperty.call(data, FONNTE_CUSTOMER_FIELD)) {
              customerFieldValue = data[FONNTE_CUSTOMER_FIELD];
            }
          } catch (err) {}
          vars.nama = findByKeywords(["nama"]) || findByKeywords(["name"]) || "";
          vars.nomorwa = String(customerFieldValue || "") || findByKeywords(["whatsapp"]) || findByKeywords(["wa"]) || findByKeywords(["nohp"]) || "";
          vars.produk = findByKeywords(["produk"]) || "";
          return vars;
        };
        var buildAdminMessage = function(fd, vars) {
          var nameVal = vars.nama || "-";
          var waVal = vars.nomorwa || "-";
          var detail = "";
          try {
            fd.forEach(function(value, key) {
              detail += "* " + String(key) + " : " + String(value) + "\n";
            });
          } catch (err) {}
          try { vars.nama = nameVal; vars.nomorwa = waVal; vars.detail = detail; } catch (err) {}
          var template = "";
          try { template = String(FONNTE_ADMIN_TEMPLATE || ""); } catch (err) { template = ""; }
          if (template && String(template).trim()) return applyTemplate(template, vars);
          return "&#x1f514; LEAD BARU MASUK\n\nData customer:\n\nNama : " + nameVal + "\nNo WhatsApp : " + waVal + "\n\n====================\n\nDetail Form\n\n" + detail + "\n====================\n\nDikirim dari FormPay";
        };
        var sendFonnte = function(target, message, timeoutMs) {
          return new Promise(function(resolve) {
            if (!FONNTE_ENABLED || !FONNTE_TOKEN) return resolve(false);
            if (!target || !message) return resolve(false);
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = Math.max(500, Number(timeoutMs) || 2200);
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve(false);
            }, ms);
            try {
              fetch("https://api.fonnte.com/send", {
                method: "POST",
                keepalive: true,
                headers: { "Content-Type": "application/json", "Authorization": FONNTE_TOKEN },
                body: JSON.stringify({ target: target, message: message }),
                signal: signal
              }).then(function(res) {
                clearTimeout(t);
                resolve(!!(res && res.ok));
              }).catch(function() {
                clearTimeout(t);
                resolve(false);
              });
            } catch (err) {
              clearTimeout(t);
              resolve(false);
            }
          });
        };
        var pad2 = function(n) { n = String(n); return n.length < 2 ? "0" + n : n; };
        var formatTimestamp = function(d) {
          return d.getFullYear() + "-" + pad2(d.getMonth() + 1) + "-" + pad2(d.getDate()) + " " + pad2(d.getHours()) + ":" + pad2(d.getMinutes()) + ":" + pad2(d.getSeconds());
        };
        var data = Object.create(null);
        data.timestamp = formatTimestamp(new Date());
        try {
          fd.forEach(function(value, key) {
            if (Object.prototype.hasOwnProperty.call(data, key)) {
              if (Array.isArray(data[key])) data[key].push(value);
              else data[key] = [data[key], value];
              return;
            }
            data[key] = value;
          });
        } catch (err) {}
        var footerMessage = "Mohon info tujuan transfer";
        var msg = "Halo, saya ingin melakukan pemesanan.\n\n*Detail Pesanan:*" + "\n";
        try {
          fd.forEach(function(value, key) {
            msg += "\n- " + String(key) + ": " + String(value);
          });
        } catch (err) {}
        if (footerMessage && String(footerMessage).trim()) {
          msg += "\n\n" + String(footerMessage).trim();
        }
        var fonnteReady = !!(FONNTE_ENABLED && FONNTE_TOKEN && FONNTE_ADMIN_NUMBER);
        if (FONNTE_ENABLED && (!FONNTE_TOKEN || !FONNTE_ADMIN_NUMBER)) fonnteReady = false;
        if (FONNTE_ENABLED && FONNTE_CUSTOMER_REPLY && !FONNTE_CUSTOMER_FIELD) fonnteReady = false;

        var deadline = Date.now() + 4500;
        var stepTimeout = function(maxMs) {
          var remaining = deadline - Date.now();
          if (remaining <= 0) return 0;
          var m = Number(maxMs) || 0;
          if (m <= 0) return remaining;
          return Math.max(600, Math.min(m, remaining));
        };
        var hardFailSafe = setTimeout(function() { openWhatsApp(msg); }, 4600);

        var runGoogle = function() {
          return new Promise(function(resolve) {
            if (!GOOGLE_SCRIPT_URL) return resolve();
            var controller = null;
            var signal = undefined;
            try {
              if (typeof AbortController !== "undefined") {
                controller = new AbortController();
                signal = controller.signal;
              }
            } catch (err) {}
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var t = setTimeout(function() {
              try { if (controller) controller.abort(); } catch (err) {}
              resolve();
            }, ms);
            try {
              fetch(GOOGLE_SCRIPT_URL, {
                method: "POST",
                mode: "no-cors",
                keepalive: true,
                body: JSON.stringify(data),
                signal: signal
              }).then(function() { clearTimeout(t); resolve(); }).catch(function() { clearTimeout(t); resolve(); });
            } catch (err) {
              clearTimeout(t);
              resolve();
            }
          });
        };

        var runFonnteAdmin = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_ADMIN_NOTIFY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var vars = buildVars(data);
            sendFonnte(FONNTE_ADMIN_NUMBER, buildAdminMessage(fd, vars), ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        var runFonnteCustomer = function() {
          return new Promise(function(resolve) {
            if (!fonnteReady || !FONNTE_CUSTOMER_REPLY) return resolve();
            var ms = stepTimeout(2200);
            if (ms <= 0) return resolve();
            var raw = "";
            try { raw = String(data[FONNTE_CUSTOMER_FIELD] || ""); } catch (err) { raw = ""; }
            var target = normalizePhone(raw);
            if (!target) return resolve();
            var vars = buildVars(data);
            var message = applyTemplate(AUTO_REPLY_TEMPLATE || "", vars);
            sendFonnte(target, message, ms).then(function() { resolve(); }).catch(function() { resolve(); });
          });
        };

        runGoogle()
          .then(function() { return runFonnteAdmin(); })
          .then(function() { return runFonnteCustomer(); })
          .then(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          })
          .catch(function() {
            clearTimeout(hardFailSafe);
            openWhatsApp(msg);
          });
      });
    }
    
      var fpModal = document.getElementById("fp-modal-mq31kqyvtxc7l");
      var fpBtn = document.getElementById("fp-open-btn-mq31kqyvtxc7l");
      var fpSpan = document.getElementById("fp-close-btn-mq31kqyvtxc7l");
      if(fpBtn) { fpBtn.onclick = function(e) { e.preventDefault(); fpModal.style.display = "flex"; } }
      if(fpSpan) { fpSpan.onclick = function() { fpModal.style.display = "none"; } }
      window.addEventListener("click", function(event) { if (event.target == fpModal) { fpModal.style.display = "none"; } });

  })();
</script>				</div>
				</div>
				<div class="elementor-element elementor-element-6b06f02 elementor-widget elementor-widget-html" data-id="6b06f02" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PopSignal Widget | 30.1 KB -->
<script>
(function(w,d){
    var payloadBase64 = 'eyJjb25maWciOnsicG9wdXAiOnsiZW5hYmxlZCI6dHJ1ZSwicG9zIjoiYm90dG9tLWxlZnQiLCJjbG9zZUJ0biI6dHJ1ZSwiYmFkZ2UiOnRydWUsImRlbGF5IjoxLCJpbnRlcnZhbCI6MiwiYXV0b0Nsb3NlIjozfSwiYmFyIjp7ImVuYWJsZWQiOnRydWUsIm1vZGUiOiJjb3VudGRvd24iLCJ0ZXh0IjoiRGVtbyBCb251cyBQb3BVcCBTaWduYWwiLCJjdGFMYWJlbCI6IktsYWltIFNla2FyYW5nIiwiY3RhVXJsIjoiaHR0cHM6Ly9ha3Nlbi5pbi9mb3JtcGF5IiwiZXZlcmdyZWVuIjoxNSwiY291cG9uIjoiUFJPTU8zMCIsInBvcyI6InRvcCIsImRpc21pc3MiOnRydWUsInRyaWdnZXIiOiJ0aW1lIiwidHJpZ2dlclZhbCI6MH0sImRlc2lnbiI6eyJiZyI6IiNmZmZmZmYiLCJ0ZXh0IjoiIzFlMjkzYiIsImFjY2VudCI6IiMwNGE5NGMiLCJyYWRpdXMiOjd9LCJ0YXJnZXQiOnsiZGV2aWNlIjoiYWxsIiwiaW5jbHVkZSI6IiIsImV4Y2x1ZGUiOiIifX0sImRhdGEiOlt7ImlkIjoxNzgwOTgwMTUzOTU4LCJuYW1lIjoiRGVuaSIsImxvY2F0aW9uIjoiTWVkYW4iLCJwcm9kdWN0IjoiRm9ybXBheSIsImFjdGlvblR5cGUiOiJidXkiLCJ0aW1lTGFiZWwiOiIyMyBtZW5pdCBsYWx1In0seyJpZCI6MTc4MDk4MDE1Mzk1OSwibmFtZSI6IkFuZGkiLCJsb2NhdGlvbiI6IllvZ3lha2FydGEiLCJwcm9kdWN0IjoiRm9ybXBheSIsImFjdGlvblR5cGUiOiJidXkiLCJ0aW1lTGFiZWwiOiIyOSBtZW5pdCBsYWx1In0seyJpZCI6MTc4MDk4MDE1Mzk2MCwibmFtZSI6IkFuZGkiLCJsb2NhdGlvbiI6IlNlbWFyYW5nIiwicHJvZHVjdCI6IkZvcm1wYXkiLCJhY3Rpb25UeXBlIjoiYnV5IiwidGltZUxhYmVsIjoiMzAgbWVuaXQgbGFsdSJ9LHsiaWQiOjE3ODA5ODAxNTM5NjEsIm5hbWUiOiJTYXJpIiwibG9jYXRpb24iOiJKYWthcnRhIiwicHJvZHVjdCI6IkZvcm1wYXkiLCJhY3Rpb25UeXBlIjoiYnV5IiwidGltZUxhYmVsIjoiMTUgbWVuaXQgbGFsdSJ9LHsiaWQiOjE3ODA5ODAxNTM5NjUsIm5hbWUiOiJNYXlhIiwibG9jYXRpb24iOiJZb2d5YWthcnRhIiwicHJvZHVjdCI6IkZvcm1wYXkiLCJhY3Rpb25UeXBlIjoiYnV5IiwidGltZUxhYmVsIjoiNiBtZW5pdCBsYWx1In0seyJpZCI6MTc4MDk4MDE1Mzk2NiwibmFtZSI6Ik1heWEiLCJsb2NhdGlvbiI6IlNlbWFyYW5nIiwicHJvZHVjdCI6IkZvcm1wYXkiLCJhY3Rpb25UeXBlIjoiYnV5IiwidGltZUxhYmVsIjoiMTAgbWVuaXQgbGFsdSJ9LHsiaWQiOjE3ODA5ODAxNTM5NjcsIm5hbWUiOiJSaXpraSIsImxvY2F0aW9uIjoiQmFsaSIsInByb2R1Y3QiOiJGb3JtcGF5IiwiYWN0aW9uVHlwZSI6ImJ1eSIsInRpbWVMYWJlbCI6IjU0IG1lbml0IGxhbHUifSx7ImlkIjoxNzgwOTgwMTUzOTY4LCJuYW1lIjoiQXl1IiwibG9jYXRpb24iOiJTZW1hcmFuZyIsInByb2R1Y3QiOiJGb3JtcGF5IiwiYWN0aW9uVHlwZSI6ImJ1eSIsInRpbWVMYWJlbCI6IjYgbWVuaXQgbGFsdSJ9LHsiaWQiOjE3ODA5ODAxNTM5NjksIm5hbWUiOiJKb2tvIiwibG9jYXRpb24iOiJNZWRhbiIsInByb2R1Y3QiOiJGb3JtcGF5IiwiYWN0aW9uVHlwZSI6ImJ1eSIsInRpbWVMYWJlbCI6IjU3IG1lbml0IGxhbHUifV19';
    var GLOBAL_KEY = '__PopSignalEmbed__';

    function getGlobalState() {
        if(!w[GLOBAL_KEY]) w[GLOBAL_KEY] = {};
        return w[GLOBAL_KEY];
    }

    function log() {
        try {
            if(w.console && console.log) console.log.apply(console, arguments);
        } catch(_) {}
    }

    function logError(prefix, error) {
        try {
            if(w.console && console.error) console.error(prefix, error);
        } catch(_) {}
    }

    function decodePayload() {
        try {
            if(typeof w.atob !== 'function') return { config: {}, data: [] };
            var raw = w.atob(payloadBase64);
            var encoded = '';
            for(var i = 0; i < raw.length; i += 1) {
                var hex = raw.charCodeAt(i).toString(16).toUpperCase();
                if(hex.length < 2) hex = '0' + hex;
                encoded += '%' + hex;
            }
            return JSON.parse(decodeURIComponent(encoded));
        } catch(error) {
            logError('[PopSignal] Payload Decode Failed', error);
            return { config: {}, data: [] };
        }
    }

    function normalizeText(value, fallback) {
        var s = String(value == null ? '' : value).replace(/\s+/g, ' ').trim();
        return s ? s : String(fallback == null ? '' : fallback);
    }

    function splitUrlPatterns(value) {
        return String(value == null ? '' : value)
            .split(',')
            .map(function(item) { return normalizeText(item, ''); })
            .filter(Boolean);
    }

    function normalizePathname(pathname) {
        var path = normalizeText(pathname, '/');
        if(path.charAt(0) !== '/') path = '/' + path;
        path = path.replace(/\/+/g, '/');
        if(path.length > 1 && path.charAt(path.length - 1) === '/') path = path.slice(0, -1);
        return path || '/';
    }

    function parseUrlCandidate(rawValue, fallbackOrigin) {
        var raw = normalizeText(rawValue, '');
        if(!raw) return null;
        var baseOrigin = normalizeText(fallbackOrigin, w.location.origin);
        var normalizedBase = baseOrigin.charAt(baseOrigin.length - 1) === '/' ? baseOrigin : baseOrigin + '/';
        try {
            var prepared = raw.indexOf('//') === 0 ? w.location.protocol + raw : raw;
            var url = new URL(prepared, normalizedBase);
            return {
                href: url.href,
                origin: url.origin,
                hostname: String(url.hostname || '').toLowerCase(),
                pathname: normalizePathname(url.pathname || '/'),
                search: url.search || ''
            };
        } catch(_) {
            return null;
        }
    }

    function matchesUrl(rawUrl, patternInput) {
        var patterns = Object.prototype.toString.call(patternInput) === '[object Array]' ? patternInput : splitUrlPatterns(patternInput);
        if(!patterns.length) return false;
        var current = parseUrlCandidate(rawUrl, w.location.origin);
        if(!current) return false;
        return patterns.some(function(pattern) {
            var rawPattern = normalizeText(pattern, '');
            if(!rawPattern) return false;
            var isAbsolutePattern = /^(https?:)?\/\//i.test(rawPattern);
            var looksHostPattern = rawPattern.charAt(0) !== '/' && rawPattern.indexOf('.') >= 0;
            if(isAbsolutePattern || looksHostPattern) {
                var preparedPattern = isAbsolutePattern ? rawPattern : 'https://' + rawPattern;
                var target = parseUrlCandidate(preparedPattern, current.origin);
                if(!target) return false;
                if(target.hostname && target.hostname !== current.hostname) return false;
                var pathMatches = target.pathname === '/' ? true : current.pathname === target.pathname || current.pathname.indexOf(target.pathname + '/') === 0;
                if(!pathMatches) return false;
                if(rawPattern.indexOf('?') >= 0 && current.search !== target.search) return false;
                return true;
            }
            var normalizedPattern = normalizePathname(rawPattern);
            return current.pathname === normalizedPattern || current.pathname.indexOf(normalizedPattern + '/') === 0;
        });
    }

    function sanitizeUrl(url) {
        var s = normalizeText(url, '#');
        var lower = s.toLowerCase();
        if(lower === '#') return '#';
        if(lower.indexOf('/') === 0 || lower.indexOf('http://') === 0 || lower.indexOf('https://') === 0 || lower.indexOf('mailto:') === 0 || lower.indexOf('tel:') === 0) return s;
        return '#';
    }

    function removeNode(node) {
        if(node && node.parentNode) node.parentNode.removeChild(node);
    }

    function hasRenderedRoots() {
        return !!d.getElementById('ps-popupsignal-root') || !!d.getElementById('ps-stickysignal-root');
    }

    function runWhenBodyReady(fn) {
        if(d.body) {
            fn();
            return;
        }
        var attempts = 0;
        (function waitForBody() {
            if(d.body) {
                fn();
                return;
            }
            attempts += 1;
            if(attempts < 120) w.setTimeout(waitForBody, 50);
        })();
    }

    function copyText(text, done) {
        var t = String(text || '');
        var finish = function(result) {
            if(typeof done === 'function') done(!!result);
        };
        try {
            if(navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(function() {
                    finish(true);
                }).catch(function() {
                    finish(false);
                });
                return;
            }
        } catch(_) {}
        try {
            var ta = d.createElement('textarea');
            ta.value = t;
            ta.style.position = 'fixed';
            ta.style.top = '0';
            ta.style.left = '-999999px';
            d.body.appendChild(ta);
            ta.focus();
            ta.select();
            var ok = d.execCommand('copy');
            removeNode(ta);
            finish(ok);
        } catch(_) {
            finish(false);
        }
    }

    function pad2(value) {
        var str = String(value);
        return str.length < 2 ? '0' + str : str;
    }

    function getActionText(type) {
        var map = {
            buy: 'baru saja membeli',
            signup: 'mendaftar untuk',
            download: 'mengunduh',
            upgrade: 'upgrade ke',
            testimonial: 'memberi rating'
        };
        return map[type] || 'berinteraksi dengan';
    }

    function scheduleInit() {
        runWhenBodyReady(initWidget);
        w.setTimeout(function() { runWhenBodyReady(initWidget); }, 250);
        w.setTimeout(function() { runWhenBodyReady(initWidget); }, 1200);
    }

    function initWidget() {
        var globalState = getGlobalState();
        if(globalState.loading) return;
        if(globalState.loaded && hasRenderedRoots()) return;
        globalState.loading = true;

        try {
            var state = decodePayload();
            var cfg = state && state.config ? state.config : {};
            var data = state && Object.prototype.toString.call(state.data) === '[object Array]' ? state.data : [];

            cfg.popup = cfg.popup || {};
            cfg.bar = cfg.bar || {};
            cfg.design = cfg.design || {};
            cfg.target = cfg.target || {};

            if(typeof cfg.popup.enabled === 'undefined') cfg.popup.enabled = true;
            if(typeof cfg.popup.pos === 'undefined') cfg.popup.pos = 'bottom-left';
            if(typeof cfg.popup.closeBtn === 'undefined') cfg.popup.closeBtn = true;
            if(typeof cfg.popup.badge === 'undefined') cfg.popup.badge = true;
            if(typeof cfg.popup.delay === 'undefined') cfg.popup.delay = 3;
            if(typeof cfg.popup.interval === 'undefined') cfg.popup.interval = 8;
            if(typeof cfg.popup.autoClose === 'undefined') cfg.popup.autoClose = 5;

            if(typeof cfg.bar.enabled === 'undefined') cfg.bar.enabled = false;
            if(typeof cfg.bar.mode === 'undefined') cfg.bar.mode = 'promo';
            if(typeof cfg.bar.text === 'undefined') cfg.bar.text = '';
            if(typeof cfg.bar.ctaLabel === 'undefined') cfg.bar.ctaLabel = '';
            if(typeof cfg.bar.ctaUrl === 'undefined') cfg.bar.ctaUrl = '#';
            if(typeof cfg.bar.evergreen === 'undefined') cfg.bar.evergreen = 15;
            if(typeof cfg.bar.coupon === 'undefined') cfg.bar.coupon = '';
            if(typeof cfg.bar.pos === 'undefined') cfg.bar.pos = 'top';
            if(typeof cfg.bar.dismiss === 'undefined') cfg.bar.dismiss = true;
            if(typeof cfg.bar.trigger === 'undefined') cfg.bar.trigger = 'time';
            if(typeof cfg.bar.triggerVal === 'undefined') cfg.bar.triggerVal = 0;

            if(typeof cfg.design.bg === 'undefined') cfg.design.bg = '#ffffff';
            if(typeof cfg.design.text === 'undefined') cfg.design.text = '#1e293b';
            if(typeof cfg.design.accent === 'undefined') cfg.design.accent = '#3b82f6';
            if(typeof cfg.design.radius === 'undefined') cfg.design.radius = 12;

            if(typeof cfg.target.device === 'undefined') cfg.target.device = 'all';
            if(typeof cfg.target.include === 'undefined') cfg.target.include = '';
            if(typeof cfg.target.exclude === 'undefined') cfg.target.exclude = '';

            log('[PopSignal] Started');
            log('[PopSignal] Popup Enabled:', !!cfg.popup.enabled);
            log('[PopSignal] Bar Enabled:', !!cfg.bar.enabled);

            if(cfg.target.device === 'desktop' && w.innerWidth <= 768) {
                globalState.loading = false;
                globalState.loaded = false;
                return;
            }
            if(cfg.target.device === 'mobile' && w.innerWidth > 768) {
                globalState.loading = false;
                globalState.loaded = false;
                return;
            }

            var currentUrl = w.location.href;
            var includePatterns = splitUrlPatterns(cfg.target.include);
            var excludePatterns = splitUrlPatterns(cfg.target.exclude);
            if(includePatterns.length > 0 && !matchesUrl(currentUrl, includePatterns)) {
                globalState.loading = false;
                globalState.loaded = false;
                return;
            }
            if(excludePatterns.length > 0 && matchesUrl(currentUrl, excludePatterns)) {
                globalState.loading = false;
                globalState.loaded = false;
                return;
            }

            if(typeof globalState.cleanup === 'function') {
                try { globalState.cleanup(); } catch(_) {}
            }

            var timeouts = [];
            var safeTimeout = function(fn, ms) {
                var id = w.setTimeout(function() {
                    try {
                        fn();
                    } finally {
                        var idx = timeouts.indexOf(id);
                        if(idx >= 0) timeouts.splice(idx, 1);
                    }
                }, ms);
                timeouts.push(id);
                return id;
            };
            var safeClearAll = function() {
                while(timeouts.length) {
                    try { clearTimeout(timeouts.pop()); } catch(_) {}
                }
            };
            var cleanupPopup = function() {
                removeNode(d.getElementById('ps-popupsignal-root'));
            };
            var cleanupBar = function() {
                removeNode(d.getElementById('ps-stickysignal-root'));
            };
            var cleanupAll = function() {
                safeClearAll();
                try {
                    if(typeof globalState.barScrollCleanup === 'function') globalState.barScrollCleanup();
                } catch(_) {}
                globalState.barScrollCleanup = null;
                cleanupPopup();
                cleanupBar();
                globalState.loaded = false;
                globalState.loading = false;
                try { w.PopSignalLoaded = false; } catch(_) {}
            };

            globalState.cleanup = cleanupAll;
            globalState.barScrollCleanup = null;

            if(cfg.popup.enabled && data.length > 0) {
                var pRoot = d.createElement('div');
                pRoot.id = 'ps-popupsignal-root';
                pRoot.className = 'ps-embed-mode';

                var popupStyle = d.createElement('style');
                popupStyle.textContent =
                    '#ps-popupsignal-root{position:fixed;z-index:2147483000;pointer-events:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;top:0;left:0;width:100%;height:100%;overflow:hidden;}' +
                    '#ps-popupsignal-root .ps-popup{position:absolute;background:' + String(cfg.design.bg) + ';color:' + String(cfg.design.text) + ';border-radius:' + String(cfg.design.radius) + 'px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);padding:16px;width:320px;max-width:calc(100% - 32px);display:flex;gap:12px;pointer-events:auto;border:1px solid rgba(0,0,0,0.05);transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);}' +
                    '#ps-popupsignal-root .ps-pos-bl{bottom:24px;left:24px;}#ps-popupsignal-root .ps-pos-br{bottom:24px;right:24px;}' +
                    '@media (max-width:480px){#ps-popupsignal-root .ps-popup{width:calc(100% - 32px);left:16px !important;right:auto !important;bottom:16px !important;}}' +
                    '#ps-popupsignal-root .ps-avatar{width:40px;height:40px;border-radius:50%;background:' + String(cfg.design.accent) + '22;color:' + String(cfg.design.accent) + ';display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0;}' +
                    '#ps-popupsignal-root .ps-content{flex:1;font-size:14px;line-height:1.4;}' +
                    '#ps-popupsignal-root .ps-name{font-weight:600;margin-bottom:2px;}#ps-popupsignal-root .ps-desc{opacity:0.9;}' +
                    '#ps-popupsignal-root .ps-meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;opacity:0.7;}' +
                    '#ps-popupsignal-root .ps-badge{background:' + String(cfg.design.accent) + ';color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;}' +
                    '#ps-popupsignal-root .ps-close{position:absolute;top:8px;right:8px;width:20px;height:20px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0.4;transition:opacity 0.2s;color:inherit;}' +
                    '#ps-popupsignal-root .ps-close:hover{opacity:1;}';
                pRoot.appendChild(popupStyle);
                d.body.appendChild(pRoot);

                var currentIndex = 0;
                var stopped = false;
                var showPopup = function() {
                    if(stopped || !d.body.contains(pRoot)) return;
                    var existing = pRoot.querySelector('.ps-popup');
                    if(existing) removeNode(existing);

                    var item = data[currentIndex] || {};
                    var name = String(item.name || 'User');
                    var location = String(item.location || '');
                    var product = String(item.product || 'Produk');
                    var timeLabel = String(item.timeLabel || 'Baru saja');
                    var initial = (name.charAt(0) || '?').toUpperCase();

                    var el = d.createElement('div');
                    el.className = 'ps-popup ' + (cfg.popup.pos === 'bottom-left' ? 'ps-pos-bl' : 'ps-pos-br');
                    el.style.opacity = '0';
                    el.style.transform = 'translateY(20px)';

                    if(cfg.popup.closeBtn) {
                        var btn = d.createElement('button');
                        btn.className = 'ps-close';
                        btn.type = 'button';
                        btn.textContent = '✕';
                        btn.addEventListener('click', function() {
                            stopped = true;
                            safeClearAll();
                            cleanupPopup();
                        });
                        el.appendChild(btn);
                    }

                    var avatar = d.createElement('div');
                    avatar.className = 'ps-avatar';
                    avatar.textContent = initial;
                    el.appendChild(avatar);

                    var content = d.createElement('div');
                    content.className = 'ps-content';

                    var nameRow = d.createElement('div');
                    nameRow.className = 'ps-name';
                    nameRow.appendChild(d.createTextNode(name + ' '));
                    if(location) {
                        var locSpan = d.createElement('span');
                        locSpan.style.fontWeight = 'normal';
                        locSpan.style.opacity = '0.8';
                        locSpan.textContent = 'dari ' + location;
                        nameRow.appendChild(locSpan);
                    }
                    content.appendChild(nameRow);

                    var desc = d.createElement('div');
                    desc.className = 'ps-desc';
                    desc.appendChild(d.createTextNode(getActionText(item.actionType) + ' '));
                    var strong = d.createElement('b');
                    strong.textContent = product;
                    desc.appendChild(strong);
                    content.appendChild(desc);

                    var meta = d.createElement('div');
                    meta.className = 'ps-meta';
                    if(cfg.popup.badge) {
                        var badge = d.createElement('span');
                        badge.className = 'ps-badge';
                        badge.textContent = 'Baru';
                        meta.appendChild(badge);
                    }
                    var timeSpan = d.createElement('span');
                    timeSpan.textContent = timeLabel;
                    meta.appendChild(timeSpan);
                    content.appendChild(meta);

                    el.appendChild(content);
                    pRoot.appendChild(el);

                    safeTimeout(function() {
                        el.style.opacity = '1';
                        el.style.transform = 'translateY(0)';
                    }, 50);

                    safeTimeout(function() {
                        if(d.body.contains(el)) {
                            el.style.opacity = '0';
                            el.style.transform = 'translateY(20px)';
                            safeTimeout(function() {
                                removeNode(el);
                            }, 500);
                        }
                    }, Math.max(1, Number(cfg.popup.autoClose) || 0) * 1000);

                    currentIndex = (currentIndex + 1) % data.length;
                    safeTimeout(showPopup, (Math.max(1, Number(cfg.popup.autoClose) || 0) + Math.max(0, Number(cfg.popup.interval) || 0)) * 1000);
                };

                safeTimeout(showPopup, Math.max(0, Number(cfg.popup.delay) || 0) * 1000);
            }

            if(cfg.bar.enabled) {
                var isDismissed = false;
                try { isDismissed = sessionStorage.getItem('ps_bar_dismissed'); } catch(_) {}
                if(!isDismissed) {
                    var bRoot = d.createElement('div');
                    bRoot.id = 'ps-stickysignal-root';
                    bRoot.className = 'ps-embed-mode ' + (cfg.bar.pos === 'top' ? 'ps-bar-top' : 'ps-bar-bottom');

                    var barStyle = d.createElement('style');
                    barStyle.textContent =
                        '#ps-stickysignal-root{position:fixed;z-index:2147482999;left:0;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;transition:transform 0.4s ease;display:none;}' +
                        '#ps-stickysignal-root.ps-bar-top{top:0;}#ps-stickysignal-root.ps-bar-bottom{bottom:0;}' +
                        '#ps-stickysignal-root .ps-bar{background:' + String(cfg.design.bg) + ';color:' + String(cfg.design.text) + ';padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 2px 10px rgba(0,0,0,0.1);font-size:14px;position:relative;border-' + (cfg.bar.pos === 'top' ? 'bottom' : 'top') + ':2px solid ' + String(cfg.design.accent) + ';}' +
                        '@media (max-width:480px){#ps-stickysignal-root .ps-bar{flex-direction:column;gap:8px;padding:12px;text-align:center;}}' +
                        '#ps-stickysignal-root .ps-bar-btn{background:' + String(cfg.design.accent) + ';color:#fff;text-decoration:none;padding:6px 14px;border-radius:' + String(cfg.design.radius) + 'px;font-weight:600;font-size:13px;white-space:nowrap;transition:opacity 0.2s;}' +
                        '#ps-stickysignal-root .ps-bar-btn:hover{opacity:0.9;}' +
                        '#ps-stickysignal-root .ps-coupon-box{background:rgba(0,0,0,0.05);border:1px dashed currentColor;padding:4px 12px;border-radius:4px;font-family:monospace;font-weight:bold;cursor:pointer;user-select:all;transition:all 0.2s;}' +
                        '#ps-stickysignal-root .ps-coupon-box:hover{background:rgba(0,0,0,0.1);}' +
                        '#ps-stickysignal-root .ps-bar-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:18px;cursor:pointer;opacity:0.5;color:inherit;padding:4px;}' +
                        '@media (max-width:480px){#ps-stickysignal-root .ps-bar-close{top:8px;right:8px;transform:none;}}';
                    bRoot.appendChild(barStyle);

                    var bar = d.createElement('div');
                    bar.className = 'ps-bar';

                    var textSpan = d.createElement('span');
                    textSpan.textContent = String(cfg.bar.text || '');
                    bar.appendChild(textSpan);

                    var timerEl = null;
                    if(cfg.bar.mode === 'countdown') {
                        timerEl = d.createElement('b');
                        timerEl.className = 'ps-timer';
                        timerEl.textContent = '--:--';
                        textSpan.appendChild(d.createTextNode(' '));
                        textSpan.appendChild(timerEl);
                    }

                    if(cfg.bar.mode === 'coupon') {
                        var couponBox = d.createElement('div');
                        couponBox.className = 'ps-coupon-box';
                        couponBox.textContent = String(cfg.bar.coupon || '');
                        couponBox.addEventListener('click', function() {
                            var code = String(cfg.bar.coupon || '');
                            copyText(code, function(ok) {
                                if(!ok) return;
                                var original = couponBox.textContent;
                                couponBox.textContent = 'Tersalin!';
                                w.setTimeout(function() {
                                    couponBox.textContent = original;
                                }, 1500);
                            });
                        });
                        bar.appendChild(couponBox);
                    }

                    if((cfg.bar.mode === 'promo' || cfg.bar.mode === 'countdown') && cfg.bar.ctaLabel) {
                        var link = d.createElement('a');
                        link.className = 'ps-bar-btn';
                        link.textContent = String(cfg.bar.ctaLabel || '');
                        link.href = sanitizeUrl(cfg.bar.ctaUrl);
                        bar.appendChild(link);
                    }

                    if(cfg.bar.dismiss) {
                        var closeBtn = d.createElement('button');
                        closeBtn.className = 'ps-bar-close';
                        closeBtn.type = 'button';
                        closeBtn.textContent = '✕';
                        closeBtn.addEventListener('click', function() {
                            cleanupBar();
                            try { sessionStorage.setItem('ps_bar_dismissed', '1'); } catch(_) {}
                        });
                        bar.appendChild(closeBtn);
                    }

                    bRoot.appendChild(bar);
                    d.body.appendChild(bRoot);

                    var showBar = function() {
                        bRoot.style.display = 'block';
                    };
                    var scrollHandler = null;

                    if(cfg.bar.trigger === 'time') {
                        safeTimeout(showBar, Math.max(0, Number(cfg.bar.triggerVal) || 0) * 1000);
                    } else if(cfg.bar.trigger === 'scroll') {
                        scrollHandler = function() {
                            if(!d.body.contains(bRoot)) {
                                try { w.removeEventListener('scroll', scrollHandler); } catch(_) {}
                                scrollHandler = null;
                                return;
                            }
                            var maxScrollable = Math.max(0, d.documentElement.scrollHeight - w.innerHeight);
                            if(maxScrollable <= 0) {
                                showBar();
                                try { w.removeEventListener('scroll', scrollHandler); } catch(_) {}
                                scrollHandler = null;
                                return;
                            }
                            var scrolled = (w.scrollY / maxScrollable) * 100;
                            if(scrolled >= (Number(cfg.bar.triggerVal) || 0)) {
                                showBar();
                                try { w.removeEventListener('scroll', scrollHandler); } catch(_) {}
                                scrollHandler = null;
                            }
                        };
                        globalState.barScrollCleanup = function() {
                            if(scrollHandler) {
                                try { w.removeEventListener('scroll', scrollHandler); } catch(_) {}
                                scrollHandler = null;
                            }
                        };
                        try {
                            w.addEventListener('scroll', scrollHandler, { passive: true });
                        } catch(_) {
                            w.addEventListener('scroll', scrollHandler);
                        }
                        scrollHandler();
                    }

                    if(cfg.bar.mode === 'countdown') {
                        var end;
                        try { end = sessionStorage.getItem('ps_timer_end'); } catch(_) {}
                        if(!end) {
                            end = Date.now() + ((Number(cfg.bar.evergreen) || 0) * 60 * 1000);
                            try { sessionStorage.setItem('ps_timer_end', end); } catch(_) {}
                        }
                        var updateTimer = function() {
                            if(!d.body.contains(bRoot)) return;
                            var diff = Math.max(0, parseInt(end, 10) - Date.now());
                            var minutes = Math.floor(diff / 60000);
                            var seconds = Math.floor((diff % 60000) / 1000);
                            if(timerEl) timerEl.textContent = pad2(minutes) + ':' + pad2(seconds);
                            if(diff > 0) safeTimeout(updateTimer, 1000);
                        };
                        updateTimer();
                    }
                }
            }

            globalState.loaded = hasRenderedRoots() || (!cfg.popup.enabled && !cfg.bar.enabled);
            globalState.loading = false;
            try { w.PopSignalLoaded = globalState.loaded; } catch(_) {}
            log('[PopSignal] Widget Loaded');
        } catch(error) {
            globalState.loading = false;
            globalState.loaded = false;
            try { w.PopSignalLoaded = false; } catch(_) {}
            logError('[PopSignal] Init Failed', error);
        }
    }

    if(d.readyState === 'loading') {
        d.addEventListener('DOMContentLoaded', scheduleInit);
        scheduleInit();
    } else {
        scheduleInit();
    }
})(window, document);
</script>
<!-- End PopSignal -->				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://adysheva.com/demo-embed-formpay/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>page</title>
		<link>https://adysheva.com/page/</link>
					<comments>https://adysheva.com/page/#respond</comments>
		
		<dc:creator><![CDATA[me@adysheva.com]]></dc:creator>
		<pubDate>Sun, 12 Apr 2026 09:45:27 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://adysheva.com/?p=18754</guid>

					<description><![CDATA[LandingBooster — Bikin Landing Page High-Converting Pakai AI LandingBooster Aman &#38; Terbukti Garansi 7 Hari Pakai AI — Tanpa Coding — Tanpa Tool Berbayar Bikin Landing Page Ngebut Jualan Cuma Pakai AI Gratisan Kamu bisa generate landing page siap closing dalam hitungan menit, tanpa skill desain, tanpa skill copywriting &#38; tanpa coding manual Pre Order &#8230;]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="18754" class="elementor elementor-18754">
				<div class="elementor-element elementor-element-405d01e e-flex e-con-boxed e-con e-parent" data-id="405d01e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4e226f1 elementor-widget elementor-widget-html" data-id="4e226f1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LandingBooster — Bikin Landing Page High-Converting Pakai AI</title>
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%236366F1'/%3E%3Cpath d='M9 16l5-5 9 5-9 5z' fill='%23fff' opacity='.9'/%3E%3Cpath d='M13 16l3-3 3 3-3 3z' fill='%238B5CF6' opacity='.6'/%3E%3C/svg%3E">
<meta name="description" content="Generate landing page siap closing pakai AI — tanpa coding, tanpa tool berbayar. Cuma copy, paste, jadi.">
<style>
/* ===== RESET & BASE ===== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background: #FAFBFF;
  color: #1E293B;
  line-height: 1.7;
  font-size: 16px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-bottom: 88px;
}
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
ul { list-style: none; }

/* ===== WRAPPER ===== */
.wrapper {
  max-width: 480px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ===== SECTION SPACING ===== */
section {
  padding: 60px 0;
}
section + section {
  border-top: 1px solid #F1F5F9;
}

/* ===== TYPOGRAPHY ===== */
h1, h2, h3, h4 {
  line-height: 1.25;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.02em;
}
h1 { font-size: 2rem; }
h2 { font-size: 1.6rem; margin-bottom: 28px; }
h3 { font-size: 1.15rem; }
.text-sm { font-size: 0.9rem; }
.text-xs { font-size: 0.8rem; }
.text-muted { color: #64748B; }
.text-center { text-align: center; }
.fw-700 { font-weight: 700; }
.highlight {
  background: linear-gradient(135deg, #6366F1, #8B5CF6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== LOGO ===== */
.logo-bar {
  padding: 24px 0 10px;
  text-align: center;
}
.logo-bar svg { width: 36px; height: 36px; }
.logo-bar .logo-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: 1.15rem;
  color: #0F172A;
  letter-spacing: -0.02em;
}

/* ===== HERO ===== */
.hero {
  text-align: center;
  padding: 30px 0 56px;
}
.hero .badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #EEF2FF, #EDE9FE);
  color: #6366F1;
  font-size: clamp(0.66rem, 2.6vw, 0.74rem);
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 22px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.1;
  white-space: nowrap;
}
.hero h1 {
  margin-bottom: 24px;
  font-size: 2.05rem;
}
.hero .sub {
  color: #475569;
  font-size: 1.02rem;
  margin-bottom: 36px;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.75;
}

/* ===== CTA BUTTONS ===== */
.cta-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 380px;
  padding: 18px 20px;
  font-size: 1rem;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, #F97316, #EF4444);
  border: none;
  border-radius: 16px;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 8px 30px rgba(249, 115, 22, 0.35);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: normal;
}
.cta-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(249, 115, 22, 0.45);
}
.cta-primary:active { transform: translateY(0); }
.cta-primary svg { flex-shrink: 0; }

.cta-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
  text-transform: none;
  letter-spacing: 0;
}
.cta-head {
  font-weight: 900;
  line-height: 1.15;
}
.cta-sub {
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.25;
  opacity: 0.95;
}

.cta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 380px;
  padding: 16px 20px;
  font-size: 0.95rem;
  font-weight: 700;
  color: #6366F1;
  background: #EEF2FF;
  border: 2px solid transparent;
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cta-secondary:hover {
  background: #E0E7FF;
  border-color: #C7D2FE;
}

/* ===== PROBLEM SECTION ===== */
.problem-section { background: #FFFFFF; }
.problem-section .section-label {
  text-align: center;
  color: #EF4444;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.problem-section h2 { text-align: center; }
.problem-list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.problem-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #FEF2F2;
  padding: 18px 20px;
  border-radius: 14px;
  border: 1px solid #FECACA;
  transition: transform 0.2s;
}
.problem-item:hover { transform: translateX(4px); }
.problem-item .icon-wrap {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: #FEE2E2;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.problem-item .icon-wrap svg {
  width: 18px;
  height: 18px;
  color: #EF4444;
}
.problem-item p {
  font-size: 0.94rem;
  color: #334155;
  font-weight: 600;
  padding-top: 6px;
  line-height: 1.6;
}
.problem-result {
  text-align: center;
  margin-top: 36px;
  padding: 24px;
  background: linear-gradient(135deg, #FEF2F2, #FFF1F2);
  border-radius: 16px;
  border: 1px solid #FECACA;
}
.problem-result p {
  color: #DC2626;
  font-weight: 800;
  font-size: 1.08rem;
  line-height: 1.5;
}

/* ===== SOLUTION / BENEFIT SECTION ===== */
.solution-section { background: #FAFBFF; }
.solution-section .section-label {
  text-align: center;
  color: #6366F1;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.solution-section h2 { text-align: center; margin-bottom: 12px; }
.solution-section .sol-image {
  display: block;
  max-width: 100%;
 height: auto;
 margin: 20px auto 28px;
 border-radius: 16px;
 box-shadow: 0 4px 24px rgba(99, 102, 241, 0.12);
}
.solution-section .sol-sub {
  text-align: center;
  color: #475569;
  font-size: 0.95rem;
  margin-bottom: 32px;
  line-height: 1.7;
}
.benefit-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.benefit-card {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 24px 22px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  transition: all 0.25s;
}
.benefit-card:hover {
  border-color: #C7D2FE;
  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.08);
  transform: translateY(-2px);
}
.benefit-card .icon-wrap {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.benefit-card .icon-wrap svg {
  width: 22px;
  height: 22px;
}
.benefit-card h3 {
  margin-bottom: 8px;
  font-size: 1rem;
}
.benefit-card p {
  color: #64748B;
  font-size: 0.9rem;
  line-height: 1.7;
}
.bg-indigo { background: #EEF2FF; color: #6366F1; }
.bg-violet { background: #F3E8FF; color: #7C3AED; }
.bg-blue { background: #DBEAFE; color: #2563EB; }
.bg-emerald { background: #D1FAE5; color: #059669; }
.bg-amber { background: #FEF3C7; color: #D97706; }
.bg-rose { background: #FFE4E6; color: #E11D48; }

/* ===== 3-STEP SECTION ===== */
.steps-section {
  background: linear-gradient(135deg, #1E1B4B, #312E81);
  color: #fff;
  padding: 60px 0;
}
.steps-section .section-label {
  text-align: center;
  color: #A5B4FC;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.steps-section h2 { color: #fff; text-align: center; }
.steps-list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.step-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(255,255,255,0.07);
  backdrop-filter: blur(10px);
  padding: 22px 20px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.1);
}
.step-num {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #6366F1, #8B5CF6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
  color: #fff;
}
.step-card .step-text h3 {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 2px;
}
.step-card .step-text p {
  color: #A5B4FC;
  font-size: 0.88rem;
  line-height: 1.6;
}

/* ===== DIFFERENT SECTION ===== */
.diff-section { background: #FFFFFF; }
.diff-section .section-label {
  text-align: center;
  color: #059669;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.diff-section h2 { text-align: center; }
.diff-list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.diff-card {
  background: #F0FDF4;
  border: 1px solid #BBF7D0;
  border-radius: 16px;
  padding: 24px 22px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.diff-card .icon-wrap {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  background: #DCFCE7;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #059669;
}
.diff-card .icon-wrap svg { width: 22px; height: 22px; }
.diff-card h3 { font-size: 1rem; margin-bottom: 8px; }
.diff-card p { color: #475569; font-size: 0.9rem; line-height: 1.7; }

/* ===== WHAT YOU GET ===== */
.get-section { background: #FAFBFF; }
.get-section .section-label {
  text-align: center;
  color: #7C3AED;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.get-section h2 { text-align: center; margin-bottom: 12px; }
.get-section .get-sub {
  text-align: center;
  color: #475569;
  font-size: 0.95rem;
  margin-bottom: 32px;
  line-height: 1.7;
}
.get-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.get-card {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  padding: 22px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.get-card .get-num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #7C3AED, #6366F1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.85rem;
}
.get-card .get-body h3 {
  font-size: 0.97rem;
  margin-bottom: 8px;
}
.get-card .get-body p {
  color: #64748B;
  font-size: 0.9rem;
  line-height: 1.7;
}

/* ===== TARGET SECTION ===== */
.target-section { background: #FFFFFF; }
.target-section .section-label {
  text-align: center;
  color: #2563EB;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.target-section h2 { text-align: center; }
.target-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.target-chip {
  text-align: center;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  border-radius: 14px;
  padding: 20px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: transform 0.2s;
}
.target-chip:hover { transform: translateY(-2px); }
.target-chip .icon-wrap {
  width: 40px;
  height: 40px;
  background: #DBEAFE;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2563EB;
}
.target-chip .icon-wrap svg { width: 20px; height: 20px; }
.target-chip p { font-size: 0.82rem; font-weight: 700; color: #1E40AF; line-height: 1.4; }

/* ===== PRICING ===== */
.pricing-section {
  background: linear-gradient(180deg, #FAFBFF, #EEF2FF);
  padding: 64px 0;
}
.pricing-section .section-label {
  text-align: center;
  color: #F97316;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.pricing-section h2 { text-align: center; }
.pricing-section h2 a {
  color: #F97316;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 900;
}
.pricing-section h2 a:hover { opacity: 0.9; }
.pricing-stack {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.price-card {
  background: #fff;
  border: 2px solid #E2E8F0;
  border-radius: 20px;
  padding: 32px 28px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.25s;
}
.price-card.featured {
  border-color: #F97316;
  box-shadow: 0 8px 40px rgba(249, 115, 22, 0.15);
}
.price-card.featured::before {
  content: 'BEST SELLER';
  position: absolute;
  top: 14px;
  right: -30px;
  background: linear-gradient(135deg, #F97316, #EF4444);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 800;
  padding: 4px 36px;
  transform: rotate(45deg);
  letter-spacing: 0.04em;
}
.price-card .plan-name {
  font-weight: 700;
  font-size: 1rem;
  color: #64748B;
  margin-bottom: 12px;
}
.price-card .price-old {
  font-size: 1rem;
  color: #94A3B8;
  text-decoration: line-through;
  margin-bottom: 4px;
}
.price-card .price-new {
  font-size: 2.4rem;
  font-weight: 900;
  color: #0F172A;
  line-height: 1;
  margin-bottom: 6px;
}
.price-card .price-new span { font-size: 1.1rem; vertical-align: top; color: #64748B; }
.price-card .price-note {
  font-size: 0.82rem;
  color: #F97316;
  font-weight: 700;
  margin-bottom: 20px;
}
.price-card .price-features {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
  text-align: left;
}
.price-card .price-features .feat {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.92rem;
  color: #334155;
  line-height: 1.5;
}
.price-card .price-features .feat svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: #10B981;
}

/* ===== TESTIMONIAL ===== */
.testi-section { background: #FFFFFF; }
.testi-section .section-label {
  text-align: center;
  color: #D97706;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.testi-section h2 { text-align: center; }
.testi-list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.testi-card {
  background: #FFFBEB;
  border: 1px solid #FDE68A;
  border-radius: 16px;
  padding: 26px 22px;
}
.testi-card .testi-stars {
  display: flex;
  gap: 2px;
  margin-bottom: 12px;
}
.testi-card .testi-stars svg { width: 16px; height: 16px; color: #F59E0B; }
.testi-card .testi-text {
  font-size: 0.94rem;
  color: #334155;
  font-style: italic;
  margin-bottom: 16px;
  line-height: 1.75;
}
.testi-card .testi-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.testi-card .testi-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.85rem;
  color: #fff;
}
.testi-card .testi-name { font-weight: 700; font-size: 0.88rem; color: #0F172A; }
.testi-card .testi-role { font-size: 0.78rem; color: #64748B; }

/* ===== FAQ ===== */
.faq-section { background: #FAFBFF; }
.faq-section .section-label {
  text-align: center;
  color: #6366F1;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.faq-section h2 { text-align: center; }
.faq-list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq-item {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.2s;
}
.faq-item.open { border-color: #C7D2FE; }
.faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  cursor: pointer;
  font-weight: 700;
  font-size: 0.94rem;
  color: #1E293B;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
}
.faq-q svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: #94A3B8;
  transition: transform 0.3s;
}
.faq-item.open .faq-q svg { transform: rotate(180deg); color: #6366F1; }
.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
  padding: 0 18px;
}
.faq-item.open .faq-a {
  max-height: 300px;
  padding: 0 18px 18px;
}
.faq-a p {
  font-size: 0.9rem;
  color: #475569;
  line-height: 1.75;
}

/* ===== DISCLAIMER ===== */
.disclaimer {
  text-align: center;
  padding: 32px 0;
  background: #fff;
}
.disclaimer .disc-card {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 26px 22px;
  text-align: left;
}
.disc-card h3 { font-size: 0.95rem; margin-bottom: 10px; }
.disc-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 0.9rem;
  color: #475569;
  line-height: 1.6;
}
.disc-item svg { flex-shrink: 0; margin-top: 2px; }
.disc-item.yes svg { color: #10B981; }
.disc-item.no svg { color: #EF4444; }

/* ===== FINAL CTA ===== */
.final-cta {
  text-align: center;
  background: linear-gradient(135deg, #1E1B4B, #312E81);
  padding: 64px 0 72px;
  color: #fff;
}
.final-cta h2 { color: #fff; margin-bottom: 16px; font-size: 1.7rem; line-height: 1.3; }
.final-cta .final-sub {
  color: #A5B4FC;
  font-size: 0.96rem;
  margin-bottom: 36px;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.75;
}
.final-cta .cta-primary {
  margin: 0 auto;
}

/* ===== FOOTER ===== */
.footer {
  text-align: center;
  padding: 28px 0;
  color: #94A3B8;
  font-size: 0.78rem;
  line-height: 1.7;
}
.footer a { color: #6366F1; font-weight: 600; }

/* ===== ANIMATIONS ===== */
.fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ===== TRUST BAR ===== */
.trust-bar {
  text-align: center;
  padding: 4px 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: #94A3B8;
  font-size: 0.78rem;
}
.trust-bar svg { width: 14px; height: 14px; }
.trust-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* ===== BONUS BAR ===== */
.bonus-bar {
  margin-top: 20px;
  background: linear-gradient(135deg, #FDF4FF, #F3E8FF);
  border: 1px solid #E9D5FF;
  border-radius: 14px;
  padding: 22px 22px;
}
.bonus-bar h3 {
  font-size: 0.92rem;
  color: #7C3AED;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.bonus-bar h3 svg { width: 18px; height: 18px; }
.bonus-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bonus-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.88rem;
  color: #475569;
  font-weight: 600;
  line-height: 1.5;
}
.bonus-list li svg { width: 16px; height: 16px; color: #A855F7; flex-shrink: 0; }

/* ===== COUPON CODE ===== */
.coupon-wrap {
  text-align: center;
  margin-top: 14px;
}
.coupon-label {
  font-size: 0.78rem;
  color: #64748B;
  margin-bottom: 8px;
  line-height: 1.5;
}
.coupon-box {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #FFFBEB;
  border: 2px dashed #F59E0B;
  border-radius: 10px;
  padding: 8px 14px;
  cursor: pointer;
  transition: all 0.25s;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.coupon-box:hover {
  background: #FEF3C7;
  border-color: #D97706;
}
.coupon-box:active {
  transform: scale(0.97);
}
.coupon-code {
  font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;
  font-size: 0.92rem;
  font-weight: 800;
  color: #B45309;
  letter-spacing: 0.06em;
}
.coupon-box .coupon-copy-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: #D97706;
  transition: transform 0.2s;
}
.coupon-box.copied {
  border-color: #10B981;
  background: #F0FDF4;
}
.coupon-box.copied .coupon-code {
  color: #059669;
}
.coupon-box.copied .coupon-copy-icon {
  color: #10B981;
}
.coupon-feedback {
  font-size: 0.72rem;
  color: #10B981;
  font-weight: 700;
  margin-top: 6px;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.3s, transform 0.3s;
}
.coupon-feedback.show {
  opacity: 1;
  transform: translateY(0);
}

/* ===== SCROLL TO TOP ===== */
.scroll-top-btn {
  position: fixed;
  right: 16px;
  bottom: 76px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
 border: none;
  background: #fff;
  color: #6366F1;
 box-shadow: 0 2px 12px rgba(0,0,0,0.1), 0 0 0 1px rgba(99,102,241,0.15);
 cursor: pointer;
 display: flex;
  align-items: center;
  justify-content: center;
 z-index: 998;
 opacity: 0;
 visibility: hidden;
 transform: translateY(12px) scale(0.85);
 transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease, box-shadow 0.2s ease;
 -webkit-tap-highlight-color: transparent;
}
.scroll-top-btn.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.scroll-top-btn:hover {
  box-shadow: 0 4px 20px rgba(99,102,241,0.25), 0 0 0 1px rgba(99,102,241,0.3);
  transform: translateY(-2px) scale(1);
}
.scroll-top-btn:active {
  transform: translateY(0) scale(0.95);
}
.scroll-top-btn svg {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
}

/* ===== WHATSAPP FLOATING BUTTON ===== */
.wa-float {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 997;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  text-decoration: none;
  color: #064E3B;
  background: rgba(37, 211, 102, 0.18);
  border: 1px solid rgba(37, 211, 102, 0.32);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  font-weight: 800;
  font-size: 0.9rem;
  line-height: 1;
  max-width: calc(100vw - 32px);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.wa-float:hover {
  transform: translateY(-2px);
  background: rgba(37, 211, 102, 0.24);
  box-shadow: 0 14px 38px rgba(0,0,0,0.16);
}
.wa-float:active { transform: translateY(0) scale(0.98); }
.wa-float svg { width: 20px; height: 20px; flex-shrink: 0; }
.wa-float span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ===== LEFT-MIDDLE LOOP TOAST ===== */
.lp-toast {
  position: fixed;
  left: 14px;
  top: 14px;
  transform: translate3d(0, 0, 0) translateY(12px);
  opacity: 0;
  visibility: hidden;
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 14px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 10px 28px rgba(2,6,23,0.10);
  color: #0F172A;
  font-size: 0.82rem;
  line-height: 1.35;
  max-width: min(320px, calc(100vw - 28px));
  pointer-events: none;
  z-index: 996;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.lp-toast.show {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0) translateY(0);
}
.lp-toast .lp-toast-icon {
  width: 22px;
  height: 22px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(99,102,241,0.12);
  color: #6366F1;
  font-size: 0.9rem;
  flex-shrink: 0;
  margin-top: 1px;
}
.lp-toast .lp-toast-text {
  font-weight: 700;
  color: #0F172A;
}
.lp-toast .lp-toast-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.78rem;
  line-height: 1.2;
}
.lp-toast .lp-toast-text small {
  display: block;
  font-weight: 600;
  color: #475569;
  margin-top: 2px;
}
</style>
</head>
<body>

<!-- ==================== LOGO ==================== -->
<div class="wrapper">
  <header class="logo-bar">
    <div class="logo-text">
      <svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect width="36" height="36" rx="10" fill="url(#lg)"/>
        <path d="M10 18L16 12L26 18L16 24L10 18Z" fill="#fff" opacity="0.9"/>
        <path d="M14 18L18 14.5L22 18L18 21.5L14 18Z" fill="url(#lg)" opacity="0.5"/>
        <defs><linearGradient id="lg" x1="0" y1="0" x2="36" y2="36"><stop stop-color="#6366F1"/><stop offset="1" stop-color="#8B5CF6"/></linearGradient></defs>
      </svg>
      LandingBooster
    </div>
  </header>

  <!-- ==================== TRUST BAR ==================== -->
  <div class="trust-bar">
    <span class="trust-item">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
      Aman &amp; Terbukti
    </span>

    <span class="trust-item">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
      Garansi 7 Hari
    </span>
  </div>

  <!-- ==================== HERO ==================== -->
  <section class="hero">
    <div class="badge">
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
      Pakai AI — Tanpa Coding — Tanpa Tool Berbayar
    </div>
    <h1>Bikin Landing Page <span class="highlight">Ngebut Jualan</span> Cuma Pakai AI Gratisan</h1>
    <p class="sub">Kamu bisa generate landing page siap closing dalam hitungan menit, tanpa skill desain, tanpa skill copywriting &amp; tanpa coding manual</p>
    <button class="cta-primary" onclick="scrollToCta()">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
      <span class="cta-label">
        <span class="cta-head">Pre Order Sekarang</span>
        <span class="cta-sub">Dapatkan Bonus Premium - Buy 1 Get 1</span>
      </span>
    </button>
    <p class="text-xs text-muted" style="margin-top:12px;">Diskon 50% &bull; Garansi 7 Hari &bull; Akses Instan</p>
  </section>
</div>

<!-- ==================== PROBLEM ==================== -->
<section class="problem-section">
  <div class="wrapper fade-up">
    <p class="section-label">Pernah Ngalamin Ini?</p>
    <h2>Proses Bikin Landing Page<br>Sering Bikin <span style="color:#EF4444">Stuck</span></h2>
    <div class="problem-list">
      <div class="problem-item">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
        </div>
        <p>Bingung mulai bikin landing page dari mana</p>
      </div>
      <div class="problem-item">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 16v3a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h3"/><path d="M8 2h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-4"/><polyline points="11 6 14 9 11 12"/></svg>
        </div>
        <p>Sudah bikin, tapi gak ada yang beli</p>
      </div>
      <div class="problem-item">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/><line x1="14" y1="4" x2="10" y2="20"/></svg>
        </div>
        <p>Ribet harus belajar desain &amp; coding</p>
      </div>
      <div class="problem-item">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
        </div>
        <p>Harus bayar tools mahal tiap bulan</p>
      </div>
      <div class="problem-item">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
        </div>
        <p>Copywriting terasa "kering" dan gak menjual</p>
      </div>
    </div>
    <div class="problem-result">
      <p>Capek, stuck, dan hasilnya tetap gak convert</p>
    </div>
  </div>
</section>

<!-- ==================== SOLUTION ==================== -->
<section class="solution-section">
  <div class="wrapper fade-up">
    <p class="section-label">Solusinya</p>
    <h2>LandingBooster</h2>
    <img decoding="async" class="sol-image" src="https://i.ibb.co/S4Jhsx30/photo-2026-04-06-12-40-26.jpg" alt="LandingBooster — Sistem Landing Page AI" loading="lazy">
    <p class="sol-sub">LandingBooster adalah sebuah ecourse praktis yang mengajarkan cara membuat landing page jualan secara cepat menggunakan bantuan AI tanpa perlu coding, desain, atau tools berbayar.<br><br>Dengan metode ini, pengguna cukup menggunakan prompt untuk menghasilkan landing page lengkap dengan struktur, copywriting, dan desain yang sudah siap digunakan untuk jualan dan langsung bisa dipublish di berbagai platform seperti Blogspot, hosting gratis, wordpress, scalev atau layanan lainnya.</p>
    <div class="benefit-grid">
      <div class="benefit-card">
        <div class="icon-wrap bg-indigo">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
        </div>
        <div>
          <h3>Generate dari Nol Pakai AI</h3>
          <p>Tinggal copy prompt, paste ke AI, landing page langsung jadi dalam hitungan menit.</p>
        </div>
      </div>
      <div class="benefit-card">
        <div class="icon-wrap bg-violet">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
        </div>
        <div>
          <h3>Copywriting yang "Jualan"</h3>
          <p>Prompt khusus biar AI bikin copy yang persuasif dan mendorong pembelian.</p>
        </div>
      </div>
      <div class="benefit-card">
        <div class="icon-wrap bg-blue">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="9" y1="21" x2="9" y2="9"/></svg>
        </div>
        <div>
          <h3>Struktur Proven Convert</h3>
          <p>Framework landing page yang sudah terbukti menghasilkan konversi tinggi.</p>
        </div>
      </div>
      <div class="benefit-card">
        <div class="icon-wrap bg-emerald">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 16 12 12 8 16"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"/></svg>
        </div>
        <div>
          <h3>Publish Tanpa Ribet</h3>
          <p>Langsung publish tanpa perlu setup server atau domain yang rumit.</p>
        </div>
      </div>
      <div class="benefit-card">
        <div class="icon-wrap bg-rose">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
        </div>
        <div>
          <h3>Mobile-First Design</h3>
          <p>Setiap landing page yang dihasilkan sudah optimized untuk tampilan HP.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== 3 STEPS ==================== -->
<section class="steps-section">
  <div class="wrapper fade-up">
    <p class="section-label">Gampang Banget</p>
    <h2>Cuma 3 Langkah</h2>
    <div class="steps-list">
      <div class="step-card">
        <div class="step-num">1</div>
        <div class="step-text">
          <h3>Copy Prompt</h3>
          <p>Pilih prompt yang sesuai kebutuhanmu dari dalam sistem</p>
        </div>
      </div>
      <div class="step-card">
        <div class="step-num">2</div>
        <div class="step-text">
          <h3>Paste ke AI</h3>
          <p>Tempelkan prompt ke ChatGPT atau AI favoritmu</p>
        </div>
      </div>
      <div class="step-card">
        <div class="step-num">3</div>
        <div class="step-text">
          <h3>Landing Page Jadi!</h3>
          <p>Dalam menit, landing page siap publish dan closing</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== KENAPA BERBEDA ==================== -->
<section class="diff-section">
  <div class="wrapper fade-up">
    <p class="section-label">Kenapa Berbeda?</p>
    <h2>Bukan Template — Ini <span style="color:#059669">Sistem</span></h2>
    <div class="diff-list">
      <div class="diff-card">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2"/><path d="M9 9h6v6H9z"/><path d="M9 1v3"/><path d="M15 1v3"/><path d="M9 20v3"/><path d="M15 20v3"/><path d="M20 9h3"/><path d="M20 14h3"/><path d="M1 9h3"/><path d="M1 14h3"/></svg>
        </div>
        <div>
          <h3>AI-Powered System</h3>
          <p>Gak bikin manual — AI yang generate dan diarahkan biar hasilnya tetap convert.</p>
        </div>
      </div>
      <div class="diff-card">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
        </div>
        <div>
          <h3>Kamu Ngerti Cara Kerjanya</h3>
          <p>Bukan cuma pakai, tapi kamu paham cara generate, refine, dan improve hasilnya.</p>
        </div>
      </div>
      <div class="diff-card">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
        </div>
        <div>
          <h3>Tanpa Coding Sama Sekali</h3>
          <p>Cocok untuk pemula, affiliate, seller, dan freelancer tanpa background IT.</p>
        </div>
      </div>
      <div class="diff-card">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
        </div>
        <div>
          <h3>Tanpa Tool Berbayar</h3>
          <p>Semua pakai tools gratis. Zero monthly cost — investasi sekali, manfaat selamanya.</p>
        </div>
      </div>
      <div class="diff-card">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
        </div>
        <div>
          <h3>Unlimited untuk Semua Niche</h3>
          <p>Bisa bikin landing page untuk produk digital, affiliate, jasa, course — semua niche tanpa batas.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== APA YANG KAMU DAPATKAN ==================== -->
<section class="get-section">
  <div class="wrapper fade-up">
    <p class="section-label">Isi Produk</p>
    <h2>Apa yang Kamu <span class="highlight">Dapatkan</span></h2>
    <p class="get-sub">Semua yang kamu butuhkan untuk mulai bikin landing page yang convert</p>
    <div class="get-list">
      <div class="get-card">
        <div class="get-num">1</div>
        <div class="get-body">
          <h3>Core Training</h3>
          <p>Cara generate landing page pakai AI, cara "ngarahin" AI biar gak ngaco, dan struktur yang convert.</p>
        </div>
      </div>
      <div class="get-card">
        <div class="get-num">2</div>
        <div class="get-body">
          <h3>Prompt System (INI INTINYA)</h3>
          <p>Prompt generate landing page, copywriting, struktur section, dan styling mobile-first. Tinggal copy, paste, jadi.</p>
        </div>
      </div>
      <div class="get-card">
        <div class="get-num">3</div>
        <div class="get-body">
          <h3>LandingBooster Framework</h3>
          <p>Flow problem &rarr; solution &rarr; CTA, penempatan CTA yang tepat, dan struktur yang terbukti convert.</p>
        </div>
      </div>
      <div class="get-card">
        <div class="get-num">4</div>
        <div class="get-body">
          <h3>Copywriting Guidance</h3>
          <p>Cara bikin AI lebih "jualan", cara refine hasil AI, dan cara bikin headline yang kuat.</p>
        </div>
      </div>
      <div class="get-card">
        <div class="get-num">5</div>
        <div class="get-body">
          <h3>Workflow System</h3>
          <p>Step-by-step jelas: Generate &rarr; Refine &rarr; Publish. Tinggal ikutin, gak perlu mikir.</p>
        </div>
      </div>
      <div class="get-card">
        <div class="get-num">6</div>
        <div class="get-body">
          <h3>Conversion Booster System</h3>
          <p>Cara bikin landing lebih closing, tweak tanpa redesign, dan improve hasil AI.</p>
        </div>
      </div>
    </div>
    <div class="bonus-bar">
      <h3>
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-6"/><path d="M2 8h20v4H2z" fill="currentColor" opacity="0.15"/><path d="M2 8h20v4H2z"/><rect x="12" y="2" width="8" height="6" rx="1"/><path d="M8 8v2"/></svg>
        Bonus Tambahan
      </h3>
      <ul class="bonus-list">
        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Prompt Library Tambahan</li>
        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Headline Generator Prompt</li>
        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>CTA Generator Prompt</li>
        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Checklist Sebelum Publish</li>
        <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Template copy.txt (biar AI makin akurat)</li>
      </ul>
    </div>
  </div>
</section>

<!-- ==================== SIAPA YANG COCOK ==================== -->
<section class="target-section">
  <div class="wrapper fade-up">
    <p class="section-label">Target Pengguna</p>
    <h2>Siapa yang Cocok<br>Pakai LandingBooster?</h2>
    <div class="target-grid">
      <div class="target-chip">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
        </div>
        <p>Affiliate Marketer</p>
      </div>
      <div class="target-chip">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>
        </div>
        <p>Seller Digital Product</p>
      </div>
      <div class="target-chip">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
        </div>
        <p>Freelancer</p>
      </div>
      <div class="target-chip">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
        </div>
        <p>Agency Kecil</p>
      </div>
      <div class="target-chip" style="grid-column: 1 / -1;">
        <div class="icon-wrap">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c3 3 10 3 12 0v-5"/></svg>
        </div>
        <p>Pemula yang Pengen Jualan Online</p>
      </div>
    </div>
  </div>
</section>

<!-- ==================== PRICING ==================== -->
<section class="pricing-section">
  <div class="wrapper fade-up">
    <p class="section-label">Promo Pre Order Terbatas</p>
    <h2>Dapetin Harga Paling Hemat + Bonus Premium Bebas Pilih Sesuai Lisensi Kamu - <a href="https://cuanvirtual.com/promo/" target="_blank" rel="noopener noreferrer">Disini</a></h2>
    <div class="pricing-stack" id="pricing-anchor">
      <!-- Personal License -->
      <div class="price-card">
        <p class="plan-name">Lisensi Personal</p>
        <p class="price-old">Rp 178.000</p>
        <p class="price-new"><span>Rp</span>89.000</p>
        <p class="price-note">Hemat Rp 89.000</p>
        <div class="price-features">
          <div class="feat">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
            Pakai sendiri
          </div>
          <div class="feat">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
            Unlimited landing page
          </div>
          <div class="feat">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
            Semua prompt &amp; framework
          </div>
          <div class="feat">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
            Bonus lengkap
          </div>
        </div>
        <button class="cta-secondary" onclick="window.open('https://app.cuanvirtual.com/product/landingbooster-personal/','_blank')">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
          <span class="cta-label">
            <span class="cta-head">Pre Order Personal</span>
          </span>
        </button>
        <div class="coupon-wrap">
          <p class="coupon-label">Gunakan kode kupon untuk mendapatkan harga <strong>PROMO</strong></p>
          <div class="coupon-box" onclick="copyCoupon(this, 'BOOSTER50')">
            <span class="coupon-code">BOOSTER50</span>
            <svg class="coupon-copy-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
          </div>
          <p class="coupon-feedback">Kode berhasil disalin!</p>
        </div>
      </div>
      <!-- Resell License -->
      <div class="price-card featured">
        <p class="plan-name" style="color:#F97316;">Lisensi Resell</p>
        <p class="price-old">Rp 514.000</p>
        <p class="price-new"><span>Rp</span>257.000</p>
        <p class="price-note">Hemat Rp 257.000</p>
        <div class="price-features">
          <div class="feat">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
            Bisa jual ulang &amp; ambil profit
          </div>
          <div class="feat">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
            Cocok buat side income
          </div>
          <div class="feat">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
            Unlimited landing page
          </div>
          <div class="feat">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
            Semua bonus + lisensi resell
          </div>
        </div>
        <button class="cta-primary" onclick="window.open('https://app.cuanvirtual.com/product/landingbooster-resell/','_blank')">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
          <span class="cta-label">
            <span class="cta-head">Pre Order Resell</span>
          </span>
        </button>
        <div class="coupon-wrap">
          <p class="coupon-label">Gunakan kode kupon untuk mendapatkan harga <strong>PROMO</strong></p>
          <div class="coupon-box" onclick="copyCoupon(this, 'BOOSTER50')">
            <span class="coupon-code">BOOSTER50</span>
            <svg class="coupon-copy-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
          </div>
          <p class="coupon-feedback">Kode berhasil disalin!</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== TESTIMONI ==================== -->
<section class="testi-section">
  <div class="wrapper fade-up">
    <p class="section-label">Testimoni Pengguna</p>
    <h2>Mereka Sudah <span style="color:#D97706">Buktikan</span></h2>
    <div class="testi-list">
      <div class="testi-card">
        <div class="testi-stars">
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
        </div>
        <p class="testi-text">"Awalnya ragu, tapi setelah coba prompt-nya langsung kaget. Landing page jadi dalam 5 menit dan hasilnya jauh lebih bagus dari yang saya bayangkan. Sekarang sudah 12 landing page saya buat."</p>
        <div class="testi-author">
          <div class="testi-avatar" style="background:linear-gradient(135deg,#6366F1,#8B5CF6);">R</div>
          <div>
            <p class="testi-name">Rizky Pratama</p>
            <p class="testi-role">Affiliate Marketer</p>
          </div>
        </div>
      </div>
      <div class="testi-card">
        <div class="testi-stars">
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
        </div>
        <p class="testi-text">"Sebagai pemula yang gak bisa coding, ini game changer. Saya cuma ikutin step-by-step dan hasilnya langsung bisa dipakai. Konversi landing page saya naik 3x lipat!"</p>
        <div class="testi-author">
          <div class="testi-avatar" style="background:linear-gradient(135deg,#F97316,#EF4444);">S</div>
          <div>
            <p class="testi-name">Sari Dewi</p>
            <p class="testi-role">Digital Product Seller</p>
          </div>
        </div>
      </div>
      <div class="testi-card">
        <div class="testi-stars">
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2z"/></svg>
        </div>
        <p class="testi-text">"Prompt System-nya luar biasa. Saya freelancer jadi bisa offer bikin landing page ke klien tanpa perlu jago coding. Revenue naik signifikan berkat ini."</p>
        <div class="testi-author">
          <div class="testi-avatar" style="background:linear-gradient(135deg,#059669,#10B981);">A</div>
          <div>
            <p class="testi-name">Andi Setiawan</p>
            <p class="testi-role">Freelancer</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== DISCLAIMER ==================== -->
<section class="disclaimer">
  <div class="wrapper fade-up">
    <div class="disc-card">
      <h3>Perlu Kamu Tahu Sebelum Beli</h3>
      <div class="disc-item no">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
        <span><strong>Bukan</strong> template siap pakai yang tinggal upload</span>
      </div>
      <div class="disc-item yes">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        <span>Sistem + prompt untuk <strong>generate unlimited</strong> landing page pakai AI</span>
      </div>
      <div class="disc-item yes">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        <span>Kamu perlu akses ke AI (ChatGPT, dll) &mdash; <strong>tools AI sendiri gratis</strong></span>
      </div>
    </div>
  </div>
</section>

<!-- ==================== FAQ ==================== -->
<section class="faq-section">
  <div class="wrapper fade-up">
    <p class="section-label">FAQ</p>
    <h2>Pertanyaan yang Sering Ditanyakan</h2>
    <div class="faq-list">
      <div class="faq-item open">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span>Apa itu LandingBooster?</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
        </div>
        <div class="faq-a">
          <p>LandingBooster adalah sistem berupa training, prompt, dan framework yang membantu kamu generate landing page high-converting pakai AI — tanpa perlu bisa coding atau desain. Kamu tinggal copy prompt, paste ke AI, dan landing page langsung jadi.</p>
        </div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span>Apakah saya perlu bisa coding?</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
        </div>
        <div class="faq-a">
          <p>Tidak sama sekali. LandingBooster dirancang untuk pemula. Semua proses dilakukan melalui prompt yang tinggal kamu copy dan paste ke AI. Hasilnya langsung bisa dipakai tanpa sentuhan coding.</p>
        </div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span>Tools apa yang diperlukan?</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
        </div>
        <div class="faq-a">
          <p>Kamu cukup punya akses ke AI seperti ChatGPT (gratis), Claude, atau AI lainnya. Tidak ada tool berbayar yang wajib. Semua proses bisa dilakukan dengan tools gratis.</p>
        </div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span>Bagaimana mekanisme generate unlimited landing page yang dimaksud?</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
        </div>
        <div class="faq-a">
          <p>Fitur ini memanfaatkan teknologi AI berbasis cloud yang menyediakan akses penggunaan gratis. Dalam penggunaan normal (seperti membuat landing page per kebutuhan), sistem dapat digunakan dengan lancar.</p>
          <p>Namun, karena menggunakan layanan AI pihak ketiga, terdapat batas pemakaian wajar. Jika digunakan secara sangat intens dalam waktu singkat, mungkin akan ada penyesuaian seperti jeda sementara atau pembatasan request mengikuti kebijakan penyedia layanan.</p>
          <p>Secara umum, untuk kebutuhan harian dan pembuatan landing page secara bertahap, fitur ini tetap bisa digunakan tanpa kendala berarti.</p>
        </div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span>Berapa lama aksesnya?</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
        </div>
        <div class="faq-a">
          <p>Akses lifetime! Kamu bayar sekali dan bisa pakai selamanya. Termasuk update prompt dan framework di masa depan tanpa biaya tambahan.</p>
        </div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span>Apakah ada garansi?</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
        </div>
        <div class="faq-a">
          <p>Ya, ada garansi 7 hari. Kalau dalam 7 hari kamu merasa produk ini tidak sesuai ekspektasi, hubungi kami dan kami akan kembalikan uangmu 100% — tanpa syarat rumit.</p>
        </div>
      </div>
      <div class="faq-item">
        <div class="faq-q" onclick="toggleFaq(this)">
          <span>Apa bedanya Lisensi Personal dan Resell?</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
        </div>
        <div class="faq-a">
          <p>Lisensi Personal untuk kamu pakai sendiri — bikin unlimited landing page untuk bisnis kamu sendiri. Lisensi Resell tambahannya kamu bisa jual ulang produk ini dan ambil 100% profit sebagai side income.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ==================== FINAL CTA ==================== -->
<section class="final-cta">
  <div class="wrapper fade-up">
    <h2>Siap Bikin Landing Page<br>yang Benar-Benar Jualan?</h2>
    <p class="final-sub">Di era AI, yang menang bukan yang paling jago coding — tapi yang tahu cara memanfaatkan AI untuk closing. LandingBooster = shortcut kamu ke sana.</p>
    <a href="#pricing-anchor" class="cta-primary" style="display:inline-flex; text-decoration:none;">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
      <span class="cta-label">
        <span class="cta-head">Pre Order Sekarang</span>
        <span class="cta-sub">Dapatkan Bonus Premium - Buy 1 Get 1</span>
      </span>
    </a>
    <p class="text-xs" style="color:#A5B4FC; margin-top:14px;">Diskon 50% terbatas &bull; Garansi 7 hari &bull; Akses lifetime</p>
  </div>
</section>

<!-- ==================== FOOTER ==================== -->
<footer class="footer">
  <div class="wrapper">
    <p>&copy; 2026 LandingBooster. All rights reserved.</p>
    <p style="margin-top:6px;">Dibuat dengan
      <svg width="14" height="14" viewBox="0 0 24 24" fill="#EF4444" style="display:inline; vertical-align:-2px;"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
      untuk para pengusaha digital Indonesia
    </p>
  </div>
</footer>

<!-- ==================== SCROLL TO TOP ==================== -->
<button class="scroll-top-btn" id="scrollTopBtn" onclick="window.scrollTo({top:0,behavior:'smooth'})" aria-label="Scroll to top">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
</button>

<!-- ==================== WHATSAPP FLOATING BUTTON ==================== -->
<a class="wa-float" href="https://chat.whatsapp.com/BZcFLrJqtHa3I4aQqeWXi6?mode=gi_t" target="_blank" rel="noopener noreferrer" aria-label="Gabung Grup Komunitas WhatsApp">
  <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
    <path d="M20.52 3.49A11.89 11.89 0 0 0 12.05 0C5.45 0 .1 5.35.1 11.95c0 2.1.55 4.15 1.6 5.96L0 24l6.23-1.64a11.9 11.9 0 0 0 5.72 1.46h.01c6.6 0 11.95-5.35 11.95-11.95 0-3.19-1.24-6.19-3.39-8.38ZM12 21.8h-.01a9.9 9.9 0 0 1-5.06-1.39l-.36-.22-3.7.98.99-3.6-.23-.37A9.9 9.9 0 0 1 2.1 11.95C2.1 6.45 6.56 1.99 12.05 1.99c2.64 0 5.12 1.03 6.98 2.88a9.82 9.82 0 0 1 2.89 6.98c0 5.5-4.46 9.95-9.92 9.95Zm5.75-7.46c-.31-.16-1.83-.9-2.12-1s-.49-.16-.69.16-.79 1-.97 1.21-.36.24-.67.08a8.11 8.11 0 0 1-2.39-1.47 8.93 8.93 0 0 1-1.65-2.05c-.17-.31 0-.48.13-.64.14-.13.31-.36.46-.54.16-.18.21-.31.31-.52.1-.21.05-.39-.03-.55-.08-.16-.69-1.67-.95-2.28-.25-.61-.5-.52-.69-.53h-.59c-.21 0-.55.08-.84.39-.29.31-1.1 1.07-1.1 2.62s1.12 3.05 1.28 3.26c.16.21 2.2 3.36 5.33 4.71.75.32 1.33.51 1.78.65.75.24 1.43.21 1.97.13.6-.09 1.83-.75 2.09-1.47.26-.72.26-1.33.18-1.47-.08-.13-.28-.21-.59-.36Z"/>
  </svg>
  <span>Gabung Grup Komunitas</span>
</a>

<!-- ==================== LOOP TOAST ==================== -->
<div class="lp-toast" id="lpToast" aria-live="polite" aria-atomic="true">
  <span class="lp-toast-icon" aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
  <span class="lp-toast-text">
    <span class="lp-toast-title">Lp ini dibuat dengan metode LandingBooster</span>
    <small>- tanpa coding manual &amp; tanpa tool berbayar</small>
  </span>
</div>

<!-- ==================== TOAST ==================== -->
<div id="toast" style="
  position: fixed; bottom: 100px; left: 50%; transform: translateX(-50%) translateY(20px);
  background: #1E293B; color: #fff; padding: 12px 24px; border-radius: 12px;
  font-size: 0.88rem; font-weight: 600; opacity: 0; transition: all 0.3s ease;
  pointer-events: none; z-index: 9999; white-space: nowrap;
  box-shadow: 0 8px 30px rgba(0,0,0,0.2);
"></div>

<script>
// ===== FAQ TOGGLE =====
function toggleFaq(el) {
  const item = el.parentElement;
  const isOpen = item.classList.contains('open');
  // Close all
  document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));
  // Toggle clicked
  if (!isOpen) item.classList.add('open');
}

// ===== SCROLL TO CTA =====
function scrollToCta() {
  document.getElementById('pricing-anchor').scrollIntoView({ behavior: 'smooth', block: 'start' });
}

// ===== TOAST =====
function showToast(msg) {
  const t = document.getElementById('toast');
  t.textContent = msg;
  t.style.opacity = '1';
  t.style.transform = 'translateX(-50%) translateY(0)';
  setTimeout(() => {
    t.style.opacity = '0';
    t.style.transform = 'translateX(-50%) translateY(20px)';
  }, 2500);
}

// ===== LOOP TOAST =====
const lpToast = document.getElementById('lpToast');
let lpToastHideTimer = null;
function pulseLpToast() {
  if (!lpToast) return;
  lpToast.classList.add('show');
  if (lpToastHideTimer) window.clearTimeout(lpToastHideTimer);
  lpToastHideTimer = window.setTimeout(() => {
    lpToast.classList.remove('show');
  }, 4000);
}
window.setTimeout(() => {
  pulseLpToast();
  window.setInterval(pulseLpToast, 10000);
}, 600);

// ===== COPY COUPON =====
function copyCoupon(el, code) {
  navigator.clipboard.writeText(code).then(() => {
    el.classList.add('copied');
    const feedback = el.parentElement.querySelector('.coupon-feedback');
    feedback.classList.add('show');
    setTimeout(() => {
      el.classList.remove('copied');
      feedback.classList.remove('show');
    }, 2000);
  }).catch(() => {
    // Fallback for older browsers
    const ta = document.createElement('textarea');
    ta.value = code;
    ta.style.position = 'fixed';
    ta.style.left = '-9999px';
    document.body.appendChild(ta);
    ta.select();
    document.execCommand('copy');
    document.body.removeChild(ta);
    el.classList.add('copied');
    const feedback = el.parentElement.querySelector('.coupon-feedback');
    feedback.classList.add('show');
    setTimeout(() => {
      el.classList.remove('copied');
      feedback.classList.remove('show');
    }, 2000);
  });
}

// ===== FADE-UP ON SCROLL =====
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('visible');
      observer.unobserve(entry.target);
    }
  });
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });

document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));

// ===== SCROLL UI =====
const scrollTopBtn = document.getElementById('scrollTopBtn');

window.addEventListener('scroll', () => {
  const scrollY = window.scrollY;
  const docHeight = document.documentElement.scrollHeight - window.innerHeight;
  const scrollPercent = window.scrollY / (document.documentElement.scrollHeight - window.innerHeight || 1);

  // Show/hide scroll-to-top button after 30% scroll
  if (scrollPercent >= 0.3) {
    scrollTopBtn.classList.add('visible');
  } else {
    scrollTopBtn.classList.remove('visible');
  }

  // Hide scroll-to-top when near bottom
  if (scrollY > docHeight - 200) {
    scrollTopBtn.classList.remove('visible');
  }
}, { passive: true });
</script>

</body>
</html>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-950988e e-flex e-con-boxed e-con e-parent" data-id="950988e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9e1dcfc elementor-widget elementor-widget-html" data-id="9e1dcfc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- PopSignal Widget | 30.1 KB -->
<script>
(function(w,d){
    var payloadBase64 = 'eyJjb25maWciOnsicG9wdXAiOnsiZW5hYmxlZCI6dHJ1ZSwicG9zIjoiYm90dG9tLWxlZnQiLCJjbG9zZUJ0biI6dHJ1ZSwiYmFkZ2UiOnRydWUsImRlbGF5IjoxLCJpbnRlcnZhbCI6MiwiYXV0b0Nsb3NlIjozfSwiYmFyIjp7ImVuYWJsZWQiOnRydWUsIm1vZGUiOiJjb3VudGRvd24iLCJ0ZXh0IjoiRGVtbyBCb251cyBQb3BVcCBTaWduYWwiLCJjdGFMYWJlbCI6IktsYWltIFNla2FyYW5nIiwiY3RhVXJsIjoiaHR0cHM6Ly9ha3Nlbi5pbi9mb3JtcGF5IiwiZXZlcmdyZWVuIjoxNSwiY291cG9uIjoiUFJPTU8zMCIsInBvcyI6InRvcCIsImRpc21pc3MiOnRydWUsInRyaWdnZXIiOiJ0aW1lIiwidHJpZ2dlclZhbCI6MH0sImRlc2lnbiI6eyJiZyI6IiNmZmZmZmYiLCJ0ZXh0IjoiIzFlMjkzYiIsImFjY2VudCI6IiMwNGE5NGMiLCJyYWRpdXMiOjd9LCJ0YXJnZXQiOnsiZGV2aWNlIjoiYWxsIiwiaW5jbHVkZSI6IiIsImV4Y2x1ZGUiOiIifX0sImRhdGEiOlt7ImlkIjoxNzgwOTgwMTUzOTU4LCJuYW1lIjoiRGVuaSIsImxvY2F0aW9uIjoiTWVkYW4iLCJwcm9kdWN0IjoiRm9ybXBheSIsImFjdGlvblR5cGUiOiJidXkiLCJ0aW1lTGFiZWwiOiIyMyBtZW5pdCBsYWx1In0seyJpZCI6MTc4MDk4MDE1Mzk1OSwibmFtZSI6IkFuZGkiLCJsb2NhdGlvbiI6IllvZ3lha2FydGEiLCJwcm9kdWN0IjoiRm9ybXBheSIsImFjdGlvblR5cGUiOiJidXkiLCJ0aW1lTGFiZWwiOiIyOSBtZW5pdCBsYWx1In0seyJpZCI6MTc4MDk4MDE1Mzk2MCwibmFtZSI6IkFuZGkiLCJsb2NhdGlvbiI6IlNlbWFyYW5nIiwicHJvZHVjdCI6IkZvcm1wYXkiLCJhY3Rpb25UeXBlIjoiYnV5IiwidGltZUxhYmVsIjoiMzAgbWVuaXQgbGFsdSJ9LHsiaWQiOjE3ODA5ODAxNTM5NjEsIm5hbWUiOiJTYXJpIiwibG9jYXRpb24iOiJKYWthcnRhIiwicHJvZHVjdCI6IkZvcm1wYXkiLCJhY3Rpb25UeXBlIjoiYnV5IiwidGltZUxhYmVsIjoiMTUgbWVuaXQgbGFsdSJ9LHsiaWQiOjE3ODA5ODAxNTM5NjUsIm5hbWUiOiJNYXlhIiwibG9jYXRpb24iOiJZb2d5YWthcnRhIiwicHJvZHVjdCI6IkZvcm1wYXkiLCJhY3Rpb25UeXBlIjoiYnV5IiwidGltZUxhYmVsIjoiNiBtZW5pdCBsYWx1In0seyJpZCI6MTc4MDk4MDE1Mzk2NiwibmFtZSI6Ik1heWEiLCJsb2NhdGlvbiI6IlNlbWFyYW5nIiwicHJvZHVjdCI6IkZvcm1wYXkiLCJhY3Rpb25UeXBlIjoiYnV5IiwidGltZUxhYmVsIjoiMTAgbWVuaXQgbGFsdSJ9LHsiaWQiOjE3ODA5ODAxNTM5NjcsIm5hbWUiOiJSaXpraSIsImxvY2F0aW9uIjoiQmFsaSIsInByb2R1Y3QiOiJGb3JtcGF5IiwiYWN0aW9uVHlwZSI6ImJ1eSIsInRpbWVMYWJlbCI6IjU0IG1lbml0IGxhbHUifSx7ImlkIjoxNzgwOTgwMTUzOTY4LCJuYW1lIjoiQXl1IiwibG9jYXRpb24iOiJTZW1hcmFuZyIsInByb2R1Y3QiOiJGb3JtcGF5IiwiYWN0aW9uVHlwZSI6ImJ1eSIsInRpbWVMYWJlbCI6IjYgbWVuaXQgbGFsdSJ9LHsiaWQiOjE3ODA5ODAxNTM5NjksIm5hbWUiOiJKb2tvIiwibG9jYXRpb24iOiJNZWRhbiIsInByb2R1Y3QiOiJGb3JtcGF5IiwiYWN0aW9uVHlwZSI6ImJ1eSIsInRpbWVMYWJlbCI6IjU3IG1lbml0IGxhbHUifV19';
    var GLOBAL_KEY = '__PopSignalEmbed__';

    function getGlobalState() {
        if(!w[GLOBAL_KEY]) w[GLOBAL_KEY] = {};
        return w[GLOBAL_KEY];
    }

    function log() {
        try {
            if(w.console && console.log) console.log.apply(console, arguments);
        } catch(_) {}
    }

    function logError(prefix, error) {
        try {
            if(w.console && console.error) console.error(prefix, error);
        } catch(_) {}
    }

    function decodePayload() {
        try {
            if(typeof w.atob !== 'function') return { config: {}, data: [] };
            var raw = w.atob(payloadBase64);
            var encoded = '';
            for(var i = 0; i < raw.length; i += 1) {
                var hex = raw.charCodeAt(i).toString(16).toUpperCase();
                if(hex.length < 2) hex = '0' + hex;
                encoded += '%' + hex;
            }
            return JSON.parse(decodeURIComponent(encoded));
        } catch(error) {
            logError('[PopSignal] Payload Decode Failed', error);
            return { config: {}, data: [] };
        }
    }

    function normalizeText(value, fallback) {
        var s = String(value == null ? '' : value).replace(/\s+/g, ' ').trim();
        return s ? s : String(fallback == null ? '' : fallback);
    }

    function splitUrlPatterns(value) {
        return String(value == null ? '' : value)
            .split(',')
            .map(function(item) { return normalizeText(item, ''); })
            .filter(Boolean);
    }

    function normalizePathname(pathname) {
        var path = normalizeText(pathname, '/');
        if(path.charAt(0) !== '/') path = '/' + path;
        path = path.replace(/\/+/g, '/');
        if(path.length > 1 && path.charAt(path.length - 1) === '/') path = path.slice(0, -1);
        return path || '/';
    }

    function parseUrlCandidate(rawValue, fallbackOrigin) {
        var raw = normalizeText(rawValue, '');
        if(!raw) return null;
        var baseOrigin = normalizeText(fallbackOrigin, w.location.origin);
        var normalizedBase = baseOrigin.charAt(baseOrigin.length - 1) === '/' ? baseOrigin : baseOrigin + '/';
        try {
            var prepared = raw.indexOf('//') === 0 ? w.location.protocol + raw : raw;
            var url = new URL(prepared, normalizedBase);
            return {
                href: url.href,
                origin: url.origin,
                hostname: String(url.hostname || '').toLowerCase(),
                pathname: normalizePathname(url.pathname || '/'),
                search: url.search || ''
            };
        } catch(_) {
            return null;
        }
    }

    function matchesUrl(rawUrl, patternInput) {
        var patterns = Object.prototype.toString.call(patternInput) === '[object Array]' ? patternInput : splitUrlPatterns(patternInput);
        if(!patterns.length) return false;
        var current = parseUrlCandidate(rawUrl, w.location.origin);
        if(!current) return false;
        return patterns.some(function(pattern) {
            var rawPattern = normalizeText(pattern, '');
            if(!rawPattern) return false;
            var isAbsolutePattern = /^(https?:)?\/\//i.test(rawPattern);
            var looksHostPattern = rawPattern.charAt(0) !== '/' && rawPattern.indexOf('.') >= 0;
            if(isAbsolutePattern || looksHostPattern) {
                var preparedPattern = isAbsolutePattern ? rawPattern : 'https://' + rawPattern;
                var target = parseUrlCandidate(preparedPattern, current.origin);
                if(!target) return false;
                if(target.hostname && target.hostname !== current.hostname) return false;
                var pathMatches = target.pathname === '/' ? true : current.pathname === target.pathname || current.pathname.indexOf(target.pathname + '/') === 0;
                if(!pathMatches) return false;
                if(rawPattern.indexOf('?') >= 0 && current.search !== target.search) return false;
                return true;
            }
            var normalizedPattern = normalizePathname(rawPattern);
            return current.pathname === normalizedPattern || current.pathname.indexOf(normalizedPattern + '/') === 0;
        });
    }

    function sanitizeUrl(url) {
        var s = normalizeText(url, '#');
        var lower = s.toLowerCase();
        if(lower === '#') return '#';
        if(lower.indexOf('/') === 0 || lower.indexOf('http://') === 0 || lower.indexOf('https://') === 0 || lower.indexOf('mailto:') === 0 || lower.indexOf('tel:') === 0) return s;
        return '#';
    }

    function removeNode(node) {
        if(node && node.parentNode) node.parentNode.removeChild(node);
    }

    function hasRenderedRoots() {
        return !!d.getElementById('ps-popupsignal-root') || !!d.getElementById('ps-stickysignal-root');
    }

    function runWhenBodyReady(fn) {
        if(d.body) {
            fn();
            return;
        }
        var attempts = 0;
        (function waitForBody() {
            if(d.body) {
                fn();
                return;
            }
            attempts += 1;
            if(attempts < 120) w.setTimeout(waitForBody, 50);
        })();
    }

    function copyText(text, done) {
        var t = String(text || '');
        var finish = function(result) {
            if(typeof done === 'function') done(!!result);
        };
        try {
            if(navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(t).then(function() {
                    finish(true);
                }).catch(function() {
                    finish(false);
                });
                return;
            }
        } catch(_) {}
        try {
            var ta = d.createElement('textarea');
            ta.value = t;
            ta.style.position = 'fixed';
            ta.style.top = '0';
            ta.style.left = '-999999px';
            d.body.appendChild(ta);
            ta.focus();
            ta.select();
            var ok = d.execCommand('copy');
            removeNode(ta);
            finish(ok);
        } catch(_) {
            finish(false);
        }
    }

    function pad2(value) {
        var str = String(value);
        return str.length < 2 ? '0' + str : str;
    }

    function getActionText(type) {
        var map = {
            buy: 'baru saja membeli',
            signup: 'mendaftar untuk',
            download: 'mengunduh',
            upgrade: 'upgrade ke',
            testimonial: 'memberi rating'
        };
        return map[type] || 'berinteraksi dengan';
    }

    function scheduleInit() {
        runWhenBodyReady(initWidget);
        w.setTimeout(function() { runWhenBodyReady(initWidget); }, 250);
        w.setTimeout(function() { runWhenBodyReady(initWidget); }, 1200);
    }

    function initWidget() {
        var globalState = getGlobalState();
        if(globalState.loading) return;
        if(globalState.loaded && hasRenderedRoots()) return;
        globalState.loading = true;

        try {
            var state = decodePayload();
            var cfg = state && state.config ? state.config : {};
            var data = state && Object.prototype.toString.call(state.data) === '[object Array]' ? state.data : [];

            cfg.popup = cfg.popup || {};
            cfg.bar = cfg.bar || {};
            cfg.design = cfg.design || {};
            cfg.target = cfg.target || {};

            if(typeof cfg.popup.enabled === 'undefined') cfg.popup.enabled = true;
            if(typeof cfg.popup.pos === 'undefined') cfg.popup.pos = 'bottom-left';
            if(typeof cfg.popup.closeBtn === 'undefined') cfg.popup.closeBtn = true;
            if(typeof cfg.popup.badge === 'undefined') cfg.popup.badge = true;
            if(typeof cfg.popup.delay === 'undefined') cfg.popup.delay = 3;
            if(typeof cfg.popup.interval === 'undefined') cfg.popup.interval = 8;
            if(typeof cfg.popup.autoClose === 'undefined') cfg.popup.autoClose = 5;

            if(typeof cfg.bar.enabled === 'undefined') cfg.bar.enabled = false;
            if(typeof cfg.bar.mode === 'undefined') cfg.bar.mode = 'promo';
            if(typeof cfg.bar.text === 'undefined') cfg.bar.text = '';
            if(typeof cfg.bar.ctaLabel === 'undefined') cfg.bar.ctaLabel = '';
            if(typeof cfg.bar.ctaUrl === 'undefined') cfg.bar.ctaUrl = '#';
            if(typeof cfg.bar.evergreen === 'undefined') cfg.bar.evergreen = 15;
            if(typeof cfg.bar.coupon === 'undefined') cfg.bar.coupon = '';
            if(typeof cfg.bar.pos === 'undefined') cfg.bar.pos = 'top';
            if(typeof cfg.bar.dismiss === 'undefined') cfg.bar.dismiss = true;
            if(typeof cfg.bar.trigger === 'undefined') cfg.bar.trigger = 'time';
            if(typeof cfg.bar.triggerVal === 'undefined') cfg.bar.triggerVal = 0;

            if(typeof cfg.design.bg === 'undefined') cfg.design.bg = '#ffffff';
            if(typeof cfg.design.text === 'undefined') cfg.design.text = '#1e293b';
            if(typeof cfg.design.accent === 'undefined') cfg.design.accent = '#3b82f6';
            if(typeof cfg.design.radius === 'undefined') cfg.design.radius = 12;

            if(typeof cfg.target.device === 'undefined') cfg.target.device = 'all';
            if(typeof cfg.target.include === 'undefined') cfg.target.include = '';
            if(typeof cfg.target.exclude === 'undefined') cfg.target.exclude = '';

            log('[PopSignal] Started');
            log('[PopSignal] Popup Enabled:', !!cfg.popup.enabled);
            log('[PopSignal] Bar Enabled:', !!cfg.bar.enabled);

            if(cfg.target.device === 'desktop' && w.innerWidth <= 768) {
                globalState.loading = false;
                globalState.loaded = false;
                return;
            }
            if(cfg.target.device === 'mobile' && w.innerWidth > 768) {
                globalState.loading = false;
                globalState.loaded = false;
                return;
            }

            var currentUrl = w.location.href;
            var includePatterns = splitUrlPatterns(cfg.target.include);
            var excludePatterns = splitUrlPatterns(cfg.target.exclude);
            if(includePatterns.length > 0 && !matchesUrl(currentUrl, includePatterns)) {
                globalState.loading = false;
                globalState.loaded = false;
                return;
            }
            if(excludePatterns.length > 0 && matchesUrl(currentUrl, excludePatterns)) {
                globalState.loading = false;
                globalState.loaded = false;
                return;
            }

            if(typeof globalState.cleanup === 'function') {
                try { globalState.cleanup(); } catch(_) {}
            }

            var timeouts = [];
            var safeTimeout = function(fn, ms) {
                var id = w.setTimeout(function() {
                    try {
                        fn();
                    } finally {
                        var idx = timeouts.indexOf(id);
                        if(idx >= 0) timeouts.splice(idx, 1);
                    }
                }, ms);
                timeouts.push(id);
                return id;
            };
            var safeClearAll = function() {
                while(timeouts.length) {
                    try { clearTimeout(timeouts.pop()); } catch(_) {}
                }
            };
            var cleanupPopup = function() {
                removeNode(d.getElementById('ps-popupsignal-root'));
            };
            var cleanupBar = function() {
                removeNode(d.getElementById('ps-stickysignal-root'));
            };
            var cleanupAll = function() {
                safeClearAll();
                try {
                    if(typeof globalState.barScrollCleanup === 'function') globalState.barScrollCleanup();
                } catch(_) {}
                globalState.barScrollCleanup = null;
                cleanupPopup();
                cleanupBar();
                globalState.loaded = false;
                globalState.loading = false;
                try { w.PopSignalLoaded = false; } catch(_) {}
            };

            globalState.cleanup = cleanupAll;
            globalState.barScrollCleanup = null;

            if(cfg.popup.enabled && data.length > 0) {
                var pRoot = d.createElement('div');
                pRoot.id = 'ps-popupsignal-root';
                pRoot.className = 'ps-embed-mode';

                var popupStyle = d.createElement('style');
                popupStyle.textContent =
                    '#ps-popupsignal-root{position:fixed;z-index:2147483000;pointer-events:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;top:0;left:0;width:100%;height:100%;overflow:hidden;}' +
                    '#ps-popupsignal-root .ps-popup{position:absolute;background:' + String(cfg.design.bg) + ';color:' + String(cfg.design.text) + ';border-radius:' + String(cfg.design.radius) + 'px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);padding:16px;width:320px;max-width:calc(100% - 32px);display:flex;gap:12px;pointer-events:auto;border:1px solid rgba(0,0,0,0.05);transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);}' +
                    '#ps-popupsignal-root .ps-pos-bl{bottom:24px;left:24px;}#ps-popupsignal-root .ps-pos-br{bottom:24px;right:24px;}' +
                    '@media (max-width:480px){#ps-popupsignal-root .ps-popup{width:calc(100% - 32px);left:16px !important;right:auto !important;bottom:16px !important;}}' +
                    '#ps-popupsignal-root .ps-avatar{width:40px;height:40px;border-radius:50%;background:' + String(cfg.design.accent) + '22;color:' + String(cfg.design.accent) + ';display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0;}' +
                    '#ps-popupsignal-root .ps-content{flex:1;font-size:14px;line-height:1.4;}' +
                    '#ps-popupsignal-root .ps-name{font-weight:600;margin-bottom:2px;}#ps-popupsignal-root .ps-desc{opacity:0.9;}' +
                    '#ps-popupsignal-root .ps-meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;opacity:0.7;}' +
                    '#ps-popupsignal-root .ps-badge{background:' + String(cfg.design.accent) + ';color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;}' +
                    '#ps-popupsignal-root .ps-close{position:absolute;top:8px;right:8px;width:20px;height:20px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0.4;transition:opacity 0.2s;color:inherit;}' +
                    '#ps-popupsignal-root .ps-close:hover{opacity:1;}';
                pRoot.appendChild(popupStyle);
                d.body.appendChild(pRoot);

                var currentIndex = 0;
                var stopped = false;
                var showPopup = function() {
                    if(stopped || !d.body.contains(pRoot)) return;
                    var existing = pRoot.querySelector('.ps-popup');
                    if(existing) removeNode(existing);

                    var item = data[currentIndex] || {};
                    var name = String(item.name || 'User');
                    var location = String(item.location || '');
                    var product = String(item.product || 'Produk');
                    var timeLabel = String(item.timeLabel || 'Baru saja');
                    var initial = (name.charAt(0) || '?').toUpperCase();

                    var el = d.createElement('div');
                    el.className = 'ps-popup ' + (cfg.popup.pos === 'bottom-left' ? 'ps-pos-bl' : 'ps-pos-br');
                    el.style.opacity = '0';
                    el.style.transform = 'translateY(20px)';

                    if(cfg.popup.closeBtn) {
                        var btn = d.createElement('button');
                        btn.className = 'ps-close';
                        btn.type = 'button';
                        btn.textContent = '✕';
                        btn.addEventListener('click', function() {
                            stopped = true;
                            safeClearAll();
                            cleanupPopup();
                        });
                        el.appendChild(btn);
                    }

                    var avatar = d.createElement('div');
                    avatar.className = 'ps-avatar';
                    avatar.textContent = initial;
                    el.appendChild(avatar);

                    var content = d.createElement('div');
                    content.className = 'ps-content';

                    var nameRow = d.createElement('div');
                    nameRow.className = 'ps-name';
                    nameRow.appendChild(d.createTextNode(name + ' '));
                    if(location) {
                        var locSpan = d.createElement('span');
                        locSpan.style.fontWeight = 'normal';
                        locSpan.style.opacity = '0.8';
                        locSpan.textContent = 'dari ' + location;
                        nameRow.appendChild(locSpan);
                    }
                    content.appendChild(nameRow);

                    var desc = d.createElement('div');
                    desc.className = 'ps-desc';
                    desc.appendChild(d.createTextNode(getActionText(item.actionType) + ' '));
                    var strong = d.createElement('b');
                    strong.textContent = product;
                    desc.appendChild(strong);
                    content.appendChild(desc);

                    var meta = d.createElement('div');
                    meta.className = 'ps-meta';
                    if(cfg.popup.badge) {
                        var badge = d.createElement('span');
                        badge.className = 'ps-badge';
                        badge.textContent = 'Baru';
                        meta.appendChild(badge);
                    }
                    var timeSpan = d.createElement('span');
                    timeSpan.textContent = timeLabel;
                    meta.appendChild(timeSpan);
                    content.appendChild(meta);

                    el.appendChild(content);
                    pRoot.appendChild(el);

                    safeTimeout(function() {
                        el.style.opacity = '1';
                        el.style.transform = 'translateY(0)';
                    }, 50);

                    safeTimeout(function() {
                        if(d.body.contains(el)) {
                            el.style.opacity = '0';
                            el.style.transform = 'translateY(20px)';
                            safeTimeout(function() {
                                removeNode(el);
                            }, 500);
                        }
                    }, Math.max(1, Number(cfg.popup.autoClose) || 0) * 1000);

                    currentIndex = (currentIndex + 1) % data.length;
                    safeTimeout(showPopup, (Math.max(1, Number(cfg.popup.autoClose) || 0) + Math.max(0, Number(cfg.popup.interval) || 0)) * 1000);
                };

                safeTimeout(showPopup, Math.max(0, Number(cfg.popup.delay) || 0) * 1000);
            }

            if(cfg.bar.enabled) {
                var isDismissed = false;
                try { isDismissed = sessionStorage.getItem('ps_bar_dismissed'); } catch(_) {}
                if(!isDismissed) {
                    var bRoot = d.createElement('div');
                    bRoot.id = 'ps-stickysignal-root';
                    bRoot.className = 'ps-embed-mode ' + (cfg.bar.pos === 'top' ? 'ps-bar-top' : 'ps-bar-bottom');

                    var barStyle = d.createElement('style');
                    barStyle.textContent =
                        '#ps-stickysignal-root{position:fixed;z-index:2147482999;left:0;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;transition:transform 0.4s ease;display:none;}' +
                        '#ps-stickysignal-root.ps-bar-top{top:0;}#ps-stickysignal-root.ps-bar-bottom{bottom:0;}' +
                        '#ps-stickysignal-root .ps-bar{background:' + String(cfg.design.bg) + ';color:' + String(cfg.design.text) + ';padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 2px 10px rgba(0,0,0,0.1);font-size:14px;position:relative;border-' + (cfg.bar.pos === 'top' ? 'bottom' : 'top') + ':2px solid ' + String(cfg.design.accent) + ';}' +
                        '@media (max-width:480px){#ps-stickysignal-root .ps-bar{flex-direction:column;gap:8px;padding:12px;text-align:center;}}' +
                        '#ps-stickysignal-root .ps-bar-btn{background:' + String(cfg.design.accent) + ';color:#fff;text-decoration:none;padding:6px 14px;border-radius:' + String(cfg.design.radius) + 'px;font-weight:600;font-size:13px;white-space:nowrap;transition:opacity 0.2s;}' +
                        '#ps-stickysignal-root .ps-bar-btn:hover{opacity:0.9;}' +
                        '#ps-stickysignal-root .ps-coupon-box{background:rgba(0,0,0,0.05);border:1px dashed currentColor;padding:4px 12px;border-radius:4px;font-family:monospace;font-weight:bold;cursor:pointer;user-select:all;transition:all 0.2s;}' +
                        '#ps-stickysignal-root .ps-coupon-box:hover{background:rgba(0,0,0,0.1);}' +
                        '#ps-stickysignal-root .ps-bar-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:18px;cursor:pointer;opacity:0.5;color:inherit;padding:4px;}' +
                        '@media (max-width:480px){#ps-stickysignal-root .ps-bar-close{top:8px;right:8px;transform:none;}}';
                    bRoot.appendChild(barStyle);

                    var bar = d.createElement('div');
                    bar.className = 'ps-bar';

                    var textSpan = d.createElement('span');
                    textSpan.textContent = String(cfg.bar.text || '');
                    bar.appendChild(textSpan);

                    var timerEl = null;
                    if(cfg.bar.mode === 'countdown') {
                        timerEl = d.createElement('b');
                        timerEl.className = 'ps-timer';
                        timerEl.textContent = '--:--';
                        textSpan.appendChild(d.createTextNode(' '));
                        textSpan.appendChild(timerEl);
                    }

                    if(cfg.bar.mode === 'coupon') {
                        var couponBox = d.createElement('div');
                        couponBox.className = 'ps-coupon-box';
                        couponBox.textContent = String(cfg.bar.coupon || '');
                        couponBox.addEventListener('click', function() {
                            var code = String(cfg.bar.coupon || '');
                            copyText(code, function(ok) {
                                if(!ok) return;
                                var original = couponBox.textContent;
                                couponBox.textContent = 'Tersalin!';
                                w.setTimeout(function() {
                                    couponBox.textContent = original;
                                }, 1500);
                            });
                        });
                        bar.appendChild(couponBox);
                    }

                    if((cfg.bar.mode === 'promo' || cfg.bar.mode === 'countdown') && cfg.bar.ctaLabel) {
                        var link = d.createElement('a');
                        link.className = 'ps-bar-btn';
                        link.textContent = String(cfg.bar.ctaLabel || '');
                        link.href = sanitizeUrl(cfg.bar.ctaUrl);
                        bar.appendChild(link);
                    }

                    if(cfg.bar.dismiss) {
                        var closeBtn = d.createElement('button');
                        closeBtn.className = 'ps-bar-close';
                        closeBtn.type = 'button';
                        closeBtn.textContent = '✕';
                        closeBtn.addEventListener('click', function() {
                            cleanupBar();
                            try { sessionStorage.setItem('ps_bar_dismissed', '1'); } catch(_) {}
                        });
                        bar.appendChild(closeBtn);
                    }

                    bRoot.appendChild(bar);
                    d.body.appendChild(bRoot);

                    var showBar = function() {
                        bRoot.style.display = 'block';
                    };
                    var scrollHandler = null;

                    if(cfg.bar.trigger === 'time') {
                        safeTimeout(showBar, Math.max(0, Number(cfg.bar.triggerVal) || 0) * 1000);
                    } else if(cfg.bar.trigger === 'scroll') {
                        scrollHandler = function() {
                            if(!d.body.contains(bRoot)) {
                                try { w.removeEventListener('scroll', scrollHandler); } catch(_) {}
                                scrollHandler = null;
                                return;
                            }
                            var maxScrollable = Math.max(0, d.documentElement.scrollHeight - w.innerHeight);
                            if(maxScrollable <= 0) {
                                showBar();
                                try { w.removeEventListener('scroll', scrollHandler); } catch(_) {}
                                scrollHandler = null;
                                return;
                            }
                            var scrolled = (w.scrollY / maxScrollable) * 100;
                            if(scrolled >= (Number(cfg.bar.triggerVal) || 0)) {
                                showBar();
                                try { w.removeEventListener('scroll', scrollHandler); } catch(_) {}
                                scrollHandler = null;
                            }
                        };
                        globalState.barScrollCleanup = function() {
                            if(scrollHandler) {
                                try { w.removeEventListener('scroll', scrollHandler); } catch(_) {}
                                scrollHandler = null;
                            }
                        };
                        try {
                            w.addEventListener('scroll', scrollHandler, { passive: true });
                        } catch(_) {
                            w.addEventListener('scroll', scrollHandler);
                        }
                        scrollHandler();
                    }

                    if(cfg.bar.mode === 'countdown') {
                        var end;
                        try { end = sessionStorage.getItem('ps_timer_end'); } catch(_) {}
                        if(!end) {
                            end = Date.now() + ((Number(cfg.bar.evergreen) || 0) * 60 * 1000);
                            try { sessionStorage.setItem('ps_timer_end', end); } catch(_) {}
                        }
                        var updateTimer = function() {
                            if(!d.body.contains(bRoot)) return;
                            var diff = Math.max(0, parseInt(end, 10) - Date.now());
                            var minutes = Math.floor(diff / 60000);
                            var seconds = Math.floor((diff % 60000) / 1000);
                            if(timerEl) timerEl.textContent = pad2(minutes) + ':' + pad2(seconds);
                            if(diff > 0) safeTimeout(updateTimer, 1000);
                        };
                        updateTimer();
                    }
                }
            }

            globalState.loaded = hasRenderedRoots() || (!cfg.popup.enabled && !cfg.bar.enabled);
            globalState.loading = false;
            try { w.PopSignalLoaded = globalState.loaded; } catch(_) {}
            log('[PopSignal] Widget Loaded');
        } catch(error) {
            globalState.loading = false;
            globalState.loaded = false;
            try { w.PopSignalLoaded = false; } catch(_) {}
            logError('[PopSignal] Init Failed', error);
        }
    }

    if(d.readyState === 'loading') {
        d.addEventListener('DOMContentLoaded', scheduleInit);
        scheduleInit();
    } else {
        scheduleInit();
    }
})(window, document);
</script>
<!-- End PopSignal -->				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://adysheva.com/page/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Demo</title>
		<link>https://adysheva.com/demo/</link>
					<comments>https://adysheva.com/demo/#respond</comments>
		
		<dc:creator><![CDATA[me@adysheva.com]]></dc:creator>
		<pubDate>Mon, 10 Mar 2025 04:00:34 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://adysheva.com/?p=17914</guid>

					<description><![CDATA[Join WhatsApp]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="17914" class="elementor elementor-17914">
				<div class="elementor-element elementor-element-778410d e-flex e-con-boxed e-con e-parent" data-id="778410d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1d7456b elementor-widget elementor-widget-spacer" data-id="1d7456b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-985ef5f e-flex e-con-boxed e-con e-parent" data-id="985ef5f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-abb6bb4 elementor-widget elementor-widget-html" data-id="abb6bb4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- Wrapper khusus agar gaya tidak mengganggu elemen lain -->
<div id="wa-join-box">
  <div class="wa-card">
    <h2 class="wa-title">Gabung Komunitas <span>Meta ADS Insider</span></h2>
    <p class="wa-sub">Dapatkan update strategi, studi kasus, dan template siap pakai langsung di WhatsApp.</p>

    <a id="btn-join-wa" class="wa-btn" href="#" rel="noopener" target="_blank" aria-label="Gabung via WhatsApp">
      <span class="wa-ico" aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
      Gabung via WhatsApp
    </a>

    <p class="wa-note">Tips: setelah terbuka, ketik <strong>JOIN</strong> untuk menerima link & materi pembuka.</p>
  </div>
</div>

<style>
  /* ===== Scoped styles (hanya berlaku di dalam #wa-join-box) ===== */
  #wa-join-box{max-width:640px;margin:28px auto;padding:0 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
  #wa-join-box .wa-card{
    text-align:center;background:linear-gradient(180deg,#ffffff, #f7fdf9);
    border:1px solid #e8f2ec;border-radius:16px;padding:28px 22px;
    box-shadow:0 10px 28px rgba(16,185,129,.12)
  }
  #wa-join-box .wa-title{font-size:22px;line-height:1.3;margin:0 0 8px;font-weight:800;color:#0f172a}
  #wa-join-box .wa-title span{color:#10b981}
  #wa-join-box .wa-sub{font-size:14px;color:#334155;margin:0 0 18px}
  #wa-join-box .wa-btn{
    display:inline-flex;align-items:center;gap:10px;justify-content:center;
    padding:14px 20px;border-radius:999px;font-weight:800;text-decoration:none;
    background:linear-gradient(90deg,#25D366,#128C7E);color:#fff;box-shadow:0 8px 18px rgba(18,140,126,.28);
    transition:transform .15s ease, box-shadow .15s ease
  }
  #wa-join-box .wa-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(18,140,126,.36)}
  #wa-join-box .wa-ico{font-size:18px}
  #wa-join-box .wa-note{font-size:12px;color:#475569;margin-top:14px}
  @media (max-width:420px){
    #wa-join-box .wa-title{font-size:20px}
    #wa-join-box .wa-sub{font-size:13px}
  }
</style>

<script>
(function(){
  // ====== KONFIGURASI ======
  var PIXEL_ID = '1365492726943489';
  var phone = '628996077712'; // 08996077712 -> format internasional
  var message = 'Halo *Ady Sheva* ... saya mau gabung *Meta ADS Insider*';

  // Bangun link WA
  var waLink = 'https://wa.me/' + phone + '?text=' + encodeURIComponent(message);

  // Pasang link ke tombol
  var btn = document.getElementById('btn-join-wa');
  if (btn){ btn.href = waLink; }

  // Kirim event saat tombol diklik
  function sendClickWA(url){
    if (typeof fbq === 'function'){
      // Tambahkan event_id agar rapi kalau nanti pakai CAPI
      var eid = 'wa_' + Date.now();

      // Standard event (lebih stabil untuk AEM/iOS)
      fbq('track', 'Lead', {
        event_id: eid,
        content_name: 'ClickWA',
        content_category: 'WhatsApp',
        content_ids: ['wa_meta_ads_insider'],
        content_type: 'product',
        value: 0.00,
        currency: 'IDR'
      });

      // Custom event untuk optimasi/retargeting spesifik
      fbq('trackCustom', 'ClickWA', {
        event_id: eid,
        click_destination: 'whatsapp',
        wa_phone: phone,
        wa_url: url,
        page: window.location.href
      });
    }
  }

  if (btn){
    btn.addEventListener('click', function(){
      sendClickWA(waLink);
      // beri jeda singkat agar event terkirim sebelum tab pindah
      setTimeout(function(){}, 200);
    });
  }
})();
</script>
				</div>
				</div>
				<div class="elementor-element elementor-element-f5a74a5 elementor-widget elementor-widget-html" data-id="f5a74a5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- ===== Webhook Form Final Revisi ===== -->
<div id="amf-webhook-form" data-webhook="https://shaleh.dripsender.id:11976/api/integration/3d136dc3-fe90-4c42-b073-27a7e25a87a0">
  <style>
    #amf-webhook-form { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }
    #amf-webhook-form .amf-card {
      max-width: 420px; margin: 24px auto; padding: 20px; border-radius: 16px;
      background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
      box-shadow: 0 8px 24px rgba(0,0,0,.08), inset 0 0 0 1px rgba(0,0,0,.04);
    }
    #amf-webhook-form .amf-grid { display: grid; gap: 12px; }
    #amf-webhook-form .amf-label { font-size: 12px; font-weight: 700; color: #374151; margin-bottom: 6px; display:block; }
    #amf-webhook-form .amf-input {
      width: 100%; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 14px; font-size: 14px;
      background: #fff; outline: none; transition: box-shadow .2s, border-color .2s;
    }
    #amf-webhook-form .amf-input:focus { border-color: #10b981; box-shadow: 0 0 0 4px rgba(16,185,129,.12); }
    #amf-webhook-form .amf-hint { font-size: 11px; color: #6b7280; margin-top: 4px; }
    #amf-webhook-form .amf-btn {
      width: 100%; border: 0; border-radius: 12px; padding: 12px 16px; cursor: pointer;
      font-weight: 800; font-size: 14px; letter-spacing: .3px;
      background: linear-gradient(90deg,#10b981,#059669); color: #fff; transition: transform .04s ease, filter .2s ease;
    }
    #amf-webhook-form .amf-btn:hover { filter: brightness(1.05); }
    #amf-webhook-form .amf-btn:active { transform: translateY(1px); }
    #amf-webhook-form .amf-btn[disabled] { opacity:.7; cursor:not-allowed; }
    #amf-webhook-form .amf-spinner {
      width:16px; height:16px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%;
      display:inline-block; animation: amf-spin 1s linear infinite; margin-left:8px;
    }
    @keyframes amf-spin { to { transform: rotate(360deg); } }
    #amf-webhook-form .amf-toast {
      margin-top: 12px; font-size: 13px; color: #7f1d1d; background: #fef2f2;
      border:1px solid #fecaca; padding:10px 12px; border-radius:10px; display:none;
    }
    #amf-webhook-form .amf-hp { position:absolute; left:-9999px; opacity:0; height:0; width:0; }
  </style>

  <form class="amf-card" novalidate>
    <div class="amf-grid">
      <label class="amf-label" for="amf-name">Nama Lengkap</label>
      <input id="amf-name" name="name" class="amf-input" type="text" placeholder="Isi Nama Kamu" autocomplete="name" required>

      <label class="amf-label" for="amf-phone">Nomor WhatsApp</label>
      <input id="amf-phone" name="phone" class="amf-input" type="tel" inputmode="tel" placeholder="081351xxxxx" required>
      <div class="amf-hint">Note : Pastikan nomor WhatsApp aktif, info akan langsung dikirim ke WhatsApp kamu.</div>

      <input class="amf-hp" type="text" name="website" tabindex="-1" autocomplete="off">

      <button class="amf-btn" type="submit">
        <span>Gabung Sekarang</span><span class="amf-spinner" style="display:none;"></span>
      </button>
      <div class="amf-toast"></div>
    </div>
  </form>

  <script>
    (function () {
      const root = document.getElementById('amf-webhook-form');
      const form = root.querySelector('form');
      const btn = root.querySelector('.amf-btn');
      const spinner = root.querySelector('.amf-spinner');
      const hp = root.querySelector('.amf-hp');
      const toast = root.querySelector('.amf-toast');

      const WEBHOOK = root.dataset.webhook?.trim() ||
        'https://shaleh.dripsender.id:11976/api/integration/3d136dc3-fe90-4c42-b073-27a7e25a87a0';
      const REDIRECT_URL = 'https://adysheva.com/oke';

      function normalizePhone(input) {
        let v = String(input || '').replace(/[^\d+]/g, '');
        if (v.startsWith('+')) v = v.slice(1);
        if (v.startsWith('0')) v = '62' + v.slice(1);
        return v;
      }

      function setLoading(state) {
        if (state) {
          btn.setAttribute('disabled', 'disabled');
          spinner.style.display = 'inline-block';
        } else {
          btn.removeAttribute('disabled');
          spinner.style.display = 'none';
        }
      }

      function showError(msg) {
        if (!toast) return;
        toast.textContent = msg || 'Terjadi kesalahan. Coba lagi.';
        toast.style.display = 'block';
      }
      function hideError() {
        if (!toast) return;
        toast.style.display = 'none';
        toast.textContent = '';
      }

      form.addEventListener('submit', async (e) => {
        e.preventDefault();
        hideError();

        if (hp && hp.value) return;

        const name = root.querySelector('#amf-name')?.value?.trim();
        const phoneRaw = root.querySelector('#amf-phone')?.value?.trim();
        const phone = normalizePhone(phoneRaw);

        if (!name || !phone || !/^\d{9,16}$/.test(phone)) {
          showError('Validasi gagal. Pastikan nama terisi & nomor 9–16 digit setelah dinormalisasi.');
          return;
        }

        const payload = { name: name, phone: phone };

        try {
          setLoading(true);
          const res = await fetch(WEBHOOK, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify(payload),
          });

          if (!res.ok) {
            let detail = '';
            try { detail = await res.text(); } catch {}
            showError('Gagal mengirim. ' + (detail ? ('Detail: ' + detail) : ('Status: ' + res.status)));
            return;
          }

          window.location.href = REDIRECT_URL;
        } catch (e2) {
          showError('Network error: ' + (e2?.message || 'tidak diketahui'));
        } finally {
          setLoading(false);
        }
      });
    })();
  </script>
</div>
<!-- ===== /Webhook Form Final Revisi ===== -->
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://adysheva.com/demo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
