{"id":12,"date":"2026-01-27T06:19:54","date_gmt":"2026-01-27T06:19:54","guid":{"rendered":"https:\/\/ysln.org\/?page_id=12"},"modified":"2026-01-27T07:31:42","modified_gmt":"2026-01-27T07:31:42","slug":"operasi-bibir-sumbing-gratis-yayasan-sekar-lintas-nusantara","status":"publish","type":"page","link":"https:\/\/ysln.org\/","title":{"rendered":"Operasi Bibir Sumbing Gratis – Yayasan Sekar Lintas Nusantara"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Operasi Bibir Sumbing Gratis - Yayasan Sekar Lintas Nusantara<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Merriweather:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* --- MODERN DESIGN SYSTEM --- *\/\r\n :root {\r\n \/* Color Palette - Warm & Trustworthy *\/\r\n --primary: #1e40af;\r\n --primary-light: #3b82f6;\r\n --primary-dark: #1e3a8a;\r\n --accent: #f59e0b;\r\n --accent-hover: #d97706;\r\n --success: #10b981;\r\n --warm: #fef3c7;\r\n --warm-dark: #fde68a;\r\n \r\n \/* Neutrals *\/\r\n --gray-50: #f9fafb;\r\n --gray-100: #f3f4f6;\r\n --gray-200: #e5e7eb;\r\n --gray-300: #d1d5db;\r\n --gray-600: #4b5563;\r\n --gray-700: #374151;\r\n --gray-900: #111827;\r\n --white: #ffffff;\r\n \r\n \/* Typography *\/\r\n --font-display: 'Plus Jakarta Sans', -apple-system, sans-serif;\r\n --font-body: 'Merriweather', Georgia, serif;\r\n \r\n \/* Spacing & Effects *\/\r\n --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n --radius: 16px;\r\n --radius-lg: 24px;\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n color: var(--gray-900);\r\n line-height: 1.75;\r\n background-color: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n font-family: var(--font-display);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* --- UTILITIES --- *\/\r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n .container-narrow {\r\n max-width: 800px;\r\n }\r\n\r\n .text-center { text-align: center; }\r\n \r\n .section-label {\r\n display: inline-block;\r\n font-family: var(--font-display);\r\n font-size: 0.875rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n color: var(--accent);\r\n margin-bottom: 16px;\r\n padding: 6px 16px;\r\n background: var(--warm);\r\n border-radius: 100px;\r\n }\r\n\r\n \/* --- ANIMATED BACKGROUND GRADIENT --- *\/\r\n .bg-gradient-animated {\r\n background: linear-gradient(-45deg, #fff5e6, #fef3c7, #dbeafe, #e0e7ff);\r\n background-size: 400% 400%;\r\n animation: gradientShift 15s ease infinite;\r\n }\r\n\r\n @keyframes gradientShift {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n \/* --- FLOATING ANIMATION --- *\/\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-20px); }\r\n }\r\n\r\n .float-animation {\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n \/* --- FADE IN ON SCROLL --- *\/\r\n .fade-in {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: fadeInUp 0.8s ease forwards;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* --- HEADER --- *\/\r\n header {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(12px);\r\n padding: 20px 0;\r\n box-shadow: var(--shadow-sm);\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n border-bottom: 1px solid var(--gray-200);\r\n }\r\n\r\n .logo {\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n color: var(--primary);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n font-family: var(--font-display);\r\n }\r\n\r\n .logo svg {\r\n filter: drop-shadow(0 2px 4px rgba(30, 64, 175, 0.2));\r\n }\r\n\r\n \/* --- HERO SECTION --- *\/\r\n .hero {\r\n padding: 100px 0 80px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .hero h1 {\r\n font-size: clamp(2.5rem, 6vw, 4rem);\r\n line-height: 1.1;\r\n color: var(--gray-900);\r\n margin-bottom: 24px;\r\n max-width: 900px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero h1 .highlight {\r\n background: linear-gradient(135deg, var(--primary-light), var(--primary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .hero h1 .highlight::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--accent);\r\n border-radius: 2px;\r\n }\r\n\r\n .hero .subheadline {\r\n font-size: clamp(1.125rem, 2vw, 1.375rem);\r\n color: var(--gray-600);\r\n margin-bottom: 40px;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n font-weight: 400;\r\n }\r\n\r\n .hero-image-wrapper {\r\n margin: 60px 0 40px;\r\n position: relative;\r\n max-width: 900px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero-image-wrapper img {\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-xl);\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n .hero-image-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: -20px;\r\n left: -20px;\r\n right: -20px;\r\n bottom: -20px;\r\n background: linear-gradient(135deg, var(--warm-dark), var(--warm));\r\n border-radius: var(--radius-lg);\r\n z-index: -1;\r\n opacity: 0.5;\r\n }\r\n\r\n \/* --- BUTTONS --- *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n background: linear-gradient(135deg, var(--accent), var(--accent-hover));\r\n color: var(--white);\r\n font-family: var(--font-display);\r\n font-weight: 700;\r\n font-size: 1.125rem;\r\n padding: 18px 36px;\r\n border-radius: 100px;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n box-shadow: 0 4px 20px rgba(245, 158, 11, 0.4);\r\n border: none;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.2);\r\n transition: left 0.5s;\r\n }\r\n\r\n .btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(245, 158, 11, 0.5);\r\n }\r\n\r\n .btn-whatsapp {\r\n background: linear-gradient(135deg, #25D366, #20bd5a);\r\n box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);\r\n }\r\n \r\n .btn-whatsapp:hover {\r\n box-shadow: 0 8px 30px rgba(37, 211, 102, 0.5);\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n border: 2px solid var(--primary);\r\n color: var(--primary);\r\n box-shadow: none;\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--primary);\r\n color: var(--white);\r\n }\r\n\r\n \/* --- PAIN POINTS SECTION --- *\/\r\n .pain-section {\r\n padding: 100px 0;\r\n background: var(--white);\r\n }\r\n\r\n .pain-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 32px;\r\n margin-top: 60px;\r\n }\r\n\r\n .pain-card {\r\n background: var(--gray-50);\r\n padding: 36px;\r\n border-radius: var(--radius);\r\n border: 2px solid var(--gray-200);\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .pain-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 4px;\r\n height: 0;\r\n background: linear-gradient(180deg, var(--accent), var(--accent-hover));\r\n transition: height 0.4s ease;\r\n }\r\n\r\n .pain-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: var(--accent);\r\n }\r\n\r\n .pain-card:hover::before {\r\n height: 100%;\r\n }\r\n\r\n .pain-icon {\r\n width: 56px;\r\n height: 56px;\r\n background: linear-gradient(135deg, #fee2e2, #fecaca);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .pain-card h3 {\r\n font-size: 1.25rem;\r\n margin-bottom: 12px;\r\n color: var(--gray-900);\r\n font-family: var(--font-display);\r\n }\r\n\r\n .pain-card p {\r\n color: var(--gray-600);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- STORY SECTION --- *\/\r\n .story-section {\r\n padding: 100px 0;\r\n position: relative;\r\n }\r\n\r\n .story-content {\r\n background: var(--white);\r\n padding: 60px;\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-xl);\r\n border-left: 6px solid var(--primary);\r\n position: relative;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .story-content::before {\r\n content: '\"';\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n font-size: 120px;\r\n font-family: Georgia, serif;\r\n color: var(--warm-dark);\r\n opacity: 0.3;\r\n line-height: 1;\r\n }\r\n\r\n .story-content h2 {\r\n font-size: 2rem;\r\n color: var(--primary);\r\n margin-bottom: 24px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .story-content p {\r\n font-size: 1.125rem;\r\n color: var(--gray-700);\r\n margin-bottom: 20px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .story-content p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* --- TRANSFORMATION SECTION --- *\/\r\n .transformation-section {\r\n padding: 100px 0;\r\n background: var(--white);\r\n }\r\n\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--gray-50);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n\r\n .testimonial-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-xl);\r\n }\r\n\r\n .testimonial-image {\r\n width: 100%;\r\n height: 240px;\r\n object-fit: cover;\r\n }\r\n\r\n .testimonial-content {\r\n padding: 32px;\r\n }\r\n\r\n .testimonial-text {\r\n font-style: italic;\r\n color: var(--gray-700);\r\n margin-bottom: 20px;\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n }\r\n\r\n .testimonial-author {\r\n font-family: var(--font-display);\r\n font-weight: 700;\r\n color: var(--primary);\r\n font-size: 0.95rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .testimonial-author::before {\r\n content: '';\r\n width: 40px;\r\n height: 2px;\r\n background: var(--accent);\r\n }\r\n\r\n \/* --- OFFER SECTION --- *\/\r\n .offer-section {\r\n padding: 100px 0;\r\n background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);\r\n color: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .offer-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -10%;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n\r\n .offer-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -50%;\r\n right: -10%;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n\r\n .offer-content {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .offer-section h2 {\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n margin-bottom: 20px;\r\n color: var(--white);\r\n }\r\n\r\n .offer-section > .container > p {\r\n font-size: 1.25rem;\r\n opacity: 0.95;\r\n max-width: 700px;\r\n margin: 0 auto 60px;\r\n }\r\n\r\n .offer-box {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(20px);\r\n padding: 48px;\r\n border-radius: var(--radius-lg);\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n max-width: 700px;\r\n margin: 0 auto 40px;\r\n }\r\n\r\n .price-wrapper {\r\n margin: 32px 0;\r\n }\r\n\r\n .price-sub {\r\n font-size: 1rem;\r\n opacity: 0.8;\r\n text-decoration: line-through;\r\n margin-bottom: 8px;\r\n font-family: var(--font-display);\r\n }\r\n\r\n .price-tag {\r\n font-size: clamp(3rem, 8vw, 4.5rem);\r\n font-weight: 800;\r\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 8px;\r\n font-family: var(--font-display);\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .price-note {\r\n font-size: 1.125rem;\r\n font-weight: 500;\r\n font-family: var(--font-display);\r\n }\r\n\r\n .benefits-list {\r\n list-style: none;\r\n text-align: left;\r\n display: inline-block;\r\n margin-top: 32px;\r\n }\r\n\r\n .benefits-list li {\r\n padding: 12px 0;\r\n font-size: 1.125rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n font-family: var(--font-display);\r\n font-weight: 500;\r\n }\r\n\r\n .benefits-list li::before {\r\n content: '\u2713';\r\n width: 32px;\r\n height: 32px;\r\n background: var(--success);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n font-weight: 700;\r\n }\r\n\r\n \/* --- FORM SECTION --- *\/\r\n .form-section {\r\n padding: 100px 0;\r\n background: var(--gray-50);\r\n }\r\n\r\n .form-section h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .form-section > .container > p {\r\n font-size: 1.125rem;\r\n color: var(--gray-600);\r\n margin-bottom: 60px;\r\n }\r\n\r\n .booking-form {\r\n background: var(--white);\r\n padding: 48px;\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-xl);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 28px;\r\n text-align: left;\r\n }\r\n\r\n .form-label {\r\n display: block;\r\n margin-bottom: 10px;\r\n font-family: var(--font-display);\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n color: var(--gray-900);\r\n }\r\n\r\n .form-input, .form-textarea {\r\n width: 100%;\r\n padding: 16px 20px;\r\n border: 2px solid var(--gray-300);\r\n border-radius: 12px;\r\n font-size: 1rem;\r\n font-family: var(--font-body);\r\n transition: var(--transition);\r\n background: var(--white);\r\n }\r\n\r\n .form-input:focus, .form-textarea:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\r\n }\r\n\r\n .form-input::placeholder, .form-textarea::placeholder {\r\n color: var(--gray-400);\r\n }\r\n\r\n .disclaimer {\r\n font-size: 0.875rem;\r\n color: var(--gray-600);\r\n margin-top: 24px;\r\n text-align: center;\r\n font-style: italic;\r\n }\r\n\r\n \/* --- FOOTER --- *\/\r\n footer {\r\n background: var(--gray-900);\r\n color: var(--gray-300);\r\n padding: 60px 0 30px;\r\n text-align: center;\r\n }\r\n\r\n footer h3 {\r\n color: var(--white);\r\n font-size: 1.5rem;\r\n margin-bottom: 12px;\r\n }\r\n\r\n footer p {\r\n margin-bottom: 10px;\r\n line-height: 1.8;\r\n }\r\n\r\n .footer-divider {\r\n width: 60px;\r\n height: 3px;\r\n background: var(--accent);\r\n margin: 30px auto;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* --- SOCIAL MEDIA --- *\/\r\n .social-media {\r\n margin: 30px 0;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 16px;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .social-link {\r\n width: 48px;\r\n height: 48px;\r\n background: linear-gradient(135deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n transition: var(--transition);\r\n box-shadow: 0 4px 15px rgba(225, 48, 108, 0.3);\r\n }\r\n\r\n .social-link:hover {\r\n transform: translateY(-4px) scale(1.05);\r\n box-shadow: 0 8px 25px rgba(225, 48, 108, 0.5);\r\n }\r\n\r\n \/* --- RESPONSIVE --- *\/\r\n @media (max-width: 768px) {\r\n .hero {\r\n padding: 60px 0 40px;\r\n }\r\n\r\n .hero-image-wrapper {\r\n margin: 40px 0 30px;\r\n }\r\n\r\n .pain-section,\r\n .story-section,\r\n .transformation-section,\r\n .offer-section,\r\n .form-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .story-content {\r\n padding: 40px 28px;\r\n }\r\n\r\n .offer-box {\r\n padding: 32px 24px;\r\n }\r\n\r\n .booking-form {\r\n padding: 32px 24px;\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .benefits-list li {\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 16px;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n font-size: 1rem;\r\n padding: 16px 28px;\r\n }\r\n\r\n .pain-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* --- SCROLL ANIMATIONS --- *\/\r\n .scroll-fade {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.8s ease, transform 0.8s ease;\r\n }\r\n\r\n .scroll-fade.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero bg-gradient-animated\">\r\n <div class=\"container hero-content\">\r\n <div class=\"text-center\">\r\n <span class=\"section-label\">Program Sosial Kemanusiaan<\/span>\r\n <h1 class=\"fade-in\">\r\n Putra-Putri Anda Lahir dengan <span class=\"highlight\">Bibir Sumbing?<\/span>\r\n <\/h1>\r\n <p class=\"subheadline fade-in\" style=\"animation-delay: 0.2s;\">\r\n Kami paham betapa beratnya beban Ayah & Bunda. Jangan biarkan biaya operasi yang mahal menghalangi masa depan buah hati Anda untuk tumbuh dengan percaya diri.\r\n <\/p>\r\n \r\n <div class=\"hero-image-wrapper fade-in\" style=\"animation-delay: 0.4s;\">\r\n <img decoding=\"async\" src=\"https:\/\/ysln.org\/wp-content\/uploads\/2026\/01\/operasi-bibir-sumbing-gratis.webp?w=1200&h=600&fit=crop\" alt=\"operasi bibir sumbing gratis\" loading=\"lazy\">\r\n <\/div>\r\n\r\n <a href=\"#booking\" class=\"btn fade-in\" style=\"animation-delay: 0.6s;\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M9 11l3 3L22 4\"><\/path>\r\n <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path>\r\n <\/svg>\r\n Daftar Operasi Gratis Sekarang\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Pain Points Section -->\r\n <section class=\"pain-section\">\r\n <div class=\"container\">\r\n <div class=\"text-center container-narrow\">\r\n <span class=\"section-label\">Perjuangan Orang Tua<\/span>\r\n <h2 style=\"font-size: 2.5rem; margin-bottom: 20px;\">\r\n Kami Memahami Kesulitan yang Ayah Bunda Rasakan\r\n <\/h2>\r\n <p style=\"font-size: 1.125rem; color: var(--gray-600);\">\r\n Melihat si kecil kesulitan makan minum, takut infeksi telinga berulang, atau khawatir dibuli teman-temannya saat sekolah nanti adalah rasa sakit yang tidak ternilai harganya.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"pain-grid\">\r\n <div class=\"pain-card scroll-fade\">\r\n <div class=\"pain-icon\">\ud83d\ude14<\/div>\r\n <h3>Kesulitan Menyusui<\/h3>\r\n <p>Bayi sulit menyusu atau minum ASI dengan baik, membuat berat badan sulit naik dan pertumbuhan terhambat.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pain-card scroll-fade\" style=\"animation-delay: 0.1s;\">\r\n <div class=\"pain-icon\">\ud83e\uddbb<\/div>\r\n <h3>Risiko Infeksi Telinga<\/h3>\r\n <p>Seringkali terserang infeksi telinga atau mengalami gangguan pendengaran yang berkelanjutan.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pain-card scroll-fade\" style=\"animation-delay: 0.2s;\">\r\n <div class=\"pain-icon\">\ud83d\ude22<\/div>\r\n <h3>Kekhawatiran Sosial<\/h3>\r\n <p>Takut si kecil akan di-bully atau merasa kurang percaya diri di lingkungan sosial dan sekolah.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pain-card scroll-fade\" style=\"animation-delay: 0.3s;\">\r\n <div class=\"pain-icon\">\ud83d\udcb0<\/div>\r\n <h3>Biaya Operasi Mahal<\/h3>\r\n <p>Biaya operasi bibir sumbing di rumah sakit mencapai puluhan juta rupiah - sangat memberatkan keluarga.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Story Section -->\r\n <section class=\"story-section bg-gradient-animated\">\r\n <div class=\"container\">\r\n <div class=\"story-content scroll-fade\">\r\n <span class=\"section-label\">Tentang Kami<\/span>\r\n <h2>Anda Tidak Sendirian dalam Perjuangan Ini<\/h2>\r\n <p>\r\n <strong style=\"color: var(--primary);\">Yayasan Sekar Lintas Nusantara<\/strong> hadir untuk menjembatani kepedulian sosial demi kesehatan anak Indonesia. Kami bekerjasama dengan tim dokter spesialis bedah plastik rekonstruksi berpengalaman yang telah menangani ribuan kasus.\r\n <\/p>\r\n <p>\r\n Selama bertahun-tahun, kami telah mendengar cerita haru dari orang tua yang hampir menyerah karena keterbatasan ekonomi, hingga akhirnya menemukan harapan baru lewat program operasi gratis ini. Setiap anak berhak mendapatkan senyuman sempurna dan masa depan yang cerah.\r\n <\/p>\r\n <p style=\"font-weight: 600; color: var(--primary); font-family: var(--font-display);\">\r\n Mari bersama-sama wujudkan senyum sempurna untuk buah hati tercinta.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Transformation Section -->\r\n <section class=\"transformation-section\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label\">Kisah Sukses<\/span>\r\n <h2 style=\"font-size: 2.5rem; margin-bottom: 16px;\">\r\n Senyum Baru, Harapan Baru\r\n <\/h2>\r\n <p style=\"font-size: 1.125rem; color: var(--gray-600); max-width: 700px; margin: 0 auto;\">\r\n Alhamdulillah, ribuan anak telah berhasil dioperasi dan kini tumbuh normal dengan percaya diri yang tinggi.\r\n <\/p>\r\n\r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card scroll-fade\">\r\n <img decoding=\"async\" src=\"https:\/\/ysln.org\/wp-content\/uploads\/2026\/01\/anak-dengan-bibir-sumbing-scaled.webp?w=600&h=400&fit=crop\" alt=\"Anak ceria setelah operasi\" class=\"testimonial-image\" loading=\"lazy\">\r\n <div class=\"testimonial-content\">\r\n <p class=\"testimonial-text\">\r\n \"Awalnya saya putus asa, biaya operasi sangat mahal. Berkat Yayasan Sekar Lintas Nusantara, anak saya kini bisa makan lancar dan tersenyum lebar. Terima kasih untuk semua donatur yang tulus membantu.\"\r\n <\/p>\r\n <p class=\"testimonial-author\">Ibu Sari, Jawa Timur<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card scroll-fade\" style=\"animation-delay: 0.2s;\">\r\n <img decoding=\"async\" src=\"https:\/\/ysln.org\/wp-content\/uploads\/2026\/01\/anak-dengan-bibir-sumbing-operasi-gratis.webp?w=600&h=400&fit=crop\" alt=\"Anak perempuan ceria\" class=\"testimonial-image\" loading=\"lazy\">\r\n <div class=\"testimonial-content\">\r\n <p class=\"testimonial-text\">\r\n \"Tim dokternya sangat profesional dan ramah. Perawatannya bagus dan Alhamdulillah gratis sepenuhnya. Anak saya sekarang bisa sekolah tanpa rasa malu. Semoga yayasan ini terus berkembang.\"\r\n <\/p>\r\n <p class=\"testimonial-author\">Bapak Budi, Jakarta<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Offer Section -->\r\n <section class=\"offer-section\">\r\n <div class=\"container text-center offer-content\">\r\n <span class=\"section-label\" style=\"background: rgba(255,255,255,0.2); color: var(--white);\">Program Khusus<\/span>\r\n <h2>Mari Wujudkan Senyum Sempurna Mereka<\/h2>\r\n <p>\r\n Kami membuka kesempatan bagi keluarga yang membutuhkan untuk mendapatkan layanan operasi bibir sumbing gratis berkualitas tinggi.\r\n <\/p>\r\n \r\n <div class=\"offer-box scroll-fade\">\r\n <div class=\"price-wrapper\">\r\n <p class=\"price-sub\">Biaya Normal: Rp 20.000.000 - Rp 50.000.000<\/p>\r\n <div class=\"price-tag\">Rp 0,-<\/div>\r\n <p class=\"price-note\">100% Gratis Tanpa Dipungut Biaya Apapun<\/p>\r\n <\/div>\r\n \r\n <ul class=\"benefits-list\">\r\n <li>Pemeriksaan kesehatan pra-operasi lengkap<\/li>\r\n <li>Tindakan operasi oleh Dokter Spesialis berpengalaman<\/li>\r\n <li>Obat-obatan dan perawatan selama masa pemulihan<\/li>\r\n <li>Konsultasi dan monitoring pasca operasi<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <a href=\"#booking\" class=\"btn\" style=\"background: var(--white); color: var(--primary); box-shadow: 0 8px 30px rgba(255,255,255,0.3);\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n <\/svg>\r\n Amankan Kuota Sekarang\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Form Section -->\r\n <section id=\"booking\" class=\"form-section\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label\">Langkah Selanjutnya<\/span>\r\n <h2>Formulir Pendaftaran Pasien<\/h2>\r\n <p>\r\n Isi data di bawah ini dengan benar. Pesan akan langsung terkirim ke WhatsApp Admin Yayasan untuk diproses lebih lanjut.\r\n <\/p>\r\n\r\n <div class=\"booking-form scroll-fade\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"parentName\">Nama Orang Tua \/ Wali *<\/label>\r\n <input type=\"text\" id=\"parentName\" class=\"form-input\" placeholder=\"Contoh: Budi Santoso\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"childName\">Nama Anak Pasien *<\/label>\r\n <input type=\"text\" id=\"childName\" class=\"form-input\" placeholder=\"Nama lengkap anak\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"childAge\">Usia Anak *<\/label>\r\n <input type=\"text\" id=\"childAge\" class=\"form-input\" placeholder=\"Contoh: 8 Bulan atau 3 Tahun\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"phone\">Nomor WhatsApp Aktif *<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-input\" placeholder=\"0812xxxxxx\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"address\">Alamat Domisili *<\/label>\r\n <textarea id=\"address\" class=\"form-textarea\" rows=\"3\" placeholder=\"Kota dan Alamat lengkap...\" required><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"button\" onclick=\"sendToWhatsapp()\" class=\"btn btn-whatsapp\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2ZM12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67Z\"\/>\r\n <\/svg>\r\n Kirim Pendaftaran ke WhatsApp\r\n <\/button>\r\n \r\n <p class=\"disclaimer\">\r\n \ud83d\udd12 Data Anda aman dan terjaga kerahasiaannya. Pesan akan otomatis terformat ketika tombol ditekan.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer>\r\n <div class=\"container\">\r\n <h3>Yayasan Sekar Lintas Nusantara<\/h3>\r\n <p>Bergerak di bidang sosial kemanusiaan untuk kesehatan anak Indonesia.<\/p>\r\n <p>Memberikan harapan baru melalui aksi nyata peduli sesama.<\/p>\r\n \r\n <div class=\"footer-divider\"><\/div>\r\n \r\n <!-- Social Media -->\r\n <div class=\"social-media\">\r\n <p style=\"font-size: 0.95rem; margin-bottom: 16px; font-family: var(--font-display); font-weight: 600;\">Ikuti Kami<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.instagram.com\/sekarlintasnusantara\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link\" aria-label=\"Instagram Yayasan Sekar Lintas Nusantara\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div style=\"margin-top: 30px;\">\r\n <p style=\"font-size: 0.875rem; opacity: 0.7;\">© 2023 Yayasan Sekar Lintas Nusantara. All Rights Reserved.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- WhatsApp Script -->\r\n <script>\r\n \/\/ Scroll Animation Observer\r\n const scrollElements = document.querySelectorAll('.scroll-fade');\r\n \r\n const elementInView = (el, dividend = 1) => {\r\n const elementTop = el.getBoundingClientRect().top;\r\n return (\r\n elementTop <= (window.innerHeight || document.documentElement.clientHeight) \/ dividend\r\n );\r\n };\r\n\r\n const displayScrollElement = (element) => {\r\n element.classList.add('visible');\r\n };\r\n\r\n const handleScrollAnimation = () => {\r\n scrollElements.forEach((el) => {\r\n if (elementInView(el, 1.25)) {\r\n displayScrollElement(el);\r\n }\r\n });\r\n };\r\n\r\n window.addEventListener('scroll', () => {\r\n handleScrollAnimation();\r\n });\r\n\r\n \/\/ Initial check\r\n handleScrollAnimation();\r\n\r\n \/\/ WhatsApp Function\r\n function sendToWhatsapp() {\r\n \/\/ GANTI NOMOR ADMIN DI SINI\r\n const adminPhoneNumber = \"6281230080140\"; \r\n\r\n const parentName = document.getElementById('parentName').value.trim();\r\n const childName = document.getElementById('childName').value.trim();\r\n const childAge = document.getElementById('childAge').value.trim();\r\n const phone = document.getElementById('phone').value.trim();\r\n const address = document.getElementById('address').value.trim();\r\n\r\n \/\/ Validasi\r\n if(!parentName || !childName || !childAge || !phone || !address) {\r\n alert(\"\u26a0\ufe0f Mohon lengkapi semua data yang bertanda (*) terlebih dahulu.\");\r\n return;\r\n }\r\n\r\n \/\/ Format Pesan WhatsApp\r\n let message = `Halo Admin Yayasan Sekar Lintas Nusantara,%0A%0A`;\r\n message += `Saya ingin mendaftar program *Operasi Bibir Sumbing Gratis*.%0A%0A`;\r\n message += `Berikut data calon pasien:%0A`;\r\n message += `\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501%0A`;\r\n message += `\ud83d\udc64 *Nama Orang Tua*: ${parentName}%0A`;\r\n message += `\ud83d\udc76 *Nama Anak*: ${childName}%0A`;\r\n message += `\ud83d\udcc5 *Usia Anak*: ${childAge}%0A`;\r\n message += `\ud83d\udcf1 *No. WhatsApp*: ${phone}%0A`;\r\n message += `\ud83d\udccd *Alamat*: ${address}%0A`;\r\n message += `\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501%0A%0A`;\r\n message += `Mohon informasi jadwal screening dan prosedur selanjutnya.%0A%0A`;\r\n message += `Terima kasih. \ud83d\ude4f`;\r\n\r\n \/\/ Buka WhatsApp\r\n const url = `https:\/\/wa.me\/${adminPhoneNumber}?text=${message}`;\r\n window.open(url, '_blank');\r\n }\r\n\r\n \/\/ Smooth scroll for anchor links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Operasi Bibir Sumbing Gratis – Yayasan Sekar Lintas Nusantara Program Sosial Kemanusiaan Putra-Putri Anda Lahir dengan Bibir Sumbing? Kami paham betapa beratnya beban Ayah & Bunda. Jangan biarkan biaya operasi yang mahal menghalangi masa depan buah hati Anda untuk tumbuh dengan percaya diri. Daftar Operasi Gratis Sekarang Perjuangan Orang Tua Kami Memahami Kesulitan yang Ayah […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ysln.org\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ysln.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ysln.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ysln.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ysln.org\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":27,"href":"https:\/\/ysln.org\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/ysln.org\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/ysln.org\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}