function MainComponent() { const project = { title: "Arisi – Rice Disease Classification", description: "Computer vision system for identifying diseases in rice plants. Helps farmers diagnose plant health issues early for better crop management.", techStack: [ "CNN", "Image Classification", "Deep Learning" ], features: [ "Disease Identification", "Early Diagnosis", "Crop Management" ], results: [ "Increased Yield", "Reduced Losses", "Improved Quality" ], impact: [ "Tested with Pampanga farmers", "Positive app feedback", "Flood warning potential" ] }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a1a1a] text-white shadow-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-montserrat text-4xl font-bold tracking-tight", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, project.title), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 mt-4 md:mt-0", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://arisi.netlify.app/", target: "_blank", rel: "noopener noreferrer", className: "px-6 py-2.5 rounded-lg font-roboto text-base bg-[#8B5CF6] text-white hover:bg-[#7C3AED] transition-all duration-200", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "Try the App"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "px-6 py-2.5 rounded-lg font-roboto text-base bg-[#1E1E1E] text-white hover:bg-[#2E2E2E] transition-all duration-200", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "Back to Projects"))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-16 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-xl shadow-sm p-8 mb-8", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-montserrat text-white mb-8", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Overview"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, project.description)), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mb-8", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-xl shadow-sm p-8", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-montserrat text-white mb-8", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Tech Stack"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-3", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, project.techStack.map((tech, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "px-4 py-1.5 bg-[#8B5CF6] text-white rounded-full text-sm font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, tech)))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-xl shadow-sm p-8", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-montserrat text-white mb-8", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-3", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, project.features.map((feature, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "px-4 py-1.5 bg-[#8B5CF6] text-white rounded-full text-sm font-roboto", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, feature)))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-xl shadow-sm p-8", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-montserrat text-white mb-8", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Results"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-3", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, project.results.map((result, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "px-4 py-1.5 bg-[#8B5CF6] text-white rounded-full text-sm font-roboto", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, result)))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-xl shadow-sm p-8", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-montserrat text-white mb-8", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "Impact"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-3", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, project.impact.map((impact, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "px-4 py-1.5 bg-[#8B5CF6] text-white rounded-full text-sm font-roboto", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, impact)))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1a1a1a] text-white shadow-lg mt-16", __source: { fileName: "", lineNumber: 112, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-8 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-center items-center gap-6", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "mailto:ashandilgith@gmail.com", className: "hover:text-white/90 transition-colors text-base", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }), "ashandilgith@gmail.com"), /*#__PURE__*/ React.createElement("a", { href: "https://github.com/ashandilgith", target: "_blank", rel: "noopener noreferrer", className: "hover:text-white/90 transition-colors text-base", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github mr-2", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }), "GitHub"), /*#__PURE__*/ React.createElement("a", { href: "https://linkedin.com/in/ashan-bandaranayeke-6bb13a15", target: "_blank", rel: "noopener noreferrer", className: "hover:text-white/90 transition-colors text-base", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin mr-2", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }), "LinkedIn"))))); }