{
  "app": {
    "name": "BTDI",
    "version": "1.0.0",
    "exportDate": "2026-03-31T14:14:02.707Z"
  },
  "pages": [
    {
      "id": "cover-front",
      "type": "hard",
      "title": "Kulit Depan",
      "backgroundColor": "#1565C0",
      "backgroundGradient": "linear-gradient(135deg, #1565C0 0%, #0D47A1 50%, #002171 100%)",
      "layers": [
        {
          "id": "l1",
          "type": "shape",
          "props": {
            "shape": "rect",
            "fill": "rgba(255,255,255,0.1)",
            "x": "5%",
            "y": "5%",
            "width": "90%",
            "height": "90%",
            "borderRadius": "12px",
            "border": "2px solid rgba(255,255,255,0.3)"
          }
        },
        {
          "id": "l2",
          "type": "text",
          "props": {
            "content": "<div style='text-align:center;color:#fff;padding:20%'><h6 style='letter-spacing:3px;opacity:0.8'>KEMENTERIAN PENDIDIKAN MALAYSIA</h6><h1 style='font-size:2.2em;margin:20px 0;font-weight:800'>SAINS</h1><h3 style='opacity:0.9'>Tingkatan 1</h3><hr style='width:60%;margin:20px auto;border-color:rgba(255,255,255,0.4)'><p style='opacity:0.7;font-size:0.9em'>Buku Teks Digital Interaktif</p></div>",
            "x": "0%",
            "y": "0%",
            "width": "100%",
            "height": "100%"
          }
        },
        {
          "id": "l3-mnep6o9o",
          "type": "lottie",
          "props": {
            "src": "",
            "x": "20%",
            "y": "20%",
            "width": "60%",
            "height": "40%"
          }
        }
      ]
    },
    {
      "id": "page-1",
      "type": "soft",
      "title": "Isi Kandungan",
      "backgroundColor": "#FFFEF7",
      "layers": [
        {
          "id": "l1",
          "type": "text",
          "props": {
            "content": "<div style='padding:8%'><h2 style='color:#1565C0;border-bottom:2px solid #1565C0;padding-bottom:10px'>Isi Kandungan</h2><div style='margin-top:20px;line-height:2.2'><p>Bab 1: Pengenalan kepada Sains ............ 1</p><p>Bab 2: Sel sebagai Unit Asas Kehidupan ... 15</p><p>Bab 3: Jirim ............................ 30</p><p>Bab 4: Tenaga dan Kelestarian Hidup ...... 48</p><p>Bab 5: Air dan Penyelesaian .............. 65</p></div></div>",
            "x": "0%",
            "y": "0%",
            "width": "100%",
            "height": "100%"
          }
        }
      ]
    },
    {
      "id": "page-2",
      "type": "soft",
      "title": "Bab 1: Pengenalan",
      "backgroundColor": "#FFFEF7",
      "layers": [
        {
          "id": "l1",
          "type": "text",
          "props": {
            "content": "<div style='padding:8%'><span style='background:#1565C0;color:#fff;padding:4px 16px;border-radius:20px;font-size:0.85em'>BAB 1</span><h2 style='color:#1565C0;margin-top:16px'>Pengenalan kepada Sains</h2><p style='margin-top:16px;line-height:1.8;color:#444'>Sains ialah proses sistematik untuk memahami alam semula jadi melalui pemerhatian dan eksperimen. Dalam bab ini, kita akan mempelajari tentang kaedah saintifik dan kepentingannya dalam kehidupan seharian.</p><div style='background:#E3F2FD;padding:16px;border-radius:8px;margin-top:20px;border-left:4px solid #1565C0'><strong>Objektif Pembelajaran:</strong><br>• Memahami konsep asas sains<br>• Mengenal pasti langkah-langkah kaedah saintifik<br>• Mengaplikasi kemahiran proses sains</div></div>",
            "x": "0%",
            "y": "0%",
            "width": "100%",
            "height": "100%"
          }
        }
      ]
    },
    {
      "id": "page-3",
      "type": "soft",
      "title": "Kaedah Saintifik",
      "backgroundColor": "#FFFEF7",
      "layers": [
        {
          "id": "l1",
          "type": "text",
          "props": {
            "content": "<div style='padding:8%'><h3 style='color:#1565C0'>1.1 Kaedah Saintifik</h3><p style='line-height:1.8;color:#444;margin-top:12px'>Kaedah saintifik adalah pendekatan yang sistematik dan teratur dalam menyelesaikan masalah. Ia melibatkan langkah-langkah berikut:</p><ol style='line-height:2.2;color:#333;margin-top:12px'><li><strong>Mengenal pasti masalah</strong> - Membuat pemerhatian</li><li><strong>Membuat hipotesis</strong> - Membuat jangkaan awal</li><li><strong>Merancang eksperimen</strong> - Menentukan pemboleh ubah</li><li><strong>Menjalankan eksperimen</strong> - Mengumpul data</li><li><strong>Menganalisis data</strong> - Membuat kesimpulan</li></ol><div style='text-align:center;margin-top:20px;padding:20px;background:#FFF3E0;border-radius:8px'><span style='font-size:3em'>🔬</span><p style='margin-top:8px;color:#E65100;font-weight:600'>Aktiviti Interaktif</p><p style='font-size:0.9em;color:#666'>Klik untuk meneroka model 3D mikroskop</p></div></div>",
            "x": "0%",
            "y": "0%",
            "width": "100%",
            "height": "100%"
          }
        }
      ]
    },
    {
      "id": "cover-back",
      "type": "hard",
      "title": "Kulit Belakang",
      "backgroundColor": "#0D47A1",
      "backgroundGradient": "linear-gradient(135deg, #0D47A1 0%, #002171 100%)",
      "layers": [
        {
          "id": "l1",
          "type": "text",
          "props": {
            "content": "<div style='text-align:center;color:#fff;padding:30% 15%'><p style='font-size:1.1em;opacity:0.9'>Buku Teks Digital Interaktif</p><h4 style='margin:16px 0'>SAINS Tingkatan 1</h4><hr style='width:40%;margin:16px auto;border-color:rgba(255,255,255,0.3)'><p style='opacity:0.7;font-size:0.85em'>© 2026 Kementerian Pendidikan Malaysia</p><p style='opacity:0.5;font-size:0.8em;margin-top:30px'>ISBN: 978-967-XXX-XXX-X</p></div>",
            "x": "0%",
            "y": "0%",
            "width": "100%",
            "height": "100%"
          }
        },
        {
          "id": "l2-mnep3ss8",
          "type": "text",
          "props": {
            "content": "<div style=\"padding:8%\"><h3>Tajuk</h3><p>Kandungan teks anda di sini...</p></div>",
            "x": "0%",
            "y": "0%",
            "width": "100%",
            "height": "auto"
          }
        },
        {
          "id": "l3-mnep3ugd",
          "type": "image",
          "props": {
            "src": "",
            "alt": "",
            "x": "10%",
            "y": "10%",
            "width": "80%",
            "height": "auto"
          }
        },
        {
          "id": "l4-mnep3vyv",
          "type": "video",
          "props": {
            "src": "",
            "x": "5%",
            "y": "5%",
            "width": "90%",
            "height": "50%"
          }
        },
        {
          "id": "l5-mnep3xtv",
          "type": "audio",
          "props": {
            "src": "",
            "x": "10%",
            "y": "80%",
            "width": "80%",
            "height": "auto"
          }
        },
        {
          "id": "l6-mnep3ypi",
          "type": "shape",
          "props": {
            "fill": "rgba(21,101,192,0.1)",
            "x": "5%",
            "y": "5%",
            "width": "90%",
            "height": "90%",
            "borderRadius": "12px",
            "border": "none"
          }
        },
        {
          "id": "l7-mnep406t",
          "type": "model3d",
          "props": {
            "src": "",
            "x": "10%",
            "y": "10%",
            "width": "80%",
            "height": "60%"
          }
        },
        {
          "id": "l8-mnep40rw",
          "type": "button",
          "props": {
            "content": "<button style=\"padding:12px 24px;background:var(--pri);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1em\">Klik Saya</button>",
            "x": "30%",
            "y": "85%",
            "width": "40%",
            "height": "auto"
          }
        },
        {
          "id": "l9-mnep41rr",
          "type": "lottie",
          "props": {
            "src": "",
            "x": "20%",
            "y": "20%",
            "width": "60%",
            "height": "40%"
          }
        },
        {
          "id": "l10-mnep4b82",
          "type": "text",
          "props": {
            "content": "<div style=\"padding:8%\"><h3>Tajuk</h3><p>Kandungan teks anda di sini...</p></div>",
            "x": "0%",
            "y": "0%",
            "width": "100%",
            "height": "auto"
          }
        }
      ]
    }
  ]
}