function JobCard({ title, price, description }) { return /*#__PURE__*/ React.createElement("div", { className: "rounded-lg shadow-lg p-6 bg-white max-w-sm", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl font-bold text-gray-800 mb-3", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg text-green-600 font-semibold mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "$", price), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-600", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, description)); } function JobCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-100 space-y-4", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(JobCard, { title: "Senior Web Developer", price: "120,000", description: "We are seeking an experienced web developer to join our dynamic team. Must have 5+ years of experience with modern web technologies.", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(JobCard, { title: "UX Designer", price: "95,000", description: "Looking for a creative UX designer to help shape the future of our products.", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(JobCard, { title: "Project Manager", price: "85,000", description: "Experienced project manager needed to lead our growing development team.", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isHovered, setIsHovered] = useState(null); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-blue-50 to-white", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-16", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold text-[#1a237e] font-roboto mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "College Gigs"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl text-gray-600 font-crimson-text mb-8", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Connecting talented students with flexible job opportunities"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-500 font-crimson-text max-w-2xl mx-auto mb-12", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "A platform where students can earn while they learn, and employers can find skilled, affordable talent for their projects.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-8 justify-center items-center max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/login?type=student", onMouseEnter: ()=>setIsHovered("student"), onMouseLeave: ()=>setIsHovered(null), className: `w-full md:w-64 p-6 rounded-xl shadow-lg transition-all duration-300 ${isHovered === "student" ? "bg-[#1a237e] text-white transform scale-105" : "bg-white text-[#1a237e] hover:shadow-xl"}`, __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-3xl mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "I'm a Student"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Find flexible gigs that fit your schedule")), /*#__PURE__*/ React.createElement("a", { href: "/login?type=employer", onMouseEnter: ()=>setIsHovered("employer"), onMouseLeave: ()=>setIsHovered(null), className: `w-full md:w-64 p-6 rounded-xl shadow-lg transition-all duration-300 ${isHovered === "employer" ? "bg-[#1a237e] text-white transform scale-105" : "bg-white text-[#1a237e] hover:shadow-xl"}`, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-building text-3xl mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "I'm an Employer"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Hire talented students for your projects"))), /*#__PURE__*/ React.createElement("div", { className: "mt-16 grid grid-cols-1 md:grid-cols-3 gap-8 text-center", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-3xl text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-bold mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Flexible Schedule"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "Work that fits around your classes")), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dollar-sign text-3xl text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-bold mb-2", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Competitive Rates"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Fair compensation for quality work")), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-3xl text-[#1a237e] mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-bold mb-2", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Secure Platform"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Safe and reliable job connections"))))); }