Interview Questions - ${jobTitle}

Question ${index + 1}

${item.question}

Sample Answer

${item.answer}

`).join("")} `); printWindow.document.close(); printWindow.print(); }; 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: 128, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "data:image/svg+xml,", __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-grow py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 135, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 md:p-12 rounded-xl shadow-lg", __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors", __source: { fileName: "", lineNumber: 140, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 144, columnNumber: 19 }, __self: this }), "Back to Get Hired"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/vacancies", className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase", __source: { fileName: "", lineNumber: 152, columnNumber: 21 }, __self: this }), "Browse Vacancies"), /*#__PURE__*/ React.createElement("a", { href: "/skills-training", className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap", __source: { fileName: "", lineNumber: 159, columnNumber: 21 }, __self: this }), "Skills Training"))), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-gray-900 mb-4 font-roboto", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, "Interview Prep Pro"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-lg mb-8", __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, "Practice your interview skills with AI-generated questions and answers"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, imageUrl ? /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Professional interview setting in an office", className: "rounded-lg shadow-lg w-full max-w-2xl h-[300px] object-cover", __source: { fileName: "", lineNumber: 173, 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: 179, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-gray-400 text-3xl", __source: { fileName: "", lineNumber: 180, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 187, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this }, "Job Title"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "jobTitle", className: "flex-1 px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all", value: jobTitle, onChange: (e)=>setJobTitle(e.target.value), placeholder: "e.g. Software Engineer at Citrix", __source: { fileName: "", lineNumber: 192, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: generateInterview, disabled: loading, className: "px-6 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:bg-blue-300 transition-all transform hover:scale-[1.02] font-semibold", __source: { fileName: "", lineNumber: 200, columnNumber: 19 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 206, columnNumber: 23 }, __self: this }) : "Generate"))), interview && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 216, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handlePrint, className: "flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors", __source: { fileName: "", lineNumber: 217, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-print", __source: { fileName: "", lineNumber: 221, columnNumber: 23 }, __self: this }), "Print Interview")), /*#__PURE__*/ React.createElement("div", { className: "space-y-8 mt-8", __source: { fileName: "", lineNumber: 225, columnNumber: 19 }, __self: this }, interview.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-50 rounded-xl p-6 border border-gray-200", __source: { fileName: "", lineNumber: 227, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 231, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 232, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 233, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-gray-900 flex items-center", __source: { fileName: "", lineNumber: 234, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-question-circle text-blue-500 mr-2", __source: { fileName: "", lineNumber: 235, columnNumber: 33 }, __self: this }), "Question ", index + 1)), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-700", __source: { fileName: "", lineNumber: 239, columnNumber: 29 }, __self: this }, item.question)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 243, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 244, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-gray-900 flex items-center", __source: { fileName: "", lineNumber: 245, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb text-yellow-500 mr-2", __source: { fileName: "", lineNumber: 246, columnNumber: 33 }, __self: this }), "Sample Answer")), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-600", __source: { fileName: "", lineNumber: 250, columnNumber: 29 }, __self: this }, item.answer))))))))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white py-6 px-4 mt-12", __source: { fileName: "", lineNumber: 262, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto text-center", __source: { fileName: "", lineNumber: 263, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 264, columnNumber: 11 }, __self: this }, "Powered by Five Stars App Solutions"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 265, columnNumber: 11 }, __self: this }, "© 2025 Five Stars App Solutions. All rights reserved.")))); }

Interview Questions for ${jobTitle}