{"/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: \"Chapter 1\",\n text: \"In the magical Silver Forest lived Starlight, a cute mythical wolf with glowing fur.\",\n emoji: \"🐺✨\",\n bg: \"from-indigo-500 to-purple-700\",\n image:\n \"https://images.unsplash.com/photo-1517849845537-4d257902454a?q=80&w=1200&auto=format&fit=crop\",\n },\n {\n title: \"A Mysterious Song\",\n text: \"One night, Starlight heard soft music coming from the glowing lake.\",\n emoji: \"🌙🎵\",\n bg: \"from-blue-500 to-indigo-700\",\n image:\n \"https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=1200&auto=format&fit=crop\",\n },\n {\n title: \"Meet Luna\",\n text:\n \"Luna was a beautiful mythical moon cat with glowing white fur, sparkling blue eyes, and tiny stars shining across her fluffy coat. Butterflies of light followed her wherever she walked.\",\n emoji: \"🐱🌙\",\n bg: \"from-pink-500 to-purple-600\",\n image:\n \"https://images.unsplash.com/photo-1519052537078-e6302a4968d4?q=80&w=1200&auto=format&fit=crop\",\n },\n {\n title: \"Best Friends\",\n text: \"Starlight and Luna instantly became best friends and explored together.\",\n emoji: \"💖🐺🐱\",\n bg: \"from-fuchsia-500 to-pink-600\",\n image:\n \"https://images.unsplash.com/photo-1518791841217-8f162f1e1131?q=80&w=1200&auto=format&fit=crop\",\n },\n {\n title: \"The Crystal Cave\",\n text: \"Deep underground, they discovered a glowing crystal cave filled with magic.\",\n emoji: \"💎✨\",\n bg: \"from-cyan-500 to-blue-700\",\n image:\n \"https://images.unsplash.com/photo-1511300636408-a63a89df3482?q=80&w=1200&auto=format&fit=crop\",\n },\n {\n title: \"Shadow Monster!\",\n text: \"A giant shadow creature appeared and blocked their path!\",\n emoji: \"👾⚡\",\n bg: \"from-gray-700 to-black\",\n image:\n \"https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1200&auto=format&fit=crop\",\n },\n {\n title: \"Magic Powers\",\n text: \"Starlight used star magic while Luna used moon magic!\",\n emoji: \"🌟🌙\",\n bg: \"from-yellow-400 to-orange-600\",\n image:\n \"https://images.unsplash.com/photo-1494256997604-768d1f608cac?q=80&w=1200&auto=format&fit=crop\",\n },\n {\n title: \"Victory\",\n text: \"Together, they defeated the shadow creature and saved the forest.\",\n emoji: \"🏆✨\",\n bg: \"from-green-500 to-emerald-700\",\n image:\n \"https://images.unsplash.com/photo-1448375240586-882707db888b?q=80&w=1200&auto=format&fit=crop\",\n },\n {\n title: \"The Guardians\",\n text: \"The forest spirits named them Guardians of the Silver Forest forever.\",\n emoji: \"👑🌌\",\n bg: \"from-violet-600 to-indigo-900\",\n image:\n \"https://images.unsplash.com/photo-1473773508845-188df298d2d1?q=80&w=1200&auto=format&fit=crop\",\n },\n ];\n\n return (\n

\n\n

\n 🌙 Starlight & Luna Comic ✨\n

\n\n

\n A magical AI comic adventure about Starlight the mythical wolf\n and Luna the mystical moon cat.\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 📖 Open Comic\n \n

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

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

\n {panel.emoji}\n

\n\n

\n {panel.title}\n

\n\n

\n {panel.text}\n

\n ))}\n

\n )}\n\n

\n ✨ Under the moon and stars, Luna and Starlight's friendship shines forever ✨\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 My App\n\n\n\n

\n\n"}}

Starlight and luna part 1 by starlight (zuri)