function MainComponent() { const [isVisible, setIsVisible] = useState(false); const [ventures, setVentures] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [stats, setStats] = useState({ totalRevenue: 0, totalProducts: 0, avgGrowth: 0, totalVentures: 0, mostRecentVenture: null }); const [isMobile, setIsMobile] = useState(false); useEffect(()=>{ setIsVisible(true); // Detect if device is mobile const checkMobile = ()=>{ if (typeof window !== "undefined") { const userAgent = navigator.userAgent || navigator.vendor || window.opera; const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i; setIsMobile(mobileRegex.test(userAgent)); } }; checkMobile(); const fetchVentures = async ()=>{ setLoading(true); setError(null); try { const res = await fetch("/api/business-ventures", { method: "POST" }); if (!res.ok) throw new Error("Could not fetch business ventures"); const data = await res.json(); setVentures(data.ventures || []); setStats(data.stats || { totalRevenue: 0, totalProducts: 0, avgGrowth: 0 }); } catch (e) { setError("Failed to load business ventures"); console.error(e); } setLoading(false); }; fetchVentures(); }, []); // Email configuration const emailAddress = "purusharth.gandhi@gmail.com"; const emailSubject = "Let's connect"; // Device-specific email links const mailtoLink = `mailto:${emailAddress}?subject=${encodeURIComponent(emailSubject)}`; const gmailLink = `https://mail.google.com/mail/?view=cm&fs=1&to=${emailAddress}&su=${encodeURIComponent(emailSubject)}`; // Use Gmail on desktop/tablet and default mail app on mobile const emailLink = isMobile ? mailtoLink : gmailLink; // Sort ventures by year_started (desc) const sortedVentures = [ ...ventures ].sort((a, b)=>{ if (!a.year_started) return 1; if (!b.year_started) return -1; return b.year_started.localeCompare(a.year_started); }); // Filter for cards: only show ventures with status 'Active' or 'paused' const cardVentures = sortedVentures.filter((v)=>v.status === "Active" || v.status === "paused"); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A0A0A]", __source: { fileName: "", lineNumber: 75, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full p-6 backdrop-blur-lg bg-black/30 flex justify-between items-center z-50", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#00FFB2] text-2xl font-space-mono hover:opacity-80 transition-opacity", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }), " Back to Home"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.linkedin.com/in/purusharth-gandhi-bb7867252/", target: "_blank", rel: "noopener noreferrer", className: "text-[#00FFB2] hover:text-white transition-colors", "aria-label": "LinkedIn", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-xl", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/Purusharth_G", target: "_blank", rel: "noopener noreferrer", className: "text-[#00FFB2] hover:text-white transition-colors", "aria-label": "X (formerly Twitter)", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "𝕏")), /*#__PURE__*/ React.createElement("a", { href: emailLink, target: "_blank", rel: "noopener noreferrer", className: "text-[#00FFB2] hover:text-white transition-colors cursor-pointer", "aria-label": "Email", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-xl", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("main", { className: "pt-32 px-6 md:px-20", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00FFB2] mb-4 font-space-mono", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, "Entrepreneurial Journey"), /*#__PURE__*/ React.createElement("h1", { className: "text-6xl md:text-8xl font-space-mono mb-4 tracking-tighter", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, "Ventures & Projects"), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl md:text-6xl text-gray-400 font-space-mono mb-8", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, "From Ideation to Execution"), /*#__PURE__*/ React.createElement("div", { className: "h-[2px] w-24 bg-[#00FFB2] mb-8", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-20 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "col-span-2 text-center text-gray-400 font-space-mono", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, "Loading...") : error ? /*#__PURE__*/ React.createElement("div", { className: "col-span-2 text-center text-red-400 font-space-mono", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, error) : cardVentures.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "col-span-2 text-center text-gray-400 font-space-mono", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, "No business ventures found.") : cardVentures.map((venture, idx)=>/*#__PURE__*/ React.createElement("div", { key: venture.id, className: "border border-[#00FFB2]/20 p-8 rounded-sm flex flex-col items-start", __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white text-3xl font-bold font-space-mono mb-2", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }, venture.name || "Untitled Venture"), /*#__PURE__*/ React.createElement("div", { className: "mb-4 text-gray-400 font-space-mono text-base", __source: { fileName: "", lineNumber: 152, columnNumber: 19 }, __self: this }, venture.description), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-1 w-full mb-2", __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }, venture.status && /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 157, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-space-mono text-[#00FFB2]", __source: { fileName: "", lineNumber: 158, columnNumber: 25 }, __self: this }, "Status:"), /*#__PURE__*/ React.createElement("span", { className: "text-white font-space-mono", __source: { fileName: "", lineNumber: 161, columnNumber: 25 }, __self: this }, venture.status)), venture.revenue && /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 167, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-space-mono text-[#00FFB2]", __source: { fileName: "", lineNumber: 168, columnNumber: 25 }, __self: this }, "Revenue:"), /*#__PURE__*/ React.createElement("span", { className: "text-white font-space-mono", __source: { fileName: "", lineNumber: 171, columnNumber: 25 }, __self: this }, venture.revenue)), venture.learning && /*#__PURE__*/ React.createElement("div", { className: "mt-2 px-3 py-2 bg-[#00FFB2]/10 border-l-4 border-[#00FFB2] text-[#00FFB2] font-space-mono text-sm rounded-sm w-full", __source: { fileName: "", lineNumber: 177, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb mr-2", __source: { fileName: "", lineNumber: 178, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 179, columnNumber: 25 }, __self: this }, "Learning:"), " ", venture.learning)), venture.link && /*#__PURE__*/ React.createElement("a", { href: venture.link, target: "_blank", rel: "noopener noreferrer", className: "text-[#00FFB2] underline text-sm font-space-mono mt-2", __source: { fileName: "", lineNumber: 185, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt mr-1", __source: { fileName: "", lineNumber: 191, columnNumber: 23 }, __self: this }), "Visit Site")))), /*#__PURE__*/ React.createElement("div", { className: "mt-20", __source: { fileName: "", lineNumber: 201, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white text-2xl font-space-mono mb-8", __source: { fileName: "", lineNumber: 202, columnNumber: 13 }, __self: this }, "Venture Timeline"), /*#__PURE__*/ React.createElement("div", { className: "relative pl-8 md:pl-16", __source: { fileName: "", lineNumber: 205, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-4 md:left-8 top-0 bottom-0 w-1 bg-[#00FFB2]/30 rounded-full", style: { zIndex: 0 }, __source: { fileName: "", lineNumber: 207, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-12", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400 font-space-mono", __source: { fileName: "", lineNumber: 213, columnNumber: 19 }, __self: this }, "Loading...") : error ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-red-400 font-space-mono", __source: { fileName: "", lineNumber: 217, columnNumber: 19 }, __self: this }, error) : sortedVentures.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400 font-space-mono", __source: { fileName: "", lineNumber: 221, columnNumber: 19 }, __self: this }, "No business ventures found.") : sortedVentures.map((item, index)=>{ const dotColor = "bg-[#00FFB2]"; return /*#__PURE__*/ React.createElement("div", { key: item.id, className: "flex gap-8 items-start relative", style: { zIndex: 1 }, __source: { fileName: "", lineNumber: 228, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute left-[-32px] md:left-[-40px] top-2 w-5 h-5 rounded-full border-4 border-[#00FFB2] ${dotColor}`, __source: { fileName: "", lineNumber: 234, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-[#00FFB2] font-space-mono w-24 pt-1", __source: { fileName: "", lineNumber: 237, columnNumber: 25 }, __self: this }, item.year_started), /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 240, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-space-mono text-xl mb-2 flex items-center gap-2", __source: { fileName: "", lineNumber: 241, columnNumber: 27 }, __self: this }, item.name, item.link && /*#__PURE__*/ React.createElement("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", className: "text-[#00FFB2] underline text-xs ml-2", __source: { fileName: "", lineNumber: 244, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt", __source: { fileName: "", lineNumber: 250, columnNumber: 33 }, __self: this })), item.status && /*#__PURE__*/ React.createElement("span", { className: `ml-4 px-2 py-1 rounded text-xs font-space-mono ${item.status === "Active" ? "bg-[#00FFB2] text-black" : item.status === "paused" ? "bg-yellow-400 text-black" : "bg-gray-400 text-white"}`, __source: { fileName: "", lineNumber: 255, columnNumber: 31 }, __self: this }, item.status)), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 262, columnNumber: 27 }, __self: this }, item.description), item.learning && /*#__PURE__*/ React.createElement("div", { className: "mt-2 px-3 py-2 bg-[#00FFB2]/10 border-l-4 border-[#00FFB2] text-[#00FFB2] font-space-mono text-xs rounded-sm w-full", __source: { fileName: "", lineNumber: 266, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb mr-1", __source: { fileName: "", lineNumber: 267, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 268, columnNumber: 31 }, __self: this }, "Learning:"), " ", item.learning))); })))), /*#__PURE__*/ React.createElement("div", { className: "mt-20 mb-20 grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 282, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border border-[#00FFB2]/20 p-6 rounded-sm stats-card", __source: { fileName: "", lineNumber: 284, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 font-space-mono", __source: { fileName: "", lineNumber: 285, columnNumber: 15 }, __self: this }, "Total Revenue"), /*#__PURE__*/ React.createElement("div", { className: "text-white text-4xl font-space-mono my-2", __source: { fileName: "", lineNumber: 286, columnNumber: 15 }, __self: this }, stats.totalRevenue ? `₹${Number(stats.totalRevenue).toLocaleString("en-IN")}` : "₹0"), /*#__PURE__*/ React.createElement("div", { className: "text-[#00FFB2] text-sm", __source: { fileName: "", lineNumber: 291, columnNumber: 15 }, __self: this }, "All Time")), /*#__PURE__*/ React.createElement("div", { className: "border border-[#00FFB2]/20 p-6 rounded-sm stats-card", __source: { fileName: "", lineNumber: 295, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 font-space-mono", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, "Number of Ventures"), /*#__PURE__*/ React.createElement("div", { className: "text-white text-4xl font-space-mono my-2", __source: { fileName: "", lineNumber: 299, columnNumber: 15 }, __self: this }, stats.totalVentures ? stats.totalVentures : 0), /*#__PURE__*/ React.createElement("div", { className: "text-[#00FFB2] text-sm", __source: { fileName: "", lineNumber: 302, columnNumber: 15 }, __self: this }, "All Time")), /*#__PURE__*/ React.createElement("div", { className: "border border-[#00FFB2]/20 p-6 rounded-sm stats-card", __source: { fileName: "", lineNumber: 306, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 font-space-mono", __source: { fileName: "", lineNumber: 307, columnNumber: 15 }, __self: this }, "Most Recent Venture"), /*#__PURE__*/ React.createElement("div", { className: "text-white text-2xl font-space-mono my-2 truncate", title: stats.mostRecentVenture || "None", __source: { fileName: "", lineNumber: 310, columnNumber: 15 }, __self: this }, stats.mostRecentVenture || "None"), /*#__PURE__*/ React.createElement("div", { className: "text-[#00FFB2] text-sm", __source: { fileName: "", lineNumber: 316, columnNumber: 15 }, __self: this }, "Latest"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 322, columnNumber: 7 }, __self: this }, ` html, body { background: #0A0A0A; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideIn { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } main { animation: fadeIn 1s ease-out; } .border { animation: slideIn 0.8s ease-out; } .stats-card { animation: fadeInUp 1s ease-out forwards; opacity: 0; animation-delay: 0.3s; } .stats-card:nth-child(2) { animation-delay: 0.5s; } .stats-card:nth-child(3) { animation-delay: 0.7s; } `)); }