function MainComponent() { const [activeTab, setActiveTab] = useState("games"); const [isMenuOpen, setIsMenuOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0F0F0F] text-white font-orbitron p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed top-0 left-0 right-0 bg-[#1A1A1A] p-4 z-50", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#00FF41] text-2xl font-bold", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "DEVIN.DEV"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-6", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("games"), className: `hover:text-[#00FF41] ${activeTab === "games" ? "text-[#00FF41]" : ""}`, __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "GAMES"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("apps"), className: `hover:text-[#00FF41] ${activeTab === "apps" ? "text-[#00FF41]" : ""}`, __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "APPS"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("about"), className: `hover:text-[#00FF41] ${activeTab === "about" ? "text-[#00FF41]" : ""}`, __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "ABOUT")), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-2xl", onClick: ()=>setIsMenuOpen(!isMenuOpen), __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed top-16 left-0 right-0 bg-[#1A1A1A] p-4 flex flex-col space-y-4 md:hidden", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setActiveTab("games"); setIsMenuOpen(false); }, className: "hover:text-[#00FF41]", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "GAMES"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setActiveTab("apps"); setIsMenuOpen(false); }, className: "hover:text-[#00FF41]", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "APPS"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setActiveTab("about"); setIsMenuOpen(false); }, className: "hover:text-[#00FF41]", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "ABOUT")), /*#__PURE__*/ React.createElement("main", { className: "mt-20 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, activeTab === "games" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] rounded-lg p-4 hover:scale-105 transition-transform cursor-pointer", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/game1.jpg", alt: "Retro pixel art platformer game screenshot", className: "w-full h-48 object-cover rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Pixel Runner"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Retro-style platformer")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] rounded-lg p-4 hover:scale-105 transition-transform cursor-pointer", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/game2.jpg", alt: "Space shooter game with neon effects", className: "w-full h-48 object-cover rounded", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Neon Blast"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, "Space shooter"))), activeTab === "apps" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] rounded-lg p-4 hover:scale-105 transition-transform cursor-pointer", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/app1.jpg", alt: "Task management app interface", className: "w-full h-48 object-cover rounded", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, "TaskMaster Pro"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, "Productivity App")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] rounded-lg p-4 hover:scale-105 transition-transform cursor-pointer", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/app2.jpg", alt: "Weather tracking app interface", className: "w-full h-48 object-cover rounded", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mt-2", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, "WeatherNow"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, "Weather App"))), activeTab === "about" && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] p-6 rounded-lg", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, "Hey, I'm Devin Darlow 👋"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-4", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, "I'm a Gen Z developer passionate about creating awesome games and apps. My mission is to blend retro vibes with modern tech to create unique digital experiences."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://github.com", className: "text-2xl hover:text-[#00FF41]", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "text-2xl hover:text-[#00FF41]", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://linkedin.com", className: "text-2xl hover:text-[#00FF41]", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this })))))); }