{"/styles.css":{"code":".app {\n font-family: system-ui, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem;\n}\n\nh1 {\n color: #333;\n}"},"/App.js":{"code":"import React, { useState } from \"react\";\n\nexport default function App() {\n const [showComic, setShowComic] = useState(false);\n\n const comicPanels = [\n {\n title: \"The Golden Crystal\",\n emoji: \"🟨💎🟨\",\n bg: \"from-yellow-400 to-orange-600\",\n text: \"A mysterious Golden Crystal appeared in the Golden Mountains.\"\n },\n {\n title: \"Shadowstar Appears\",\n emoji: \"🌑😈⚡\",\n bg: \"from-gray-800 to-black\",\n text: \"A dark villain named Shadowstar emerged from a portal.\"\n },\n {\n title: \"The Theft\",\n emoji: \"😈➡️💎\",\n bg: \"from-red-600 to-black\",\n text: \"Shadowstar stole the Golden Crystal and planned to cover the world in darkness.\"\n },\n {\n title: \"The Warning\",\n emoji: \"🐦✨📢\",\n bg: \"from-cyan-500 to-blue-700\",\n text: \"bird rushed to warn Starlight and Luna.\"\n },\n {\n title: \"The Heroes\",\n emoji: \"⭐🐺🤝🐱🌙\",\n bg: \"from-indigo-500 to-purple-700\",\n text: \"Starlight and Luna promised to stop Shadowstar.\"\n },\n {\n title: \"Dark Castle\",\n emoji: \"🏰🌑⚡\",\n bg: \"from-gray-700 to-black\",\n text: \"The heroes found Shadowstar's giant castle hidden in the the unknown dark Lands.\"\n },\n {\n title: \"Battle Begins\",\n emoji: \"🐺⚔️😈⚔️🐱\",\n bg: \"from-orange-500 to-red-700\",\n text: \"The final battle began as Shadowstar unleashed shadow beasts.\"\n },\n {\n title: \"Golden Forms\",\n emoji: \"👑⭐🐺 ✨ 🐱🌙👑\",\n bg: \"from-yellow-500 to-amber-700\",\n text: \"The Golden Crystal transformed Starlight and Luna into Golden Guardians.\"\n },\n {\n title: \"Ultimate Attack\",\n emoji: \"⭐🌈🌙\",\n bg: \"from-violet-600 to-indigo-900\",\n text: \"Star Magic and Moon Magic combined into one powerful beam.\"\n },\n {\n title: \"Victory\",\n emoji: \"😈💨💥\",\n bg: \"from-green-500 to-emerald-700\",\n text: \"Shadowstar was defeated and his dark portal collapsed.\"\n },\n {\n title: \"Peace Returns\",\n emoji: \"🌳🌈💎\",\n bg: \"from-cyan-400 to-blue-600\",\n text: \"The Golden Crystal returned home and peace spread across the land.\"\n },\n {\n title: \"To Be Continued...\",\n emoji: \"🌌👁️❓\",\n bg: \"from-purple-700 to-black\",\n text: \"Far away in space, a giant cosmic eye suddenly opened...\"\n }\n ];\n\n return (\n

\n \n

\n 🌙 Starlight & Luna: Part 3 🌟\n

\n\n

\n The Golden Crystal Adventure\n

\n\n {!showComic && (\n

\n setShowComic(true)}\n className=\"bg-pink-500 hover:bg-pink-600 px-8 py-4 rounded-2xl text-2xl shadow-xl transition-all hover:scale-105\"\n >\n 📖 Read Comic\n \n

\n )}\n\n {showComic && (\n

\n {comicPanels.map((panel, index) => (\n \n

\n {panel.emoji}\n

\n\n

\n {panel.title}\n

\n\n

\n {panel.text}\n

\n ))}\n

\n )}\n\n

\n ✨ Starlight and Luna saved the world once again! ✨\n

\n \n );\n}"},"/index.js":{"code":"import React, { StrictMode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport \"./styles.css\";\n\nimport App from \"./App\";\n\nconst root = createRoot(document.getElementById(\"root\"));\nroot.render(\n \n \n \n);"},"/public/index.html":{"code":"\n\n\n \n \n \n My App\n\n\n

\n\n"}}

Starlight and Luna part 3 the golden crystal adventure by starlight (zuri)