\n {/* Header */}\n

\n 👶👶 Twin Name Generator\n

\n Discover perfect name pairs for your twins with AI-powered suggestions featuring rhyming, similar, and complementary names\n

\n\n {/* Main Form */}\n

\n {/* Gender Preference */}\n

\n \n 👶 Gender Preference\n \n

\n {[\n { value: 'boy-boy', label: '👦👦 Boy & Boy', emoji: '💙' },\n { value: 'girl-girl', label: '👧👧 Girl & Girl', emoji: '💖' },\n { value: 'boy-girl', label: '👦👧 Boy & Girl', emoji: '💜' }\n ].map((option) => (\n \n setGenderPreference(e.target.value as GenderPreference)}\n className=\"sr-only\"\n />\n

\n {option.emoji}\n {option.label}\n

\n \n ))}\n

\n\n {/* Additional Preferences */}\n

\n \n 🎨 Style Preference (Optional)\n \n setStylePreference(e.target.value)}\n placeholder=\"e.g., classic, modern, unique, cultural...\"\n className=\"w-full p-4 rounded-xl bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/50\"\n />\n

\n\n

\n \n 🔤 Starting Letter (Optional)\n \n setStartingLetter(e.target.value.slice(0, 1).toUpperCase())}\n placeholder=\"A, B, C...\"\n maxLength={1}\n className=\"w-full p-4 rounded-xl bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/50\"\n />\n

\n\n {/* Generate Button */}\n

\n \n {loading ? (\n \n

\n Generating Names...\n \n ) : (\n \n ✨\n Generate Twin Names\n ✨\n \n )}\n \n

\n\n {/* Error Message */}\n {error && (\n

❌ {error}

\n )}\n\n {/* Results */}\n {namePairs.length > 0 && (\n

\n 🎉 Your Perfect Twin Names\n

\n \n

\n {namePairs.map((pair, index) => (\n \n

\n {getStyleIcon(pair.style)}\n \n {getStyleLabel(pair.style)}\n \n

\n \n

\n {pair.name1} & {pair.name2}\n

\n \n

\n {pair.explanation}\n

\n ))}\n

\n\n {/* Generate More Button */}\n

\n \n 🔄 Generate More Names\n \n

\n )}\n\n {/* Footer */}\n

✨ Powered by AI • Made with 💝 for expecting parents

\n \n );\n}",[],[181,188,194],[181,188],{"_104":202,"_95":203,"_153":204,"_155":182,"_156":138,"_157":183,"_159":160,"_106":205,"_100":32,"_162":206,"_164":207,"_165":22,"_166":-5,"_167":208,"_98":209},"5c07605a-3fab-11f0-859b-76b3cceeab13","index.html","5c07610e-3fab-11f0-859b-76b3cceeab13",["D",1748866566434],"file","\n\n\n \n \n Twin Name Generator - AI-Powered Name Suggestions\n \n \n \n\n\n

