function MainComponent() { const techStack = [ "Computer Vision", "CNN", "TensorFlow", "Google Cloud" ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a1a1a] text-white shadow-lg", __source: { fileName: "", lineNumber: 6, 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: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-montserrat text-4xl font-bold tracking-tight", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Meaticulous"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 mt-4 md:mt-0", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://meaticulous.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: 13, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt mr-2", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }), "Live Demo"), /*#__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: 21, 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: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-xl shadow-sm p-8 mb-8", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-montserrat text-white mb-8", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Overview"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "AI-powered system for detecting meat freshness using computer vision in multiple languages (English, Tagalog, Arabic, French, Chinese). Designed for both large-scale food production facilities and mobile use by retailers, enabling quality control across the supply chain. Upload meat photos for instant freshness analysis. Built with TensorFlow and deployed on Google Cloud.")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-xl shadow-sm p-8", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-montserrat text-white mb-8", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4 text-gray-400", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Computer Vision"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "CNN"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "TensorFlow"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Google Cloud"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-xl shadow-sm p-8", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-montserrat text-white mb-8", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Tech Stack"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-3", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, 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: 64, columnNumber: 17 }, __self: this }, tech)))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1a1a1a] text-white shadow-lg mt-16", __source: { fileName: "", lineNumber: 76, 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: 77, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-center items-center gap-6", __source: { fileName: "", lineNumber: 78, 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: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 83, 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: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github mr-2", __source: { fileName: "", lineNumber: 91, 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: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin mr-2", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }), "LinkedIn"))))); }