{"id":15402,"date":"2026-03-16T14:29:56","date_gmt":"2026-03-16T07:29:56","guid":{"rendered":"https:\/\/www.winme.id\/page\/?page_id=15402"},"modified":"2026-03-16T15:03:57","modified_gmt":"2026-03-16T08:03:57","slug":"web-jualan-simple","status":"publish","type":"page","link":"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/","title":{"rendered":"Web Jualan Simple"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15402\" class=\"elementor elementor-15402\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84a53c1 e-con-full e-flex e-con e-parent\" data-id=\"84a53c1\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd24051 elementor-widget elementor-widget-html\" data-id=\"fd24051\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Winme \u2013 Web Jualan Simpel & Ngebut<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n  --black: #0f172a;\r\n  --white: #ffffff;\r\n  --cyan: #22d3ee;\r\n  --cyan-dark: #0891b2;\r\n  --blue: #1d4ed8;\r\n  --blue-light: #3b82f6;\r\n  --yellow: #fbbf24;\r\n  --green: #4ade80;\r\n  --gray: #94a3b8;\r\n  --gray-light: #f1f5f9;\r\n  --gray-mid: #e2e8f0;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n  font-family: 'Outfit', sans-serif;\r\n  background: #ffffff;\r\n  color: #0f172a;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero {\r\n  min-height: 100vh;\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n  text-align: center;\r\n  padding: 80px 24px 80px;\r\n  position: relative; overflow: hidden;\r\n}\r\n.hero-bg {\r\n  position: absolute; inset: 0; z-index: 0;\r\n  background: linear-gradient(160deg, #e0f2fe 0%, #f0f9ff 40%, #ffffff 100%);\r\n}\r\n.hero-grid {\r\n  position: absolute; inset: 0; z-index: 0;\r\n  background-image: linear-gradient(rgba(14,165,233,0.07) 1px, transparent 1px),\r\n                    linear-gradient(90deg, rgba(14,165,233,0.07) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n  mask-image: radial-gradient(ellipse at center, black 20%, transparent 75%);\r\n}\r\n.hero-content { position: relative; z-index: 1; max-width: 780px; }\r\n\r\n.hero-badge {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(14,165,233,0.1); border: 1px solid rgba(14,165,233,0.3);\r\n  color: var(--cyan-dark); font-size: 13px; font-weight: 700;\r\n  padding: 6px 16px; border-radius: 100px; margin-bottom: 32px;\r\n  letter-spacing: 0.5px;\r\n}\r\n.hero-badge::before { content: '\u25cf'; font-size: 8px; animation: pulse 1.5s infinite; }\r\n@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.3} }\r\n\r\n.hero h1 {\r\n  font-size: clamp(42px, 7vw, 80px);\r\n  font-weight: 900; line-height: 1.05;\r\n  letter-spacing: -3px;\r\n  margin-bottom: 24px;\r\n  color: #0f172a;\r\n}\r\n.hero h1 .cyan { color: var(--cyan-dark); }\r\n.hero h1 .line2 { display: block; color: rgba(15,23,42,0.45); font-size: 0.7em; font-weight: 700; letter-spacing: -1px; margin-top: 4px; }\r\n\r\n.hero-sub {\r\n  font-size: 20px; font-weight: 500;\r\n  color: rgba(15,23,42,0.55);\r\n  line-height: 1.6; margin-bottom: 40px;\r\n  max-width: 520px; margin-left: auto; margin-right: auto;\r\n}\r\n.hero-sub strong { color: #0f172a; font-weight: 700; }\r\n\r\n.hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 56px; }\r\n.btn-primary {\r\n  background: var(--cyan); color: var(--black);\r\n  border: none; padding: 16px 36px; border-radius: 10px;\r\n  font-size: 17px; font-weight: 800; cursor: pointer;\r\n  font-family: inherit; transition: transform .15s, box-shadow .15s;\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n}\r\n.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(34,211,238,.4); }\r\n.btn-secondary {\r\n  background: rgba(14,165,233,0.08); color: #0f172a;\r\n  border: 1px solid rgba(14,165,233,0.25); padding: 16px 32px; border-radius: 10px;\r\n  font-size: 17px; font-weight: 700; cursor: pointer;\r\n  font-family: inherit; transition: background .15s;\r\n}\r\n.btn-secondary:hover { background: rgba(14,165,233,0.14); }\r\n\r\n.hero-stats {\r\n  display: flex; gap: 40px; justify-content: center;\r\n  flex-wrap: wrap;\r\n}\r\n.stat { text-align: center; }\r\n.stat-num { font-size: 28px; font-weight: 900; color: var(--cyan-dark); }\r\n.stat-label { font-size: 13px; color: rgba(15,23,42,0.45); font-weight: 500; margin-top: 2px; }\r\n\r\n\/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\r\nsection { padding: 96px 24px; }\r\n.container { max-width: 1040px; margin: 0 auto; }\r\n.section-label {\r\n  font-size: 12px; font-weight: 700; letter-spacing: 2.5px;\r\n  text-transform: uppercase; color: var(--cyan-dark);\r\n  margin-bottom: 14px;\r\n}\r\n.section-title {\r\n  font-size: clamp(28px, 4vw, 46px);\r\n  font-weight: 900; line-height: 1.15;\r\n  letter-spacing: -1.5px; margin-bottom: 16px; color: #0f172a;\r\n}\r\n.section-sub {\r\n  font-size: 17px; color: rgba(15,23,42,0.5);\r\n  line-height: 1.7; max-width: 520px;\r\n}\r\n\r\n\/* \u2500\u2500 MASALAH \u2500\u2500 *\/\r\n.problems { background: #f0f9ff; }\r\n.problems-grid {\r\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\r\n  margin-top: 56px;\r\n}\r\n.problem-card {\r\n  background: #ffffff;\r\n  border: 1px solid rgba(14,165,233,0.15);\r\n  border-radius: 16px; padding: 28px;\r\n  transition: border-color .2s; box-shadow: 0 2px 12px rgba(14,165,233,0.06);\r\n}\r\n.problem-card:hover { border-color: rgba(14,165,233,0.4); box-shadow: 0 8px 24px rgba(14,165,233,0.12); }\r\n.problem-emoji { font-size: 32px; margin-bottom: 16px; }\r\n.problem-card h3 { font-size: 17px; font-weight: 800; margin-bottom: 8px; color: #0f172a; }\r\n.problem-card p { font-size: 14px; color: rgba(15,23,42,0.55); line-height: 1.65; }\r\n\r\n\/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\r\n.how { background: #ffffff; }\r\n.steps-row {\r\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;\r\n  margin-top: 60px; position: relative;\r\n}\r\n.steps-row::before {\r\n  content: '';\r\n  position: absolute; top: 28px; left: 17%; right: 17%;\r\n  height: 1px; background: linear-gradient(90deg, transparent, rgba(14,165,233,.3), transparent);\r\n}\r\n.step { text-align: center; padding: 0 16px; }\r\n.step-circle {\r\n  width: 56px; height: 56px; border-radius: 50%;\r\n  background: linear-gradient(135deg, var(--cyan), var(--blue-light));\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 20px; font-weight: 900; color: var(--black);\r\n  margin: 0 auto 20px; position: relative; z-index: 1;\r\n  box-shadow: 0 0 0 8px rgba(34,211,238,0.1);\r\n}\r\n.step h3 { font-size: 18px; font-weight: 800; margin-bottom: 8px; color: #0f172a; }\r\n.step p { font-size: 14px; color: rgba(15,23,42,0.5); line-height: 1.65; }\r\n.step-time {\r\n  display: inline-block; margin-top: 12px;\r\n  background: rgba(14,165,233,0.12); color: var(--cyan-dark);\r\n  font-size: 12px; font-weight: 700; padding: 4px 12px;\r\n  border-radius: 100px; letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u2500\u2500 FITUR \u2500\u2500 *\/\r\n.features { background: #ffffff; }\r\n.features-grid {\r\n  display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;\r\n  margin-top: 56px;\r\n}\r\n.feature-card {\r\n  background: #f8fafc;\r\n  border: 1px solid rgba(14,165,233,0.15);\r\n  border-radius: 16px; padding: 32px;\r\n  transition: all .25s;\r\n}\r\n.feature-card:hover {\r\n  background: #e0f2fe;\r\n  border-color: rgba(14,165,233,0.4);\r\n  transform: translateY(-4px);\r\n}\r\n.feature-card.wide { grid-column: span 2; }\r\n.feature-icon {\r\n  width: 48px; height: 48px; border-radius: 12px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 22px; margin-bottom: 18px;\r\n  background: rgba(14,165,233,0.12);\r\n}\r\n.feature-card h3 { font-size: 19px; font-weight: 800; margin-bottom: 8px; color: #0f172a; }\r\n.feature-card p { font-size: 14.5px; color: rgba(15,23,42,0.55); line-height: 1.7; }\r\n.feature-tag {\r\n  display: inline-block; margin-top: 12px;\r\n  background: rgba(22,163,74,0.1); color: #15803d;\r\n  font-size: 11px; font-weight: 700; padding: 3px 10px;\r\n  border-radius: 100px; letter-spacing: 1px;\r\n}\r\n\r\n\/* \u2500\u2500 MOCK WEB PREVIEW \u2500\u2500 *\/\r\n.preview-section { background: #f0f9ff; }\r\n.preview-wrap {\r\n  margin-top: 56px;\r\n  background: #ffffff;\r\n  border: 1px solid rgba(14,165,233,0.2);\r\n  border-radius: 20px; overflow: hidden; box-shadow: 0 8px 40px rgba(14,165,233,0.1);\r\n}\r\n.preview-bar {\r\n  background: #f1f5f9;\r\n  padding: 14px 20px;\r\n  display: flex; align-items: center; gap: 10px;\r\n  border-bottom: 1px solid rgba(14,165,233,0.15);\r\n}\r\n.preview-dots { display: flex; gap: 6px; }\r\n.preview-dot { width: 11px; height: 11px; border-radius: 50%; }\r\n.preview-dot.r { background: #fc6467; }\r\n.preview-dot.y { background: #fdbc40; }\r\n.preview-dot.g { background: #34c759; }\r\n.preview-url {\r\n  background: #e2e8f0;\r\n  border-radius: 6px; padding: 5px 14px;\r\n  font-size: 12px; color: rgba(15,23,42,0.5);\r\n  flex: 1;\r\n}\r\n.preview-body { padding: 40px 48px; display: flex; gap: 48px; align-items: center; }\r\n.preview-left { flex: 1.2; }\r\n.preview-left h2 { font-size: 32px; font-weight: 900; margin-bottom: 10px; letter-spacing: -1px; color: #0f172a; }\r\n.preview-left p { font-size: 15px; color: rgba(15,23,42,0.5); margin-bottom: 20px; line-height: 1.6; }\r\n.preview-price {\r\n  font-size: 36px; font-weight: 900; color: var(--cyan-dark);\r\n  margin-bottom: 20px;\r\n}\r\n.preview-price span { font-size: 16px; color: rgba(15,23,42,0.4); text-decoration: line-through; margin-left: 10px; }\r\n.preview-btn-mock {\r\n  background: var(--cyan); color: var(--black);\r\n  border: none; padding: 14px 28px; border-radius: 8px;\r\n  font-size: 16px; font-weight: 800; width: 100%;\r\n  font-family: inherit; cursor: pointer;\r\n}\r\n.preview-right { flex: 1; }\r\n.preview-order-card {\r\n  background: #f8fafc;\r\n  border: 1px solid rgba(14,165,233,0.15);\r\n  border-radius: 12px; padding: 20px;\r\n}\r\n.preview-order-row {\r\n  display: flex; justify-content: space-between;\r\n  font-size: 13px; padding: 8px 0;\r\n  border-bottom: 1px solid rgba(14,165,233,0.15);\r\n  color: rgba(15,23,42,0.6);\r\n}\r\n.preview-order-row:last-child { border: none; font-weight: 800; color: #0f172a; font-size: 15px; }\r\n.preview-order-row.total { color: var(--cyan-dark); }\r\n\r\n\/* \u2500\u2500 COMPARE \u2500\u2500 *\/\r\n.compare-section { background: #f0f9ff; }\r\n.compare-grid {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 24px;\r\n  margin-top: 56px;\r\n}\r\n.compare-card {\r\n  border-radius: 20px; padding: 36px; border: 2px solid;\r\n}\r\n.compare-card.bad {\r\n  background: #ffffff;\r\n  border-color: rgba(15,23,42,0.12);\r\n}\r\n.compare-card.good {\r\n  background: rgba(34,211,238,0.06);\r\n  border-color: rgba(14,165,233,0.4);\r\n  position: relative; overflow: hidden;\r\n}\r\n.compare-card.good::before {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: radial-gradient(circle at top right, rgba(14,165,233,0.08), transparent 60%);\r\n}\r\n.compare-title {\r\n  font-size: 14px; font-weight: 700; letter-spacing: 1.5px;\r\n  text-transform: uppercase; margin-bottom: 28px;\r\n}\r\n.compare-title.bad { color: rgba(15,23,42,0.4); }\r\n.compare-title.good { color: var(--cyan); }\r\n.compare-item {\r\n  display: flex; align-items: flex-start; gap: 12px;\r\n  margin-bottom: 16px; font-size: 15px; font-weight: 500;\r\n}\r\n.compare-icon { font-size: 16px; flex-shrink: 0; margin-top: 2px; }\r\n.compare-item p { color: rgba(15,23,42,0.65); line-height: 1.5; }\r\n.compare-item p strong { color: #0f172a; }\r\n.compare-recommended {\r\n  position: absolute; top: 20px; right: 20px;\r\n  background: var(--cyan); color: var(--black);\r\n  font-size: 11px; font-weight: 800; padding: 4px 12px;\r\n  border-radius: 100px; letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u2500\u2500 HARGA \u2500\u2500 *\/\r\n.pricing { background: #ffffff; }\r\n.pricing-card {\r\n  max-width: 520px; margin: 56px auto 0;\r\n  background: #f0f9ff;\r\n  border: 2px solid rgba(14,165,233,0.4);\r\n  border-radius: 24px; padding: 48px;\r\n  text-align: center; position: relative; overflow: hidden;\r\n}\r\n.pricing-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n  height: 3px; background: linear-gradient(90deg, var(--cyan-dark), var(--blue-light));\r\n}\r\n.pricing-badge {\r\n  display: inline-block; background: rgba(14,165,233,0.12);\r\n  color: var(--cyan-dark); font-size: 12px; font-weight: 700;\r\n  padding: 5px 14px; border-radius: 100px; margin-bottom: 20px;\r\n}\r\n.pricing-amount {\r\n  font-size: 72px; font-weight: 900; letter-spacing: -3px;\r\n  line-height: 1; color: var(--cyan-dark); margin-bottom: 4px;\r\n}\r\n.pricing-period { font-size: 18px; color: rgba(15,23,42,0.5); margin-bottom: 8px; }\r\n.pricing-note { font-size: 14px; color: rgba(15,23,42,0.4); margin-bottom: 36px; }\r\n.pricing-features { text-align: left; margin-bottom: 36px; display: flex; flex-direction: column; gap: 14px; }\r\n.pricing-feat {\r\n  display: flex; align-items: center; gap: 12px;\r\n  font-size: 15px; font-weight: 600; color: #0f172a;\r\n}\r\n.pricing-feat::before { content: '\u2713'; color: var(--cyan-dark); font-weight: 900; font-size: 16px; }\r\n.pricing-cta { width: 100%; padding: 17px; font-size: 18px; font-weight: 900; justify-content: center; }\r\n.pricing-guarantee {\r\n  margin-top: 20px; font-size: 13px;\r\n  color: rgba(15,23,42,0.4); font-weight: 500;\r\n}\r\n\r\n\/* \u2500\u2500 TESTIMONIAL \u2500\u2500 *\/\r\n.testimonials { background: #f0f9ff; }\r\n.testi-grid {\r\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\r\n  margin-top: 56px;\r\n}\r\n.testi-card {\r\n  background: #ffffff;\r\n  border: 1px solid rgba(14,165,233,0.15);\r\n  border-radius: 16px; padding: 28px; box-shadow: 0 2px 12px rgba(14,165,233,0.07);\r\n}\r\n.testi-stars { color: var(--yellow); font-size: 14px; margin-bottom: 14px; letter-spacing: 2px; }\r\n.testi-text { font-size: 15px; line-height: 1.7; color: rgba(15,23,42,0.75); margin-bottom: 20px; font-weight: 500; }\r\n.testi-text em { color: var(--cyan-dark); font-style: normal; font-weight: 700; }\r\n.testi-author { display: flex; align-items: center; gap: 12px; }\r\n.testi-avatar {\r\n  width: 40px; height: 40px; border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 16px; font-weight: 800;\r\n}\r\n.testi-name { font-size: 14px; font-weight: 700; color: #0f172a; }\r\n.testi-role { font-size: 12px; color: rgba(15,23,42,0.4); margin-top: 2px; }\r\n\r\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n.faq { background: #ffffff; }\r\n.faq-list { max-width: 680px; margin: 56px auto 0; display: flex; flex-direction: column; gap: 12px; }\r\n.faq-item {\r\n  background: #f8fafc;\r\n  border: 1px solid rgba(14,165,233,0.15);\r\n  border-radius: 12px; overflow: hidden;\r\n}\r\n.faq-q {\r\n  padding: 20px 24px; font-size: 16px; font-weight: 700; color: #0f172a;\r\n  cursor: pointer; display: flex; justify-content: space-between; align-items: center;\r\n  transition: color .15s;\r\n}\r\n.faq-q:hover { color: var(--cyan-dark); }\r\n.faq-chevron { font-size: 18px; color: rgba(15,23,42,0.3); transition: transform .2s; }\r\n.faq-item.open .faq-chevron { transform: rotate(180deg); color: var(--cyan-dark); }\r\n.faq-item.open .faq-q { color: var(--cyan-dark); }\r\n.faq-a {\r\n  display: none; padding: 0 24px 20px;\r\n  font-size: 14.5px; color: rgba(15,23,42,0.55); line-height: 1.75;\r\n  border-top: 1px solid rgba(14,165,233,0.1);\r\n  padding-top: 16px;\r\n}\r\n.faq-item.open .faq-a { display: block; }\r\n\r\n\/* \u2500\u2500 CTA BOTTOM \u2500\u2500 *\/\r\n.cta-bottom {\r\n  background: var(--black);\r\n  padding: 100px 24px;\r\n  text-align: center; position: relative; overflow: hidden;\r\n}\r\n.cta-bottom::before {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: linear-gradient(160deg, #e0f2fe 0%, #f0f9ff 60%, #ffffff 100%);\r\n}\r\n.cta-bottom .container { position: relative; z-index: 1; }\r\n.cta-bottom h2 {\r\n  font-size: clamp(36px, 5vw, 64px); font-weight: 900;\r\n  letter-spacing: -2px; margin-bottom: 16px; color: #0f172a;\r\n}\r\n.cta-bottom p {\r\n  font-size: 18px; color: rgba(15,23,42,0.5);\r\n  margin-bottom: 40px; max-width: 480px; margin-left: auto; margin-right: auto;\r\n}\r\n.cta-bottom .hero-btns { margin-bottom: 28px; }\r\n.cta-small { font-size: 13px; color: rgba(15,23,42,0.35); }\r\n\r\n\r\n\r\n\/* \u2500\u2500 HIDE FLOATING CHAT WIDGETS \u2500\u2500 *\/\r\n#crisp-chatbox,\r\n.crisp-client,\r\n#tidio-chat,\r\n#tidio-chat-iframe,\r\n.tidio-1,\r\n#intercom-container,\r\n.intercom-lightweight-app,\r\n#hubspot-messages-iframe-container,\r\n.zsiq_floatmain,\r\n.zsiq_theme1,\r\n#zohohc-asap-web-helper-main,\r\n[id*=\"chat-widget\"],\r\n[class*=\"chat-widget\"],\r\n[id*=\"live-chat\"],\r\n[class*=\"live-chat\"],\r\n[id*=\"support-chat\"],\r\niframe[src*=\"crisp\"],\r\niframe[src*=\"tidio\"],\r\niframe[src*=\"intercom\"],\r\niframe[src*=\"tawk\"],\r\n[class*=\"tawk\"],\r\n[id*=\"tawk\"],\r\n.tawk-min-container,\r\n.tawk-button,\r\n.tawk-button-circle,\r\n.tawk-min-chat-icon,\r\n#tawkchat-minified-wrapper,\r\n#tawkchat-container { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }\r\n\r\n\r\n.fade-up {\r\n  opacity: 0; transform: translateY(30px);\r\n  animation: fadeUp .6s forwards;\r\n}\r\n@keyframes fadeUp {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n.delay-1 { animation-delay: .1s; }\r\n.delay-2 { animation-delay: .2s; }\r\n.delay-3 { animation-delay: .3s; }\r\n.delay-4 { animation-delay: .4s; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  nav { padding: 0 20px; }\r\n  .hero h1 { letter-spacing: -1.5px; }\r\n  .hero-stats { gap: 24px; }\r\n  .problems-grid,\r\n  .steps-row,\r\n  .features-grid,\r\n  .compare-grid,\r\n  .testi-grid { grid-template-columns: 1fr; }\r\n  .steps-row::before { display: none; }\r\n  .feature-card.wide { grid-column: span 1; }\r\n  .preview-body { flex-direction: column; padding: 24px; }\r\n  section { padding: 64px 20px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"hero-grid\"><\/div>\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-badge fade-up\">Web Jualan Simpel & Ngebut<\/div>\r\n    <h1 class=\"fade-up delay-1\">\r\n      Bikin web jualan<br>\r\n      <span class=\"cyan\">5 menit.<\/span>\r\n      <span class=\"line2\">Langsung pasang iklan. Langsung cuan.<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-sub fade-up delay-2\">\r\n      Gak perlu developer. Gak perlu ngerti coding.<br>\r\n      <strong>Isi produk \u2192 publish \u2192 tempel link ke Meta, TikTok, atau Google Ads.<\/strong>\r\n    <\/p>\r\n    <div class=\"hero-btns fade-up delay-3\">\r\n      <button class=\"btn-primary\" onclick=\"window.open('https:\/\/web.winme.id\/register', '_blank')\">Coba Sekarang<\/button>\r\n      <button class=\"btn-secondary\" onclick=\"document.getElementById('cara-kerja').scrollIntoView({behavior:'smooth'})\">Lihat Cara Kerjanya<\/button>\r\n    <\/div>\r\n    <div class=\"hero-stats fade-up delay-4\">\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">5 menit<\/div>\r\n        <div class=\"stat-label\">Web kamu jadi<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">3 platform<\/div>\r\n        <div class=\"stat-label\">Meta \u00b7 TikTok \u00b7 Google<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">25rb<\/div>\r\n        <div class=\"stat-label\">Bayar sekali, pakai selamanya<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- MASALAH -->\r\n<section class=\"problems\">\r\n  <div class=\"container\">\r\n    <p class=\"section-label\">Kamu ngerasain ini juga?<\/p>\r\n    <h2 class=\"section-title\">Jualan online harusnya simpel.<br>Tapi kenapa selalu ribet?<\/h2>\r\n    <p class=\"section-sub\">Ini masalah yang paling sering dirasain penjual online sebelum nemuin Winme.<\/p>\r\n    <div class=\"problems-grid\">\r\n      <div class=\"problem-card\">\r\n        <div class=\"problem-emoji\">\ud83d\udcb8<\/div>\r\n        <h3>Biaya developer mahal<\/h3>\r\n        <p>Bikin web jualan yang bener bisa habis Rp 5\u201315 juta. Belum tentu selesai tepat waktu. Belum tentu hasilnya bagus.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"problem-emoji\">\u23f3<\/div>\r\n        <h3>Nunggu berminggu-minggu<\/h3>\r\n        <p>Mau jualan sekarang, tapi web baru jadi 3 minggu lagi. Sementara kompetitor sudah jalan dari tadi.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"problem-emoji\">\ud83e\udd2f<\/div>\r\n        <h3>Terlalu teknis, terlalu rumit<\/h3>\r\n        <p>WordPress, hosting, domain, SSL, plugin... Kamu mau jualan, bukan jadi IT admin. Harusnya ada yang lebih simpel.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"problem-emoji\">\ud83d\udcc9<\/div>\r\n        <h3>Web lambat = iklan sia-sia<\/h3>\r\n        <p>Udah keluar uang iklan, tapi web loadingnya lama. Calon pembeli langsung kabur sebelum sempat beli.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"problem-emoji\">\ud83d\ude30<\/div>\r\n        <h3>Gak tau harus mulai dari mana<\/h3>\r\n        <p>Pengen iklan di Meta atau TikTok, tapi butuh link landing page dulu. Muter-muter gak selesai-selesai.<\/p>\r\n      <\/div>\r\n      <div class=\"problem-card\">\r\n        <div class=\"problem-emoji\">\ud83d\udd50<\/div>\r\n        <h3>Buang waktu yang harusnya buat jualan<\/h3>\r\n        <p>Waktu kamu seharusnya dipakai buat ngurusin produk, pelanggan, dan iklan. Bukan ngurusin teknis web.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CARA KERJA -->\r\n<section class=\"how\" id=\"cara-kerja\">\r\n  <div class=\"container\">\r\n    <p class=\"section-label\">Cara Kerja<\/p>\r\n    <h2 class=\"section-title\">3 langkah. Selesai.<br>Web kamu langsung live.<\/h2>\r\n    <p class=\"section-sub\">Dibuat sesimpel mungkin. Siapapun bisa, bahkan yang belum pernah bikin web sekalipun.<\/p>\r\n    <div class=\"steps-row\">\r\n      <div class=\"step\">\r\n        <div class=\"step-circle\">1<\/div>\r\n        <h3>Daftar & isi produk<\/h3>\r\n        <p>Masukkan nama produk, foto, harga, dan deskripsi singkat. Semua lewat form yang simpel banget.<\/p>\r\n        <span class=\"step-time\">\u26a1 2 menit<\/span>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-circle\">2<\/div>\r\n        <h3>Publish dengan 1 klik<\/h3>\r\n        <p>Klik publish, web kamu langsung live. Dapat link unik yang siap disebarkan ke mana aja.<\/p>\r\n        <span class=\"step-time\">\u26a1 30 detik<\/span>\r\n      <\/div>\r\n      <div class=\"step\">\r\n        <div class=\"step-circle\">3<\/div>\r\n        <h3>Tempel link ke iklan<\/h3>\r\n        <p>Copy link web kamu \u2192 paste ke Meta Ads, TikTok Ads, atau Google Ads. Langsung bisa iklan.<\/p>\r\n        <span class=\"step-time\">\u26a1 Langsung jalan<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PREVIEW WEB -->\r\n<section class=\"preview-section\">\r\n  <div class=\"container\">\r\n    <p class=\"section-label\">Hasilnya<\/p>\r\n    <h2 class=\"section-title\">Tampilan web kamu<br>bersih, cepat, dan siap convert.<\/h2>\r\n    <p class=\"section-sub\">Desain yang sudah dioptimasi untuk konversi tinggi. Fokus ke yang penting: produk dan tombol beli.<\/p>\r\n    <div class=\"preview-wrap\">\r\n      <div class=\"preview-bar\">\r\n        <div class=\"preview-dots\">\r\n          <div class=\"preview-dot r\"><\/div>\r\n          <div class=\"preview-dot y\"><\/div>\r\n          <div class=\"preview-dot g\"><\/div>\r\n        <\/div>\r\n        <div class=\"preview-url\">winme.id\/toko-kamu<\/div>\r\n      <\/div>\r\n      <div class=\"preview-body\" style=\"color:#0f172a;\">\r\n        <div class=\"preview-left\">\r\n          <h2>Ebook Rahasia<br>Jualan Online 2025<\/h2>\r\n          <p>Panduan lengkap dari 0 sampai profit. Sudah dipakai 500+ penjual online sukses. Langsung bisa dipraktekin.<\/p>\r\n          <div class=\"preview-price\">Rp 97.000 <span>Rp 200.000<\/span><\/div>\r\n          <button class=\"preview-btn-mock\">\ud83d\uded2 Beli Sekarang<\/button>\r\n        <\/div>\r\n        <div class=\"preview-right\">\r\n          <div style=\"font-size:13px;color:rgba(15,23,42,0.45);margin-bottom:12px;font-weight:600;\">RINGKASAN ORDER<\/div>\r\n          <div class=\"preview-order-card\">\r\n            <div class=\"preview-order-row\"><span>Ebook Rahasia Jualan<\/span><span>Rp 97.000<\/span><\/div>\r\n            <div class=\"preview-order-row\"><span>Diskon spesial<\/span><span style=\"color:#4ade80;\">- Rp 103.000<\/span><\/div>\r\n            <div class=\"preview-order-row total\"><span>Total<\/span><span>Rp 97.000<\/span><\/div>\r\n          <\/div>\r\n          <div style=\"margin-top:12px;font-size:12px;color:rgba(15,23,42,0.4);text-align:center;\">\ud83d\udd12 Transaksi aman \u00b7 Cair instant<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FITUR -->\r\n<section class=\"features\">\r\n  <div class=\"container\">\r\n    <p class=\"section-label\">Fitur<\/p>\r\n    <h2 class=\"section-title\">Semua yang kamu butuhkan.<br>Gak lebih, gak kurang.<\/h2>\r\n    <p class=\"section-sub\">Dibuat khusus buat penjual online yang mau fokus jualan, bukan ngurusin teknis.<\/p>\r\n    <div class=\"features-grid\">\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\u26a1<\/div>\r\n        <h3>Web super ngebut<\/h3>\r\n        <p>Loading di bawah 1 detik. Pengunjung gak kabur karena nunggu. Iklan kamu gak mubazir.<\/p>\r\n        <span class=\"feature-tag\">KONVERSI TINGGI<\/span>\r\n      <\/div>\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\ud83d\udcf1<\/div>\r\n        <h3>Mobile-first by default<\/h3>\r\n        <p>90% pembeli dari HP. Web Winme otomatis tampil sempurna di semua ukuran layar.<\/p>\r\n        <span class=\"feature-tag\">SIAP PAKAI<\/span>\r\n      <\/div>\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\ud83d\udd17<\/div>\r\n        <h3>Link siap pasang di iklan<\/h3>\r\n        <p>Langsung tempel link ke Meta Ads, TikTok Ads, Google Ads, atau share ke WhatsApp dan medsos.<\/p>\r\n        <span class=\"feature-tag\">MULTI PLATFORM<\/span>\r\n      <\/div>\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\ud83d\udcb3<\/div>\r\n        <h3>Pembayaran otomatis<\/h3>\r\n        <p>Transfer bank, QRIS, GoPay, OVO, dan banyak lagi. Order dan pembayaran diurus sendiri oleh sistem.<\/p>\r\n        <span class=\"feature-tag\">CAIR INSTANT<\/span>\r\n      <\/div>\r\n      <div class=\"feature-card wide\">\r\n        <div class=\"feature-icon\">\ud83d\udcca<\/div>\r\n        <h3>Dashboard order yang simpel<\/h3>\r\n        <p>Lihat semua order masuk, status pembayaran, dan rekap penjualan dalam satu tampilan yang mudah dipahami. Gak perlu spreadsheet manual lagi.<\/p>\r\n        <span class=\"feature-tag\">REAL-TIME<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- COMPARE -->\r\n<section class=\"compare-section\">\r\n  <div class=\"container\">\r\n    <p class=\"section-label\">Perbandingan<\/p>\r\n    <h2 class=\"section-title\">Bikin sendiri dari 0<br>vs pakai Winme.<\/h2>\r\n    <p class=\"section-sub\">Hasilnya sama: web jualan yang bisa dipasang di iklan. Tapi prosesnya beda banget.<\/p>\r\n    <div class=\"compare-grid\">\r\n      <div class=\"compare-card bad\">\r\n        <div class=\"compare-title bad\">\u274c Bikin Sendiri \/ Hire Developer<\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\ud83d\udcb8<\/span><p><strong>Biaya<\/strong> Rp 5\u201315 juta ke developer. Belum hosting dan domain.<\/p><\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\u23f3<\/span><p><strong>Waktu<\/strong> 2\u20134 minggu. Kalau ada revisi, bisa lebih.<\/p><\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\ud83e\udd2f<\/span><p><strong>Kerumitan<\/strong> Harus koordinasi, jelasin brief, approve desain, tes, dll.<\/p><\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\ud83d\udd27<\/span><p><strong>Maintenance<\/strong> Kalau ada error, bayar lagi. Ribet lagi.<\/p><\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\ud83d\udcc9<\/span><p><strong>Hasil<\/strong> Belum tentu cepat, belum tentu bagus buat iklan.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"compare-card good\" style=\"position:relative;\">\r\n        <div class=\"compare-recommended\">Pilihan Cerdas<\/div>\r\n        <div class=\"compare-title good\">\u2705 Pakai Winme<\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\ud83d\udc9a<\/span><p><strong>Biaya<\/strong> Cuma Rp 25.000 sekali bayar. Selamanya. Gak ada tagihan bulanan.<\/p><\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\ud83d\udc9a<\/span><p><strong>Waktu<\/strong> 5 menit. Serius. Coba aja sendiri.<\/p><\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\ud83d\udc9a<\/span><p><strong>Kerumitan<\/strong> Nol. Isi form, klik publish, selesai.<\/p><\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\ud83d\udc9a<\/span><p><strong>Maintenance<\/strong> Kami yang urus semuanya. Kamu tinggal jualan.<\/p><\/div>\r\n        <div class=\"compare-item\"><span class=\"compare-icon\">\ud83d\udc9a<\/span><p><strong>Hasil<\/strong> Web ngebut, siap iklan di Meta, TikTok, Google.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PRICING -->\r\n<section class=\"pricing\" id=\"pricing\">\r\n  <div class=\"container\" style=\"text-align:center;\">\r\n    <p class=\"section-label\">Harga<\/p>\r\n    <h2 class=\"section-title\">Transparan. Flat. Gak ada kejutan.<\/h2>\r\n    <p class=\"section-sub\" style=\"margin: 0 auto;\">Satu harga. Semua fitur. Pakai selamanya. Gak ada tagihan lagi setelah ini.<\/p>\r\n    <div class=\"pricing-card\">\r\n      <div class=\"pricing-badge\">\u26a1 Lifetime Deal \u2014 Terbatas<\/div>\r\n      <div class=\"pricing-amount\">25rb<\/div>\r\n      <div class=\"pricing-period\">sekali bayar \u00b7 selamanya<\/div>\r\n      <div class=\"pricing-note\">Bukan langganan. Bukan tipu-tipu. Bayar 25rb sekarang, pakai untuk selamanya.<\/div>\r\n      <div class=\"pricing-features\">\r\n        <div class=\"pricing-feat\">Web jualan unlimited produk<\/div>\r\n        <div class=\"pricing-feat\">Link siap pasang di semua platform iklan<\/div>\r\n        <div class=\"pricing-feat\">Pembayaran otomatis (transfer, QRIS, e-wallet)<\/div>\r\n        <div class=\"pricing-feat\">Dashboard order real-time<\/div>\r\n        <div class=\"pricing-feat\">Loading super cepat, mobile-friendly<\/div>\r\n        <div class=\"pricing-feat\">Support via WhatsApp<\/div>\r\n      <\/div>\r\n      <button class=\"btn-primary pricing-cta\" onclick=\"window.open('https:\/\/web.winme.id\/register', '_blank')\">Coba Sekarang<\/button>\r\n      <p class=\"pricing-guarantee\">\ud83d\udd12 Bayar sekali. Akses selamanya. Tanpa langganan.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TESTIMONIAL -->\r\n<section class=\"testimonials\">\r\n  <div class=\"container\">\r\n    <p class=\"section-label\">Testimoni<\/p>\r\n    <h2 class=\"section-title\">Yang mereka bilang<br>setelah pakai Winme.<\/h2>\r\n    <div class=\"testi-grid\">\r\n      <div class=\"testi-card\">\r\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testi-text\">\"Serius <em>5 menit langsung jadi<\/em>. Gak percaya sampai coba sendiri. Langsung pasang di TikTok Ads, orderan masuk hari itu juga.\"<\/p>\r\n        <div class=\"testi-author\">\r\n          <div class=\"testi-avatar\" style=\"background:linear-gradient(135deg,#f97316,#ef4444);\">R<\/div>\r\n          <div>\r\n            <div class=\"testi-name\">Rizky A.<\/div>\r\n            <div class=\"testi-role\">Jualan ebook & template<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"testi-card\">\r\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testi-text\">\"Dulu buang Rp 8 juta buat developer, hasilnya biasa aja. Sekarang pakai Winme <em>cuma 25 ribu sekali bayar<\/em>, hasilnya malah lebih bagus.\"<\/p>\r\n        <div class=\"testi-author\">\r\n          <div class=\"testi-avatar\" style=\"background:linear-gradient(135deg,#8b5cf6,#6366f1);\">S<\/div>\r\n          <div>\r\n            <div class=\"testi-name\">Sinta D.<\/div>\r\n            <div class=\"testi-role\">UMKM fashion online<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"testi-card\">\r\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testi-text\">\"Paling suka bagian link-nya langsung bisa ditempel di Meta Ads. <em>Gak perlu bingung lagi<\/em> soal teknis. Fokus ke iklan aja.\"<\/p>\r\n        <div class=\"testi-author\">\r\n          <div class=\"testi-avatar\" style=\"background:linear-gradient(135deg,#10b981,#059669);\">A<\/div>\r\n          <div>\r\n            <div class=\"testi-name\">Andi P.<\/div>\r\n            <div class=\"testi-role\">Dropshipper & reseller<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"faq\">\r\n  <div class=\"container\" style=\"text-align:center;\">\r\n    <p class=\"section-label\">FAQ<\/p>\r\n    <h2 class=\"section-title\">Pertanyaan yang sering<br>ditanyain.<\/h2>\r\n    <div class=\"faq-list\">\r\n      <div class=\"faq-item open\">\r\n        <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Apa bedanya Winme sama website biasa? <span class=\"faq-chevron\">\u25be<\/span><\/div>\r\n        <div class=\"faq-a\">Website biasa perlu developer, hosting, domain, dan setup yang ribet. Winme sudah include semua itu dalam satu platform. Kamu tinggal isi konten dan langsung jalan. Fokusnya memang buat jualan \u2014 bukan buat blog atau company profile.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Apakah link Winme bisa langsung dipasang di Meta Ads atau TikTok Ads? <span class=\"faq-chevron\">\u25be<\/span><\/div>\r\n        <div class=\"faq-a\">Ya, bisa langsung. Link web Winme seperti link biasa yang bisa kamu tempel di kolom URL tujuan iklan di Meta Ads Manager, TikTok Ads Manager, maupun Google Ads. Tidak perlu setting tambahan apapun.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Apakah ada pixel Meta atau tracking iklan? <span class=\"faq-chevron\">\u25be<\/span><\/div>\r\n        <div class=\"faq-a\">Saat ini Winme belum mendukung pemasangan pixel Meta atau pixel TikTok. Winme difokuskan sebagai landing page simpel yang bisa langsung dipakai sebagai tujuan iklan. Fitur pixel dan tracking data akan hadir di update berikutnya.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Metode pembayaran apa saja yang didukung? <span class=\"faq-chevron\">\u25be<\/span><\/div>\r\n        <div class=\"faq-a\">Winme mendukung transfer bank (BCA, Mandiri, BNI, BRI), QRIS, GoPay, OVO, Dana, ShopeePay, dan beberapa metode lainnya. Pembayaran masuk langsung tercatat di dashboard kamu secara real-time.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Apakah benar bayar sekali dan bisa pakai selamanya? <span class=\"faq-chevron\">\u25be<\/span><\/div>\r\n        <div class=\"faq-a\">Tidak ada kontrak, tidak ada langganan. Kamu bayar Rp 25.000 satu kali, dan akses kamu tidak akan pernah dicabut. Kami percaya harga yang jujur bikin kamu tenang jualan \u2014 tanpa mikirin tagihan bulanan.<\/div>\r\n      <\/div>\r\n      <div class=\"faq-item\">\r\n        <div class=\"faq-q\" onclick=\"toggleFaq(this)\">Kalau gak ngerti teknis, tetap bisa pakai? <span class=\"faq-chevron\">\u25be<\/span><\/div>\r\n        <div class=\"faq-a\">Justru Winme dibuat untuk orang yang gak ngerti teknis. Tidak ada coding, tidak ada setting server, tidak ada hal teknis sama sekali. Kalau bisa mengisi form WhatsApp, kamu pasti bisa pakai Winme.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA BOTTOM -->\r\n<section class=\"cta-bottom\">\r\n  <div class=\"container\">\r\n    <h2>Mulai hari ini.<br>Bukan besok.<\/h2>\r\n    <p>Kompetitor kamu sudah iklan dari tadi. Winme bikin kamu bisa nyusul dalam 5 menit.<\/p>\r\n    <div class=\"hero-btns\">\r\n      <button class=\"btn-primary\" onclick=\"window.open('https:\/\/web.winme.id\/register', '_blank')\">Coba Sekarang<\/button>\r\n    <\/div>\r\n    <p class=\"cta-small\">Bayar sekali \u00b7 Akses selamanya \u00b7 Tanpa langganan bulanan<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\nfunction toggleFaq(el) {\r\n  const item = el.closest('.faq-item');\r\n  const isOpen = item.classList.contains('open');\r\n  document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n  if (!isOpen) item.classList.add('open');\r\n}\r\n\r\n\/\/ Scroll reveal\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach(e => {\r\n    if (e.isIntersecting) {\r\n      e.target.style.opacity = '1';\r\n      e.target.style.transform = 'translateY(0)';\r\n    }\r\n  });\r\n}, { threshold: 0.1 });\r\n\r\ndocument.querySelectorAll('.problem-card, .step, .feature-card, .compare-card, .testi-card').forEach(el => {\r\n  el.style.opacity = '0';\r\n  el.style.transform = 'translateY(24px)';\r\n  el.style.transition = 'opacity .5s ease, transform .5s ease';\r\n  observer.observe(el);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Winme \u2013 Web Jualan Simpel &#038; Ngebut Web Jualan Simpel &#038; Ngebut Bikin web jualan 5 menit. Langsung pasang iklan. Langsung cuan. Gak perlu developer. Gak perlu ngerti coding. Isi produk \u2192 publish \u2192 tempel link ke Meta, TikTok, atau Google Ads. Coba Sekarang Lihat Cara Kerjanya 5 menit Web kamu jadi 3 platform Meta [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":0,"parent":10494,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15402","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Jualan Simple - Winme<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Jualan Simple - Winme\" \/>\n<meta property=\"og:description\" content=\"Winme \u2013 Web Jualan Simpel &#038; Ngebut Web Jualan Simpel &#038; Ngebut Bikin web jualan 5 menit. Langsung pasang iklan. Langsung cuan. Gak perlu developer. Gak perlu ngerti coding. Isi produk \u2192 publish \u2192 tempel link ke Meta, TikTok, atau Google Ads. Coba Sekarang Lihat Cara Kerjanya 5 menit Web kamu jadi 3 platform Meta [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/\" \/>\n<meta property=\"og:site_name\" content=\"Winme\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-16T08:03:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/\",\"url\":\"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/\",\"name\":\"Web Jualan Simple - Winme\",\"isPartOf\":{\"@id\":\"https:\/\/www.winme.id\/page\/#website\"},\"datePublished\":\"2026-03-16T07:29:56+00:00\",\"dateModified\":\"2026-03-16T08:03:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.winme.id\/page\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fitur\",\"item\":\"https:\/\/www.winme.id\/page\/fitur\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Jualan Simple\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.winme.id\/page\/#website\",\"url\":\"https:\/\/www.winme.id\/page\/\",\"name\":\"Winme\",\"description\":\"Toko online - nya penjual medsos\",\"publisher\":{\"@id\":\"https:\/\/www.winme.id\/page\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.winme.id\/page\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.winme.id\/page\/#organization\",\"name\":\"Winpay\",\"url\":\"https:\/\/www.winme.id\/page\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.winme.id\/page\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.winme.id\/wp-content\/uploads\/2021\/12\/winme-logo_winme-landscape-color.png\",\"contentUrl\":\"https:\/\/www.winme.id\/wp-content\/uploads\/2021\/12\/winme-logo_winme-landscape-color.png\",\"width\":1875,\"height\":584,\"caption\":\"Winpay\"},\"image\":{\"@id\":\"https:\/\/www.winme.id\/page\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/winme.indonesia\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Jualan Simple - Winme","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/","og_locale":"en_US","og_type":"article","og_title":"Web Jualan Simple - Winme","og_description":"Winme \u2013 Web Jualan Simpel &#038; Ngebut Web Jualan Simpel &#038; Ngebut Bikin web jualan 5 menit. Langsung pasang iklan. Langsung cuan. Gak perlu developer. Gak perlu ngerti coding. Isi produk \u2192 publish \u2192 tempel link ke Meta, TikTok, atau Google Ads. Coba Sekarang Lihat Cara Kerjanya 5 menit Web kamu jadi 3 platform Meta [&hellip;]","og_url":"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/","og_site_name":"Winme","article_modified_time":"2026-03-16T08:03:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/","url":"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/","name":"Web Jualan Simple - Winme","isPartOf":{"@id":"https:\/\/www.winme.id\/page\/#website"},"datePublished":"2026-03-16T07:29:56+00:00","dateModified":"2026-03-16T08:03:57+00:00","breadcrumb":{"@id":"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.winme.id\/page\/fitur\/web-jualan-simple\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.winme.id\/page\/"},{"@type":"ListItem","position":2,"name":"Fitur","item":"https:\/\/www.winme.id\/page\/fitur\/"},{"@type":"ListItem","position":3,"name":"Web Jualan Simple"}]},{"@type":"WebSite","@id":"https:\/\/www.winme.id\/page\/#website","url":"https:\/\/www.winme.id\/page\/","name":"Winme","description":"Toko online - nya penjual medsos","publisher":{"@id":"https:\/\/www.winme.id\/page\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.winme.id\/page\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.winme.id\/page\/#organization","name":"Winpay","url":"https:\/\/www.winme.id\/page\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.winme.id\/page\/#\/schema\/logo\/image\/","url":"https:\/\/www.winme.id\/wp-content\/uploads\/2021\/12\/winme-logo_winme-landscape-color.png","contentUrl":"https:\/\/www.winme.id\/wp-content\/uploads\/2021\/12\/winme-logo_winme-landscape-color.png","width":1875,"height":584,"caption":"Winpay"},"image":{"@id":"https:\/\/www.winme.id\/page\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/winme.indonesia"]}]}},"_links":{"self":[{"href":"https:\/\/www.winme.id\/page\/wp-json\/wp\/v2\/pages\/15402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.winme.id\/page\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.winme.id\/page\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.winme.id\/page\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.winme.id\/page\/wp-json\/wp\/v2\/comments?post=15402"}],"version-history":[{"count":10,"href":"https:\/\/www.winme.id\/page\/wp-json\/wp\/v2\/pages\/15402\/revisions"}],"predecessor-version":[{"id":15428,"href":"https:\/\/www.winme.id\/page\/wp-json\/wp\/v2\/pages\/15402\/revisions\/15428"}],"up":[{"embeddable":true,"href":"https:\/\/www.winme.id\/page\/wp-json\/wp\/v2\/pages\/10494"}],"wp:attachment":[{"href":"https:\/\/www.winme.id\/page\/wp-json\/wp\/v2\/media?parent=15402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}