\n \n\n",[],[181,203],{"_104":211,"_95":212,"_153":213,"_155":182,"_156":138,"_157":214,"_159":160,"_106":215,"_100":32,"_162":174,"_164":216,"_165":22,"_166":-5,"_167":217,"_98":218},"5e526fe4-3fab-11f0-8c3c-76b3cceeab13","index.tsx","5e5270ca-3fab-11f0-8c3c-76b3cceeab13",6,["D",1748866570238],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[181,212],[181],{"_104":221,"_95":222,"_153":223,"_155":-5,"_156":138,"_157":224,"_159":160,"_106":225,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":226,"_98":235},"4868aa68-3fab-11f0-a241-76b3cceeab13","shared","4b71e30f-8511-405a-9311-780cc0de9a6e",3,["D",1748866533515],[227],{"_104":228,"_95":229,"_153":230,"_155":223,"_156":138,"_157":224,"_159":160,"_106":231,"_100":32,"_162":174,"_164":232,"_165":22,"_166":-5,"_167":233,"_98":234},"48688416-3fab-11f0-a241-76b3cceeab13","types.ts","486884de-3fab-11f0-a241-76b3cceeab13",["D",1748866533515],"export type GenderPreference = 'boy-boy' | 'girl-girl' | 'boy-girl';\n\nexport interface NameGenerationRequest {\n genderPreference: GenderPreference;\n stylePreference?: string;\n startingLetter?: string;\n avoidNames?: string[];\n}\n\nexport interface NamePair {\n name1: string;\n name2: string;\n explanation: string;\n style: 'rhyming' | 'similar' | 'complementary';\n}\n\nexport interface NameGenerationResponse {\n namePairs: NamePair[];\n success: boolean;\n error?: string;\n}",[],[222,229],[222],{"_104":237,"_95":238,"_153":239,"_155":-5,"_156":138,"_157":240,"_159":22,"_106":241,"_100":32,"_162":206,"_164":242,"_165":22,"_166":-5,"_167":243,"_98":244},"4546515a-3fab-11f0-93b3-76b3cceeab13","README.md","45465218-3fab-11f0-93b3-76b3cceeab13",2,["D",1748866528186],"# Twin Name Generator\n\nA beautiful AI-powered tool for generating rhyming and similar names for twins with gender preferences.\n\n## Features\n\n- 🤖 OpenAI-powered name generation\n- 👶 Gender preference selection (boy/boy, girl/girl, boy/girl)\n- 🎵 Rhyming and similar sounding name suggestions\n- ✨ Beautiful, responsive interface\n- 🎨 Modern design with smooth animations\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Hono API server\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React frontend entry\n│ └── components/\n│ └── App.tsx # Main app component\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## API Endpoints\n\n- `GET /` - Serves the frontend application\n- `POST /api/generate-names` - Generates twin names based on preferences\n\n## Usage\n\n1. Select gender preference for twins\n2. Optionally provide style preferences or starting letters\n3. Click generate to get AI-powered name suggestions\n4. Browse through multiple suggestions with explanations\n\n## Tech Stack\n\n- Backend: Hono + OpenAI API\n- Frontend: React + TypeScript + TailwindCSS\n- Styling: Modern gradient design with animations",[],[238],{"_104":246,"_95":247,"_153":248,"_155":-5,"_156":138,"_157":249,"_159":160,"_106":250,"_100":32,"_162":174,"_164":72,"_165":22,"_166":-5,"_167":251,"_98":252},"48d4a2a0-3faa-11f0-9a08-76b3cceeab13","main.tsx","48d4a336-3faa-11f0-9a08-76b3cceeab13",1,["D",1748866104731],[],[247],"files",[150,169,179,186,192,201,210,220,227,236,245],"counts",{"_257":32,"_258":249,"_259":32,"_260":32},"pulls","branches","forks","envVars","contents",[],{"_104":202,"_156":138,"_153":204,"_95":203,"_164":207,"_162":206,"_100":32,"_155":182,"_106":264,"_157":183,"_166":-5,"_98":265},["D",1748866566434],[181,203],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":274,"_148":279,"_253":313,"_206":314,"_261":317,"_318":-5,"_319":22,"_320":-5,"_321":-5,"_322":-5,"_323":324},{"_104":105,"_95":96,"_106":275,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":276,"_132":277,"_135":278,"_147":22},["D",1748866104710],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[280,286,301,307,310],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":281,"_98":285},[282],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":158,"_159":22,"_106":173,"_100":32,"_162":174,"_164":175,"_165":22,"_166":-5,"_167":283,"_98":284},[],[152,171],[152],{"_104":180,"_95":181,"_153":182,"_155":-5,"_156":138,"_157":183,"_159":160,"_106":184,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":287,"_98":300},[288,294,297],{"_104":187,"_95":188,"_153":189,"_155":182,"_156":138,"_157":101,"_159":160,"_106":190,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":289,"_98":293},[290],{"_104":193,"_95":194,"_153":195,"_155":189,"_156":138,"_157":101,"_159":160,"_106":196,"_100":32,"_162":174,"_164":197,"_165":22,"_166":-5,"_167":291,"_98":292},[],[181,188,194],[181,188],{"_104":202,"_95":203,"_153":204,"_155":182,"_156":138,"_157":183,"_159":160,"_106":205,"_100":32,"_162":206,"_164":207,"_165":22,"_166":-5,"_167":295,"_98":296},[],[181,203],{"_104":211,"_95":212,"_153":213,"_155":182,"_156":138,"_157":214,"_159":160,"_106":215,"_100":32,"_162":174,"_164":216,"_165":22,"_166":-5,"_167":298,"_98":299},[],[181,212],[181],{"_104":221,"_95":222,"_153":223,"_155":-5,"_156":138,"_157":224,"_159":160,"_106":225,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":302,"_98":306},[303],{"_104":228,"_95":229,"_153":230,"_155":223,"_156":138,"_157":224,"_159":160,"_106":231,"_100":32,"_162":174,"_164":232,"_165":22,"_166":-5,"_167":304,"_98":305},[],[222,229],[222],{"_104":237,"_95":238,"_153":239,"_155":-5,"_156":138,"_157":240,"_159":22,"_106":241,"_100":32,"_162":206,"_164":242,"_165":22,"_166":-5,"_167":308,"_98":309},[],[238],{"_104":246,"_95":247,"_153":248,"_155":-5,"_156":138,"_157":249,"_159":160,"_106":250,"_100":32,"_162":174,"_164":72,"_165":22,"_166":-5,"_167":311,"_98":312},[],[247],[280,282,286,288,290,294,297,301,303,307,310],{"_104":202,"_95":203,"_153":204,"_155":182,"_156":138,"_157":183,"_159":160,"_106":315,"_100":32,"_162":206,"_164":207,"_165":22,"_166":-5,"_98":316},["D",1748866566434],[181,203],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]