{"/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 Missing Diamond\",\n emoji: \"💎😱\",\n bg: \"from-cyan-500 to-blue-700\",\n text: \"One morning, the magical Moon Diamond vanished from the Silver Forest!\",\n },\n {\n title: \"A Strange Clue\",\n emoji: \"🐺🔍\",\n bg: \"from-indigo-500 to-purple-700\",\n text: \"Luna found silver-blue fur near the empty pedestal. It looked exactly like Starlight's fur.\",\n },\n {\n title: \"An Accusation\",\n emoji: \"🐱💔\",\n bg: \"from-pink-500 to-purple-600\",\n text: \"\\\"Did you take the diamond?\\\" Luna asked sadly. Starlight couldn't believe it.\",\n },\n {\n title: \"Broken Friendship\",\n emoji: \"💔🌙\",\n bg: \"from-red-500 to-pink-700\",\n text: \"The two best friends argued and went their separate ways.\",\n },\n {\n title: \"The Forest Fades\",\n emoji: \"🌲🌑\",\n bg: \"from-gray-700 to-black\",\n text: \"Without the Moon Diamond, the forest became darker every day.\",\n },\n {\n title: \"The Real Thief\",\n emoji: \"🦊💎\",\n bg: \"from-orange-500 to-red-700\",\n text: \"A blood moon fox sorcerer named Eclipse had stolen the diamond and framed them both! he too bits of there fur then make them think they bet\",\n },\n {\n title: \"Owl Appears\",\n emoji: \"🦉✨\",\n bg: \"from-yellow-400 to-orange-500\",\n text: \"an owl flew down and saw the fox with moon dimond then he told everyone that the fox took it\",\n },\n {\n title: \"Friends Again\",\n emoji: \"🐺🤝🐱\",\n bg: \"from-green-500 to-emerald-700\",\n text: \"Luna and Starlight apologized and became best friends again.\",\n },\n {\n title: \"Final Battle\",\n emoji: \"⚔️🌙⭐\",\n bg: \"from-violet-600 to-indigo-900\",\n text: \"Moon Magic and Star Magic combined into an incredible beam of light!\",\n },\n {\n title: \"Victory\",\n emoji: \"🏆✨\",\n bg: \"from-green-600 to-teal-700\",\n text: \"Eclipse was defeated and the stolen Moon Diamond was recovered.\",\n },\n {\n title: \"The Forest Restored\",\n emoji: \"🌳💎\",\n bg: \"from-cyan-400 to-blue-600\",\n text: \"The Silver Forest glowed brighter than ever before.\",\n },\n {\n title: \"To Be Continued...\",\n emoji: \"🌟❓\",\n bg: \"from-purple-700 to-black\",\n text: \"Far away, a mysterious Golden Crystal began to glow...\",\n },\n ];\n\n return (\n

\n\n

\n 🌙 Starlight & Luna: Part 2 💎\n

\n\n

\n The Stolen Diamond Comic 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 will return in Part 3: The Golden Crystal ✨\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 2 by starlight (zuri)