<?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>Ady Sheva</title>
	<atom:link href="https://adysheva.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://adysheva.com</link>
	<description>Founder AKSEN DIGITAL</description>
	<lastBuildDate>Sun, 12 Apr 2026 09:45:47 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://adysheva.com/wp-content/uploads/2024/09/cropped-logo101-32x32.png</url>
	<title>Ady Sheva</title>
	<link>https://adysheva.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>
		]]></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>
