{"id":2,"date":"2026-03-09T05:52:16","date_gmt":"2026-03-09T05:52:16","guid":{"rendered":"https:\/\/nia.sawangan.my.id\/?page_id=2"},"modified":"2026-03-09T08:11:34","modified_gmt":"2026-03-09T08:11:34","slug":"selamat-datang","status":"publish","type":"page","link":"https:\/\/nia.sawangan.my.id\/index.php\/selamat-datang\/","title":{"rendered":"When I Fly Towards You"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>When I Fly Towards You &#8211; Zhou Yiran &#038; Zhang Miaoyi<\/title>\n<!-- Mengambil Font Elegan dari Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&#038;family=Poppins:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* Reset & Base Styles agar tidak bentrok dengan tema WordPress *\/\n    #wifty-wrapper * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n\n    #wifty-wrapper {\n        font-family: 'Poppins', sans-serif;\n        color: #333;\n        line-height: 1.6;\n        background-color: #fdfbf7;\n        width: 100%;\n        overflow-x: hidden;\n    }\n\n    #wifty-wrapper h1, #wifty-wrapper h2, #wifty-wrapper h3 {\n        font-family: 'Playfair Display', serif;\n        color: #2c3e50;\n    }\n\n    #wifty-wrapper a {\n        text-decoration: none;\n        transition: 0.3s;\n    }\n\n    \/* --- HERO SECTION --- *\/\n    .wifty-hero {\n        position: relative;\n        height: 90vh;\n        min-height: 600px;\n        \/* Gradasi warna langit senja khas poster *\/\n        background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        color: white;\n        overflow: hidden;\n    }\n\n    \/* Overlay gelap tipis agar teks jelas *\/\n    .wifty-hero::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: rgba(0, 0, 0, 0.15);\n        z-index: 1;\n    }\n\n    .wifty-hero-content {\n        position: relative;\n        z-index: 2;\n        padding: 20px;\n        max-width: 800px;\n    }\n\n    .wifty-hero h1 {\n        font-size: 3.5rem;\n        margin-bottom: 1rem;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n        letter-spacing: 2px;\n    }\n\n    .wifty-hero p {\n        font-size: 1.2rem;\n        margin-bottom: 2rem;\n        font-weight: 300;\n        text-shadow: 1px 1px 2px rgba(0,0,0,0.2);\n    }\n\n    .wifty-btn {\n        display: inline-block;\n        padding: 12px 35px;\n        background-color: white;\n        color: #a18cd1;\n        font-weight: 600;\n        border-radius: 50px;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        transform: translateY(0);\n    }\n\n    .wifty-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n        background-color: #fff;\n        color: #fbc2eb;\n    }\n\n    \/* Animasi Pesawat Kertas *\/\n    .wifty-paper-plane {\n        position: absolute;\n        width: 40px;\n        height: 40px;\n        background: white;\n        opacity: 0.8;\n        clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 20% 50%);\n        animation: fly 15s linear infinite;\n        z-index: 1;\n    }\n\n    .wifty-plane-1 { top: 20%; left: -50px; animation-duration: 12s; animation-delay: 0s; }\n    .wifty-plane-2 { top: 60%; left: -50px; animation-duration: 18s; animation-delay: 5s; transform: scale(0.7); }\n    .wifty-plane-3 { top: 40%; left: -50px; animation-duration: 10s; animation-delay: 2s; transform: scale(0.5); opacity: 0.6; }\n\n    @keyframes fly {\n        0% { left: -100px; transform: rotate(0deg); }\n        100% { left: 110%; transform: rotate(10deg); }\n    }\n\n    \/* --- SECTION UMUM --- *\/\n    .wifty-section {\n        padding: 80px 20px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .wifty-section-title {\n        text-align: center;\n        font-size: 2.5rem;\n        margin-bottom: 3rem;\n        color: #2c3e50;\n        position: relative;\n        display: inline-block;\n        left: 50%;\n        transform: translateX(-50%);\n    }\n\n    .wifty-section-title::after {\n        content: '';\n        display: block;\n        width: 60px;\n        height: 3px;\n        background: #fbc2eb;\n        margin: 10px auto 0;\n        border-radius: 2px;\n    }\n\n    \/* --- ABOUT \/ SINOPSIS --- *\/\n    .wifty-about-container {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 40px;\n    }\n\n    .wifty-about-img {\n        flex: 1 1 400px;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    }\n\n    .wifty-about-img img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.5s;\n    }\n\n    .wifty-about-img:hover img {\n        transform: scale(1.05);\n    }\n\n    .wifty-about-text {\n        flex: 1 1 400px;\n    }\n\n    .wifty-about-text p {\n        margin-bottom: 1.5rem;\n        color: #555;\n        font-size: 1.05rem;\n        text-align: justify;\n    }\n\n    \/* --- CHARACTERS (SUDAH DIPERBAIKI) --- *\/\n    .wifty-char-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 30px;\n    }\n\n    .wifty-char-card {\n        background: white;\n        border-radius: 15px;\n        overflow: hidden;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        text-align: center;\n        transition: transform 0.3s ease;\n        border: 1px solid #eee;\n    }\n\n    .wifty-char-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 30px rgba(161, 140, 209, 0.3);\n    }\n\n    .wifty-char-img-box {\n        height: 350px;\n        overflow: hidden;\n    }\n\n    .wifty-char-img-box img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .wifty-char-info {\n        padding: 20px;\n    }\n\n    .wifty-char-info h3 {\n        font-size: 1.5rem;\n        margin-bottom: 5px;\n        color: #2c3e50;\n    }\n\n    .wifty-char-info span {\n        color: #a18cd1; \/* Warna ungu lembut *\/\n        font-weight: 600;\n        text-transform: uppercase;\n        font-size: 0.8rem;\n        letter-spacing: 1px;\n    }\n\n    \/* --- QUOTE SECTION --- *\/\n    .wifty-quote-section {\n        background: linear-gradient(rgba(44, 62, 80, 0.8), rgba(44, 62, 80, 0.8)), url('https:\/\/picsum.photos\/seed\/sky\/1200\/600');\n        background-size: cover;\n        background-attachment: fixed;\n        background-position: center;\n        color: white;\n        text-align: center;\n        padding: 100px 20px;\n    }\n\n    .wifty-quote-text {\n        font-family: 'Playfair Display', serif;\n        font-size: 2rem;\n        font-style: italic;\n        max-width: 800px;\n        margin: 0 auto;\n        line-height: 1.4;\n    }\n\n    .wifty-quote-author {\n        margin-top: 20px;\n        font-family: 'Poppins', sans-serif;\n        font-size: 1rem;\n        color: #fbc2eb;\n        letter-spacing: 2px;\n    }\n\n    \/* --- GALLERY --- *\/\n    .wifty-gallery-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 15px;\n    }\n\n    .wifty-gallery-item {\n        position: relative;\n        border-radius: 10px;\n        overflow: hidden;\n        aspect-ratio: 1\/1;\n        cursor: pointer;\n    }\n\n    .wifty-gallery-item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.4s;\n    }\n\n    .wifty-gallery-item:hover img {\n        transform: scale(1.1);\n    }\n\n    \/* --- FOOTER --- *\/\n    .wifty-footer {\n        background-color: #2c3e50;\n        color: white;\n        text-align: center;\n        padding: 40px 20px;\n    }\n\n    .wifty-footer p {\n        opacity: 0.7;\n        font-size: 0.9rem;\n    }\n\n    .wifty-socials {\n        margin-top: 15px;\n    }\n\n    .wifty-socials a {\n        color: white;\n        margin: 0 10px;\n        font-size: 1.2rem;\n        opacity: 0.7;\n    }\n\n    .wifty-socials a:hover {\n        opacity: 1;\n        color: #fbc2eb;\n    }\n\n    \/* Responsive Mobile Adjustments *\/\n    @media (max-width: 768px) {\n        .wifty-hero h1 { font-size: 2.2rem; }\n        .wifty-section { padding: 50px 20px; }\n        .wifty-char-img-box { height: 300px; }\n        .wifty-quote-text { font-size: 1.5rem; }\n    }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"wifty-wrapper\">\n    <!-- HERO SECTION -->\n    <header class=\"wifty-hero\">\n        <!-- Dekorasi Pesawat Kertas -->\n        <div class=\"wifty-paper-plane wifty-plane-1\"><\/div>\n        <div class=\"wifty-paper-plane wifty-plane-2\"><\/div>\n        <div class=\"wifty-paper-plane wifty-plane-3\"><\/div>\n\n        <div class=\"wifty-hero-content\">\n            <h1>When I Fly Towards You<\/h1>\n            <p>Kisah cinta masa muda yang hangat, cerah, dan penuh harapan.<\/p>\n            <a href=\"#sinopsis\" class=\"wifty-btn\">Mulai Menonton<\/a>\n        <\/div>\n    <\/header>\n\n    <!-- SINOPSIS SECTION -->\n    <section id=\"sinopsis\" class=\"wifty-section\">\n        <h2 class=\"wifty-section-title\">Tentang Drama<\/h2>\n        <div class=\"wifty-about-container\">\n            <div class=\"wifty-about-img\">\n                <!-- Menggunakan placeholder gambar suasana -->\n                <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/schooldays\/600\/400\" alt=\"When I Fly Towards You Scene\">\n            <\/div>\n            <div class=\"wifty-about-text\">\n                <p><strong>&#8220;Kamu adalah cahaya pertamaku di masa kelabu.&#8221;<\/strong><\/p>\n                <p>Di musim semi tahun 2012, Su Zai Zai pindah ke kota baru dan memasuki sekolah menengah. Di sana, ia bertemu dengan Zhang Lu Rang, sosok yang dingin, cerdas, namun menyimpan banyak tekanan batin.<\/p>\n                <p>Kehadiran Zai Zai yang ceria dan penuh warna perlahan mengubah hidup Lu Rang. Drama ini mengisahkan bagaimana mereka saling mendukung, tumbuh bersama, dan menemukan jati diri mereka di tengah masa-masa penuh gejolak remaja.<\/p>\n                <a href=\"#\" class=\"wifty-btn\" style=\"background-color: #a18cd1; color: white; margin-top: 10px;\">Lihat Detail Episode<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CHARACTERS SECTION (NAMA SUDAH DIPERBAIKI) -->\n    <section class=\"wifty-section\" style=\"background-color: #fff;\">\n        <h2 class=\"wifty-section-title\">Pemeran Utama<\/h2>\n        <div class=\"wifty-char-grid\">\n            <!-- Karakter 1: Zhang Lu Rang -->\n            <div class=\"wifty-char-card\">\n                <div class=\"wifty-char-img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/zhouyiran\/400\/500\" alt=\"Zhang Lu Rang\">\n                <\/div>\n                <div class=\"wifty-char-info\">\n                    <h3>Zhang Lu Rang<\/h3>\n                    <span>Diperankan oleh <strong>Zhou Yiran<\/strong><\/span>\n                    <p style=\"margin-top:10px; font-size: 0.9rem; color: #666;\">Seorang jenius yang tertutup, berbakat dalam lari dan fisika, yang akhirnya belajar mencintai dirinya sendiri.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Karakter 2: Su Zai Zai -->\n            <div class=\"wifty-char-card\">\n                <div class=\"wifty-char-img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/zhangmiaoyi\/400\/500\" alt=\"Su Zai Zai\">\n                <\/div>\n                <div class=\"wifty-char-info\">\n                    <h3>Su Zai Zai<\/h3>\n                    <span>Diperankan oleh <strong>Zhang Miaoyi<\/strong><\/span>\n                    <p style=\"margin-top:10px; font-size: 0.9rem; color: #666;\">Gadis ceria dan pejuang yang menjadi sumber kehangatan dan kekuatan bagi Lu Rang.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- QUOTE PARALLAX -->\n    <section class=\"wifty-quote-section\">\n        <div class=\"wifty-quote-text\">\n            &#8220;Aku tidak ingin menjadi yang terbaik di dunia, aku hanya ingin menjadi orang yang paling berharga bagimu.&#8221;\n        <\/div>\n        <div class=\"wifty-quote-author\">&#8211; SU ZAI ZAI<\/div>\n    <\/section>\n\n    <!-- GALLERY SECTION -->\n    <section class=\"wifty-section\">\n        <h2 class=\"wifty-section-title\">Galeri Adegan<\/h2>\n        <div class=\"wifty-gallery-grid\">\n            <div class=\"wifty-gallery-item\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/wifty1\/400\/400\" alt=\"Scene 1\"><\/div>\n            <div class=\"wifty-gallery-item\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/wifty2\/400\/400\" alt=\"Scene 2\"><\/div>\n            <div class=\"wifty-gallery-item\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/wifty3\/400\/400\" alt=\"Scene 3\"><\/div>\n            <div class=\"wifty-gallery-item\"><img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/wifty4\/400\/400\" alt=\"Scene 4\"><\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer class=\"wifty-footer\">\n        <h3>When I Fly Towards You<\/h3>\n        <p>Tribute Page untuk Zhou Yiran &#038; Zhang Miaoyi.<\/p>\n        <div class=\"wifty-socials\">\n            <a href=\"#\">Weibo<\/a> | \n            <a href=\"#\">Instagram<\/a> | \n            <a href=\"#\">Douban<\/a>\n        <\/div>\n        <p style=\"margin-top: 20px;\">&copy; 2023 Fanpage Tribute. All rights reserved.<\/p>\n    <\/footer>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>When I Fly Towards You &#8211; Zhou Yiran &#038; Zhang Miaoyi When I Fly Towards You Kisah cinta masa muda yang hangat, cerah, dan penuh harapan. Mulai Menonton Tentang Drama &#8220;Kamu adalah cahaya pertamaku di masa kelabu.&#8221; Di musim semi tahun 2012, Su Zai Zai pindah ke kota baru dan memasuki sekolah menengah. Di sana, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nia.sawangan.my.id\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nia.sawangan.my.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nia.sawangan.my.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nia.sawangan.my.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nia.sawangan.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":4,"href":"https:\/\/nia.sawangan.my.id\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/nia.sawangan.my.id\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/nia.sawangan.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}