${title}

${content}

`); printWindow.document.close(); printWindow.print(); }; const generateDocuments = async ()=>{ if (!name || !email || !phone || !jobDescription || !expertise) { alert("Please fill in all fields"); return; } setLoading(true); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: 'You are a professional resume writer who creates ATS-friendly resumes and compelling cover letters. Return the response in this format: {"resume": "", "coverLetter": ""}' }, { role: "user", content: `Create a professional resume and cover letter based on: Name: ${name} Email: ${email} Phone: ${phone} Job Description: ${jobDescription} Applicant Experience: ${expertise} The resume should be ATS-friendly and highlight relevant keywords from the job description. The cover letter should be compelling and demonstrate how the applicant's experience matches the job requirements.` } ] }) }); const data = await response.json(); const parsedContent = JSON.parse(data.choices[0].message.content); setResume(parsedContent.resume); setCoverLetter(parsedContent.coverLetter); } catch (error) { console.error("Error generating documents:", error); alert("There was an error generating your documents. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-gradient-to-br from-blue-50 to-gray-50", __source: { fileName: "", lineNumber: 116, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "data:image/svg+xml,", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-grow py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 123, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 md:p-12 rounded-xl shadow-lg", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-gray-900 mb-4 font-roboto", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "Five Star Hire"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-lg mb-4", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, "Create your perfect resume and cover letter in minutes"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4 mb-8", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/mock-interview", className: "inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-all transform hover:scale-[1.02] font-semibold", __source: { fileName: "", lineNumber: 134, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments mr-2", __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }), "Practice Interview Questions"), /*#__PURE__*/ React.createElement("a", { href: "/vacancies", className: "inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-all transform hover:scale-[1.02] font-semibold", __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase mr-2", __source: { fileName: "", lineNumber: 145, columnNumber: 19 }, __self: this }), "Browse Job Vacancies"), /*#__PURE__*/ React.createElement("a", { href: "/skills-training", className: "inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-all transform hover:scale-[1.02] font-semibold", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap mr-2", __source: { fileName: "", lineNumber: 152, columnNumber: 19 }, __self: this }), "Explore Skills Training")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }, imageUrl ? /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Professional working in a modern office environment", className: "rounded-lg shadow-lg w-full max-w-2xl h-[300px] object-cover", __source: { fileName: "", lineNumber: 158, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-gray-100 w-full max-w-2xl h-[300px] flex items-center justify-center", __source: { fileName: "", lineNumber: 164, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-gray-400 text-3xl", __source: { fileName: "", lineNumber: 165, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 173, columnNumber: 19 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all", value: name, onChange: (e)=>setName(e.target.value), placeholder: "John Doe", __source: { fileName: "", lineNumber: 176, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "john@example.com", __source: { fileName: "", lineNumber: 189, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 198, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all", value: phone, onChange: (e)=>setPhone(e.target.value), placeholder: "(555) 123-4567", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 213, columnNumber: 17 }, __self: this }, "Job Description"), /*#__PURE__*/ React.createElement("textarea", { name: "jobDescription", rows: "4", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all", value: jobDescription, onChange: (e)=>setJobDescription(e.target.value), placeholder: "Paste the job description here...", __source: { fileName: "", lineNumber: 216, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 225, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 226, columnNumber: 17 }, __self: this }, "Your Expertise & Experience"), /*#__PURE__*/ React.createElement("textarea", { name: "expertise", rows: "4", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all", value: expertise, onChange: (e)=>setExpertise(e.target.value), placeholder: "Describe your relevant skills and experience...", __source: { fileName: "", lineNumber: 229, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: generateDocuments, disabled: loading, className: "w-full mt-8 bg-blue-600 text-white py-4 px-6 rounded-lg hover:bg-blue-700 disabled:bg-blue-300 transition-all transform hover:scale-[1.02] font-semibold text-lg", __source: { fileName: "", lineNumber: 238, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 244, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 245, columnNumber: 21 }, __self: this }), "Generating...") : "Generate Documents"), (resume || coverLetter) && /*#__PURE__*/ React.createElement("div", { className: "mt-12 space-y-8", __source: { fileName: "", lineNumber: 253, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-xl p-6 border border-gray-200", __source: { fileName: "", lineNumber: 254, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 255, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 256, columnNumber: 23 }, __self: this }, "Resume"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 259, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePrint(resume, "Resume"), className: "flex items-center px-4 py-2 bg-white text-blue-600 rounded-lg hover:bg-blue-50 border border-blue-200 transition-all", __source: { fileName: "", lineNumber: 260, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-print mr-2", __source: { fileName: "", lineNumber: 264, columnNumber: 27 }, __self: this }), "Print"))), /*#__PURE__*/ React.createElement("textarea", { className: "w-full min-h-[400px] p-6 rounded-lg border border-gray-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all font-mono text-sm", value: resume, onChange: (e)=>setResume(e.target.value), __source: { fileName: "", lineNumber: 268, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-xl p-6 border border-gray-200", __source: { fileName: "", lineNumber: 274, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 275, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 276, columnNumber: 23 }, __self: this }, "Cover Letter"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 279, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePrint(coverLetter, "Cover Letter"), className: "flex items-center px-4 py-2 bg-white text-blue-600 rounded-lg hover:bg-blue-50 border border-blue-200 transition-all", __source: { fileName: "", lineNumber: 280, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-print mr-2", __source: { fileName: "", lineNumber: 286, columnNumber: 27 }, __self: this }), "Print"))), /*#__PURE__*/ React.createElement("textarea", { className: "w-full min-h-[400px] p-6 rounded-lg border border-gray-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all font-mono text-sm", value: coverLetter, onChange: (e)=>setCoverLetter(e.target.value), __source: { fileName: "", lineNumber: 290, columnNumber: 21 }, __self: this }))))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white py-6 px-4 mt-12", __source: { fileName: "", lineNumber: 302, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto text-center", __source: { fileName: "", lineNumber: 303, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 304, columnNumber: 11 }, __self: this }, "Powered by Five Stars App Solutions"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 305, columnNumber: 11 }, __self: this }, "© 2025 Five Stars App Solutions. All rights reserved.")))); }