Your Five Star Drip - ${answers.occasion}

${outfits.map((outfit)=>`

Outfit suggestion for ${answers.occasion}

`).join("")}

${styleTips ? `

Your Personalized Drip Guide

🎯 Main Piece

${styleTips.mainPiece}

🎨 Colors & Patterns

${styleTips.colors}

💎 Accessories

${styleTips.accessories}

👞 Footwear

${styleTips.shoes}

` : ""} `); printWindow.document.close(); printWindow.print(); }, [ outfits, styleTips, answers.occasion ]); useEffect(()=>{ if (startGeneration) { generateOutfitSuggestions(); setStartGeneration(false); } }, [ startGeneration ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black p-4 md:p-8 flex flex-col", __source: { fileName: "", lineNumber: 347, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex-grow", __source: { fileName: "", lineNumber: 348, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-8", __source: { fileName: "", lineNumber: 349, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative mb-4", __source: { fileName: "", lineNumber: 350, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-16 h-16", viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg", __source: { fileName: "", lineNumber: 351, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fill: "#39FF14", d: "M25 5C8.934 5 5 8.934 5 25s3.934 20 20 20 20-3.934 20-20S41.066 5 25 5zm0 36.667c-13.333 0-16.667-3.334-16.667-16.667S11.667 8.333 25 8.333 41.667 11.667 41.667 25 38.333 41.667 25 41.667zm-5-20l6.667 6.666L33.333 20l-13.333 1.667z", __source: { fileName: "", lineNumber: 356, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-1 -right-1 w-6 h-6 bg-[#39FF14] rounded-full flex items-center justify-center text-black font-bold text-sm", __source: { fileName: "", lineNumber: 361, columnNumber: 13 }, __self: this }, "5★")), /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold text-[#39FF14] text-center mb-2 font-crimson-text tracking-tight", __source: { fileName: "", lineNumber: 365, columnNumber: 11 }, __self: this }, "Five Star Drip AI"), /*#__PURE__*/ React.createElement("p", { className: "text-[#39FF14]/80 text-lg", __source: { fileName: "", lineNumber: 368, columnNumber: 11 }, __self: this }, "Your AI Fashion Stylist")), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 371, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-[#39FF14] rounded-lg shadow-[0_0_10px_rgba(57,255,20,0.3)] p-6 mb-8", __source: { fileName: "", lineNumber: 372, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#39FF14] mb-6 text-center", __source: { fileName: "", lineNumber: 373, columnNumber: 13 }, __self: this }, "Let's create your perfect fit"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 377, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#39FF14] mb-2", __source: { fileName: "", lineNumber: 378, columnNumber: 15 }, __self: this }, questions[step]), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 379, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: answers[Object.keys(answers)[step]], onChange: (e)=>setAnswers((prev)=>({ ...prev, [Object.keys(answers)[step]]: e.target.value })), className: "flex-1 p-2 border border-[#39FF14] rounded-lg bg-black text-[#39FF14] placeholder-[#39FF14]/50", placeholder: "Type your answer here...", __source: { fileName: "", lineNumber: 380, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>updateAnswer(answers[Object.keys(answers)[step]]), className: "bg-[#39FF14] text-black px-6 py-2 rounded-lg hover:bg-[#32FF14]/80 transition-colors font-bold", disabled: !answers[Object.keys(answers)[step]].trim(), __source: { fileName: "", lineNumber: 392, columnNumber: 17 }, __self: this }, step < questions.length - 1 ? "Next" : "Generate Your Drip")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-4", __source: { fileName: "", lineNumber: 403, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 404, columnNumber: 17 }, __self: this }, Array(questions.length).fill(0).map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `w-2 h-2 rounded-full ${i === step ? "bg-[#39FF14]" : "bg-[#39FF14]/30"}`, __source: { fileName: "", lineNumber: 408, columnNumber: 23 }, __self: this }))), step > 0 && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(step - 1), className: "text-[#39FF14] hover:text-[#39FF14]/80 transition-colors", __source: { fileName: "", lineNumber: 417, columnNumber: 19 }, __self: this }, "Back")))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-12 py-4 text-center border-t border-[#39FF14]", __source: { fileName: "", lineNumber: 430, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center gap-2", __source: { fileName: "", lineNumber: 431, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 432, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6", viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg", __source: { fileName: "", lineNumber: 433, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fill: "#39FF14", d: "M25 5C8.934 5 5 8.934 5 25s3.934 20 20 20 20-3.934 20-20S41.066 5 25 5zm0 36.667c-13.333 0-16.667-3.334-16.667-16.667S11.667 8.333 25 8.333 41.667 11.667 41.667 25 38.333 41.667 25 41.667zm-5-20l6.667 6.666L33.333 20l-13.333 1.667z", __source: { fileName: "", lineNumber: 438, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.fivestarsappsolutions.com/", target: "_blank", rel: "noopener noreferrer", className: "text-[#39FF14] hover:text-[#39FF14]/80 transition-colors", __source: { fileName: "", lineNumber: 443, columnNumber: 13 }, __self: this }, "Powered by Five Stars App Solutions")), /*#__PURE__*/ React.createElement("p", { className: "text-[#39FF14]/60 text-sm", __source: { fileName: "", lineNumber: 452, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " Five Stars App Solutions. All rights reserved.")))); }

Five Star Drip AI

Your Personalized Outfit for ${answers.occasion}

Your Personalized Drip Guide

🎯 Main Piece

🎨 Colors & Patterns

💎 Accessories

👞 Footwear