function MainComponent() { const [email, setEmail] = useState(""); const [isSubmitted, setIsSubmitted] = useState(false); const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(null); const [isDarkMode, setIsDarkMode] = useState(false); const [isSpinning, setIsSpinning] = useState(false); const [showModal, setShowModal] = useState(false); const [password, setPassword] = useState(""); const [passwordError, setPasswordError] = useState(""); const [isAuthenticated, setIsAuthenticated] = useState(false); const [showDocsModal, setShowDocsModal] = useState(false); // Generate random box positions on page load const generateRandomBoxes = ()=>{ const boxConfigs = [ { width: 80, height: 40 }, { width: 100, height: 60 }, { width: 80, height: 40 }, { width: 60, height: 80 }, { width: 60, height: 80 }, { width: 120, height: 40 }, { width: 80, height: 60 }, { width: 40, height: 20 }, { width: 60, height: 20 }, { width: 40, height: 40 }, { width: 90, height: 50 }, { width: 70, height: 30 }, { width: 50, height: 70 }, { width: 110, height: 45 }, { width: 45, height: 45 } ]; const screenWidth = typeof window !== "undefined" ? window.innerWidth : 1200; const screenHeight = typeof window !== "undefined" ? window.innerHeight : 800; // Adjust box sizes for mobile const isMobile = screenWidth < 768; const adjustedBoxConfigs = boxConfigs.map((config)=>({ width: isMobile ? Math.max(30, config.width * 0.7) : config.width, height: isMobile ? Math.max(20, config.height * 0.7) : config.height })); // Define zones to spread boxes around the page const zones = [ // Top edge { minX: 20, maxX: screenWidth - 100, minY: 20, maxY: isMobile ? 80 : 120 }, // Right edge { minX: screenWidth - (isMobile ? 150 : 300), maxX: screenWidth - (isMobile ? 50 : 100), minY: 20, maxY: screenHeight - (isMobile ? 100 : 200) }, // Bottom edge { minX: 20, maxX: screenWidth - 100, minY: screenHeight - (isMobile ? 100 : 200), maxY: screenHeight - (isMobile ? 50 : 100) }, // Left edge { minX: 20, maxX: isMobile ? 100 : 200, minY: isMobile ? 80 : 120, maxY: screenHeight - (isMobile ? 100 : 200) }, // Top-left corner { minX: 20, maxX: isMobile ? 150 : 300, minY: 20, maxY: isMobile ? 120 : 250 }, // Top-right corner { minX: screenWidth - (isMobile ? 200 : 400), maxX: screenWidth - (isMobile ? 50 : 100), minY: 20, maxY: isMobile ? 120 : 250 }, // Bottom-left corner { minX: 20, maxX: isMobile ? 150 : 300, minY: screenHeight - (isMobile ? 150 : 300), maxY: screenHeight - (isMobile ? 50 : 100) }, // Bottom-right corner { minX: screenWidth - (isMobile ? 200 : 400), maxX: screenWidth - (isMobile ? 50 : 100), minY: screenHeight - (isMobile ? 150 : 300), maxY: screenHeight - (isMobile ? 50 : 100) } ]; return adjustedBoxConfigs.map((config, index)=>{ // Pick a random zone for this box const zone = zones[Math.floor(Math.random() * zones.length)]; // Generate random position within the zone, snapped to grid const x = Math.floor((Math.random() * (zone.maxX - zone.minX) + zone.minX) / 20) * 20; const y = Math.floor((Math.random() * (zone.maxY - zone.minY) + zone.minY) / 20) * 20; // Random connections (each box connects to 0-2 other boxes) const numConnections = Math.floor(Math.random() * 3); const connections = []; for(let i = 0; i < numConnections; i++){ const targetId = Math.floor(Math.random() * adjustedBoxConfigs.length) + 1; if (targetId !== index + 1 && !connections.includes(targetId)) { connections.push(targetId); } } return { id: index + 1, x: Math.max(20, Math.min(x, screenWidth - config.width - (isMobile ? 50 : 100))), y: Math.max(20, Math.min(y, screenHeight - config.height - (isMobile ? 50 : 100))), width: config.width, height: config.height, connections }; }); }; const [boxes, setBoxes] = useState([]); // Initialize boxes on component mount React.useEffect(()=>{ setBoxes(generateRandomBoxes()); }, []); const [draggedBox, setDraggedBox] = useState(null); const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 }); // Grid snap function const snapToGrid = (value, gridSize = 20)=>{ return Math.round(value / gridSize) * gridSize; }; // Generate random box size const generateRandomBoxSize = ()=>{ const boxConfigs = [ { width: 80, height: 40 }, { width: 100, height: 60 }, { width: 80, height: 40 }, { width: 60, height: 80 }, { width: 60, height: 80 }, { width: 120, height: 40 }, { width: 80, height: 60 }, { width: 40, height: 20 }, { width: 60, height: 20 }, { width: 40, height: 40 }, { width: 90, height: 50 }, { width: 70, height: 30 }, { width: 50, height: 70 }, { width: 110, height: 45 }, { width: 45, height: 45 } ]; const screenWidth = typeof window !== "undefined" ? window.innerWidth : 1200; const isMobile = screenWidth < 768; const randomConfig = boxConfigs[Math.floor(Math.random() * boxConfigs.length)]; return { width: isMobile ? Math.max(30, randomConfig.width * 0.7) : randomConfig.width, height: isMobile ? Math.max(20, randomConfig.height * 0.7) : randomConfig.height }; }; // Handle click on empty grid area const handleGridClick = (e)=>{ // Don't create box if we're dragging or clicking on an existing box if (draggedBox || e.target.closest(".box-element")) return; const containerRect = e.currentTarget.getBoundingClientRect(); const clickX = e.clientX - containerRect.left; const clickY = e.clientY - containerRect.top; // Snap click position to grid const snappedX = snapToGrid(clickX); const snappedY = snapToGrid(clickY); // Generate random size for new box const { width, height } = generateRandomBoxSize(); // Keep box within bounds const maxX = containerRect.width - width - 100; const maxY = containerRect.height - height - 100; const finalX = Math.max(20, Math.min(snappedX, maxX)); const finalY = Math.max(20, Math.min(snappedY, maxY)); // Generate random connections to existing boxes (0-2 connections) const numConnections = Math.floor(Math.random() * 3); const connections = []; if (boxes.length > 0) { for(let i = 0; i < numConnections; i++){ const randomBoxIndex = Math.floor(Math.random() * boxes.length); const targetId = boxes[randomBoxIndex].id; if (!connections.includes(targetId)) { connections.push(targetId); } } } // Create new box const newBox = { id: Math.max(...boxes.map((b)=>b.id), 0) + 1, x: finalX, y: finalY, width, height, connections, isNew: true }; setBoxes((prev)=>[ ...prev, newBox ]); // Remove the "new" flag after animation setTimeout(()=>{ setBoxes((prev)=>prev.map((box)=>box.id === newBox.id ? { ...box, isNew: false } : box)); }, 1000); }; // Handle mouse down on box const handleMouseDown = (e, boxId)=>{ e.preventDefault(); e.stopPropagation(); // Prevent grid click const box = boxes.find((b)=>b.id === boxId); const rect = e.currentTarget.getBoundingClientRect(); const containerRect = e.currentTarget.closest(".min-h-screen").getBoundingClientRect(); setDraggedBox(boxId); setDragOffset({ x: e.clientX - containerRect.left - box.x, y: e.clientY - containerRect.top - box.y }); }; // Handle mouse move const handleMouseMove = (e)=>{ if (!draggedBox) return; const containerRect = e.currentTarget.getBoundingClientRect(); const newX = snapToGrid(e.clientX - containerRect.left - dragOffset.x); const newY = snapToGrid(e.clientY - containerRect.top - dragOffset.y); // Keep boxes within bounds const maxX = containerRect.width - 200; const maxY = containerRect.height - 200; setBoxes((prev)=>prev.map((box)=>box.id === draggedBox ? { ...box, x: Math.max(20, Math.min(newX, maxX)), y: Math.max(20, Math.min(newY, maxY)) } : box)); }; // Handle mouse up const handleMouseUp = ()=>{ setDraggedBox(null); setDragOffset({ x: 0, y: 0 }); }; // Generate connection path following grid const generateConnectionPath = (fromBox, toBox)=>{ const fromCenterX = fromBox.x + fromBox.width / 2; const fromCenterY = fromBox.y + fromBox.height / 2; const toCenterX = toBox.x + toBox.width / 2; const toCenterY = toBox.y + toBox.height / 2; // Snap to grid const startX = snapToGrid(fromCenterX); const startY = snapToGrid(fromCenterY); const endX = snapToGrid(toCenterX); const endY = snapToGrid(toCenterY); // Create L-shaped path following grid return `M ${startX},${startY} L ${startX},${endY} L ${endX},${endY}`; }; const handleDarkModeToggle = ()=>{ setIsSpinning(true); // Delay the dark mode toggle to start after a brief moment setTimeout(()=>{ setIsDarkMode(!isDarkMode); }, 100); // Small delay before color transition starts setTimeout(()=>{ setIsSpinning(false); }, 2000); // Stop spinning after 2 seconds }; // Add favicon effect React.useEffect(()=>{ // Create a canvas to draw the favicon const canvas = document.createElement("canvas"); canvas.width = 32; canvas.height = 32; const ctx = canvas.getContext("2d"); // Clear background (transparent) ctx.clearRect(0, 0, 32, 32); // Draw the "A" in vibrant green ctx.save(); ctx.fillStyle = "#5a8a3a"; // vibrant green ctx.font = "bold 24px serif"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText("A", 16, 16); ctx.restore(); // Convert to favicon const link = document.querySelector("link[rel*='icon']") || document.createElement("link"); link.type = "image/png"; link.rel = "shortcut icon"; link.href = canvas.toDataURL("image/png"); document.getElementsByTagName("head")[0].appendChild(link); }, []); const handleSubmit = async (e)=>{ e.preventDefault(); if (!email) return; setIsLoading(true); setError(null); try { const response = await fetch("/api/save-email", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); if (!response.ok) { throw new Error(`Server error: ${response.status}`); } const result = await response.json(); if (result.error) { setError(result.error); } else { setIsSubmitted(true); setEmail(""); } } catch (error) { console.error("Error saving email:", error); setError("Failed to save email. Please try again."); } finally{ setIsLoading(false); } }; const handlePasswordSubmit = ()=>{ if (password === "asmallthing2025") { setIsAuthenticated(true); setPasswordError(""); setShowDocsModal(true); setShowModal(false); } else { setPasswordError("Incorrect password"); setPassword(""); } }; const handlePasswordKeyPress = (e)=>{ if (e.key === "Enter") { handlePasswordSubmit(); } }; return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen ${isDarkMode ? "bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900" : "bg-gradient-to-br from-slate-50 via-white to-stone-50"} flex items-center justify-center p-4 font-serif overflow-hidden relative select-none transition-all duration-[2000ms] ease-in-out`, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onClick: handleGridClick, style: { backgroundPosition: "0 0, 0 0", backgroundAttachment: "fixed" }, __source: { fileName: "", lineNumber: 416, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-6 left-6 z-20", __source: { fileName: "", lineNumber: 427, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `cursor-pointer transition-all duration-300 hover:scale-110 select-none`, onClick: ()=>setIsSpinning(!isSpinning), __source: { fileName: "", lineNumber: 428, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `text-2xl font-serif transition-all duration-500 ${isDarkMode ? "text-slate-200" : "text-slate-800"}`, style: { display: "inline-block", transform: isSpinning ? "rotate(180deg)" : "rotate(0deg)" }, __source: { fileName: "", lineNumber: 432, columnNumber: 11 }, __self: this }, isSpinning ? /*#__PURE__*/ React.createElement("span", { className: "text-[#3d6b47]", __source: { fileName: "", lineNumber: 440, columnNumber: 15 }, __self: this }, "✽") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", { className: "text-[#3d6b47] font-bold", __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }, "A"), /*#__PURE__*/ React.createElement("span", { className: "text-[#3d6b47]", __source: { fileName: "", lineNumber: 444, columnNumber: 17 }, __self: this }, "."))))), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", style: { backgroundImage: ` linear-gradient(to right, rgba(61,107,71,${isDarkMode ? "0.25" : "0.11"}) 1px, transparent 1px), linear-gradient(to bottom, rgba(61,107,71,${isDarkMode ? "0.25" : "0.11"}) 1px, transparent 1px), linear-gradient(to right, rgba(61,107,71,${isDarkMode ? "0.18" : "0.08"}) 1px, transparent 1px), linear-gradient(to bottom, rgba(61,107,71,${isDarkMode ? "0.18" : "0.08"}) 1px, transparent 1px) `, backgroundSize: "60px 60px, 60px 60px, 20px 20px, 20px 20px", backgroundPosition: "0 0, 0 0, 0 0, 0 0" }, __source: { fileName: "", lineNumber: 452, columnNumber: 7 }, __self: this }), boxes.map((box)=>/*#__PURE__*/ React.createElement("div", { key: box.id, className: "absolute cursor-move hover:shadow-sm transition-shadow duration-200 box-element", style: { left: box.x, top: box.y, width: box.width, height: box.height, zIndex: draggedBox === box.id ? 10 : 2 }, onMouseDown: (e)=>handleMouseDown(e, box.id), __source: { fileName: "", lineNumber: 468, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-full h-full transition-all duration-1000 ${box.isNew ? `border-dashed border-2 ${isDarkMode ? "border-[rgba(61,107,71,0.4)] bg-[rgba(61,107,71,0.05)]" : "border-[rgba(61,107,71,0.3)] bg-[rgba(61,107,71,0.02)]"}` : `${isDarkMode ? "border-[rgba(61,107,71,0.2)] bg-[rgba(61,107,71,0.08)] hover:bg-[rgba(61,107,71,0.12)]" : "border-[rgba(61,107,71,0.08)] bg-[rgba(61,107,71,0.03)] hover:bg-[rgba(61,107,71,0.05)]"} border rounded-sm`}`, style: { pointerEvents: "auto" }, __source: { fileName: "", lineNumber: 480, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("svg", { className: "absolute inset-0 w-full h-full pointer-events-none", style: { zIndex: 1 }, __source: { fileName: "", lineNumber: 492, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("g", { stroke: isDarkMode ? "rgba(61,107,71,0.3)" : "rgba(61,107,71,0.15)", strokeWidth: "1", fill: "none", strokeDasharray: "3,3", __source: { fileName: "", lineNumber: 497, columnNumber: 9 }, __self: this }, boxes.map((box)=>box.connections.map((connectionId)=>{ const connectedBox = boxes.find((b)=>b.id === connectionId); if (!connectedBox) return null; return /*#__PURE__*/ React.createElement("path", { key: `${box.id}-${connectionId}`, d: generateConnectionPath(box, connectedBox), __source: { fileName: "", lineNumber: 508, columnNumber: 17 }, __self: this }); })), boxes.map((box)=>{ const centerX = window.innerWidth / 2; const centerY = window.innerHeight / 2; const boxCenterX = box.x + box.width / 2; const boxCenterY = box.y + box.height / 2; return /*#__PURE__*/ React.createElement("path", { key: `center-${box.id}`, d: `M ${snapToGrid(boxCenterX)},${snapToGrid(boxCenterY)} L ${snapToGrid(centerX)},${snapToGrid(centerY)}`, strokeDasharray: "2,4", opacity: "0.1", __source: { fileName: "", lineNumber: 524, columnNumber: 15 }, __self: this }); }))), /*#__PURE__*/ React.createElement("div", { className: "absolute top-6 right-6 z-20 flex items-center gap-3", __source: { fileName: "", lineNumber: 536, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: `w-16 h-8 ${isDarkMode ? "text-slate-400" : "text-slate-500"} opacity-60`, viewBox: "0 0 64 32", fill: "none", __source: { fileName: "", lineNumber: 538, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M2 16 Q20 8 40 16 Q50 20 58 16 M54 12 L58 16 L54 20", stroke: "currentColor", strokeWidth: "1.5", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", style: { filter: "url(#roughPaper)" }, __source: { fileName: "", lineNumber: 543, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("defs", { __source: { fileName: "", lineNumber: 554, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("filter", { id: "roughPaper", __source: { fileName: "", lineNumber: 555, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("feTurbulence", { baseFrequency: "0.04", numOctaves: "3", result: "noise", seed: "1", __source: { fileName: "", lineNumber: 556, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("feDisplacementMap", { in: "SourceGraphic", in2: "noise", scale: "0.8", __source: { fileName: "", lineNumber: 562, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowModal(true), className: `${isDarkMode ? "bg-slate-800/80 border-slate-600/50 text-slate-300 hover:bg-slate-700/80" : "bg-white/80 border-slate-200/50 text-slate-600 hover:bg-white/90"} backdrop-blur-sm border rounded-lg px-3 py-2 text-xs font-serif transition-all duration-300 hover:shadow-md`, __source: { fileName: "", lineNumber: 567, columnNumber: 9 }, __self: this }, "View Docs")), showModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 577, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-800 border-slate-600" : "bg-white border-slate-200"} border rounded-lg shadow-xl max-w-md w-full p-6 font-serif relative`, onClick: (e)=>e.stopPropagation(), __source: { fileName: "", lineNumber: 578, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowModal(false), className: `absolute top-4 right-4 ${isDarkMode ? "text-slate-400 hover:text-slate-300" : "text-slate-500 hover:text-slate-600"} transition-colors`, __source: { fileName: "", lineNumber: 582, columnNumber: 13 }, __self: this }, "✕"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 589, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: `text-lg font-medium ${isDarkMode ? "text-slate-200" : "text-slate-800"}`, __source: { fileName: "", lineNumber: 590, columnNumber: 15 }, __self: this }, "Documentation Access"), /*#__PURE__*/ React.createElement("p", { className: `${isDarkMode ? "text-slate-300" : "text-slate-600"} text-sm leading-relaxed`, __source: { fileName: "", lineNumber: 596, columnNumber: 15 }, __self: this }, "Our documentation and detailed information are currently protected while we're in stealth mode."), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 603, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const subject = "Request Documentation Access - Attiteud"; const body = `Hi Justin, I would like access to the Attiteud documentation and more detailed information. Please fill out the following to help us understand your background: 1. Organization/Company: 2. Role/Title: 3. Industry (please select one): [ ] Shipping Company [ ] Maritime Technology [ ] Venture Capital/Investment [ ] Port/Terminal Operations [ ] Logistics/Supply Chain [ ] Government/Regulatory [ ] Academic/Research [ ] Other: ___________ 4. What specific maritime AI challenges are you working on? 5. How did you hear about Attiteud? 6. What's your timeline for evaluating maritime AI solutions? Best regards, [Your Name] [Your Email] [Your Organization]`; const mailtoLink = `mailto:justin@attiteud.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`; window.open(mailtoLink, "_blank"); }, className: `w-full ${isDarkMode ? "bg-slate-700 hover:bg-slate-600 text-slate-200" : "bg-slate-100 hover:bg-slate-200 text-slate-700"} rounded-lg px-4 py-2 text-sm transition-colors duration-200 flex items-center justify-between`, __source: { fileName: "", lineNumber: 604, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 641, columnNumber: 19 }, __self: this }, "Request Documentation Access"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 642, columnNumber: 19 }, __self: this }, "→")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 645, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `${isDarkMode ? "text-slate-400" : "text-slate-500"} text-sm`, __source: { fileName: "", lineNumber: 646, columnNumber: 19 }, __self: this }, "Already have access?"), /*#__PURE__*/ React.createElement("input", { type: "password", value: password, onChange: (e)=>setPassword(e.target.value), onKeyPress: handlePasswordKeyPress, placeholder: "Enter password", className: `flex-1 ${isDarkMode ? "bg-slate-700 border-slate-600 text-slate-200 placeholder-slate-400" : "bg-slate-50 border-slate-300 text-slate-700 placeholder-slate-500"} border rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-slate-400`, __source: { fileName: "", lineNumber: 651, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handlePasswordSubmit, className: `${isDarkMode ? "text-slate-300 hover:text-slate-200" : "text-slate-600 hover:text-slate-700"} text-sm transition-colors`, __source: { fileName: "", lineNumber: 659, columnNumber: 19 }, __self: this }, "→")), passwordError && /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-xs font-medium font-serif", __source: { fileName: "", lineNumber: 668, columnNumber: 19 }, __self: this }, passwordError)), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "border-slate-600" : "border-slate-200"} border-t pt-4 mt-4`, __source: { fileName: "", lineNumber: 674, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: `${isDarkMode ? "text-slate-400" : "text-slate-500"} text-xs`, __source: { fileName: "", lineNumber: 677, columnNumber: 17 }, __self: this }, "For questions or access requests:", " ", /*#__PURE__*/ React.createElement("a", { href: "mailto:justin@attiteud.com", className: `${isDarkMode ? "text-slate-300 hover:text-slate-200" : "text-slate-600 hover:text-slate-700"} underline transition-colors`, __source: { fileName: "", lineNumber: 681, columnNumber: 19 }, __self: this }, "justin@attiteud.com")))))), showDocsModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 696, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-800 border-slate-600" : "bg-white border-slate-200"} border rounded-lg shadow-xl max-w-2xl w-full max-h-[80vh] overflow-y-auto font-serif relative`, onClick: (e)=>e.stopPropagation(), __source: { fileName: "", lineNumber: 697, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `sticky top-0 ${isDarkMode ? "bg-slate-800" : "bg-white"} z-20 p-6 border-b ${isDarkMode ? "border-slate-600" : "border-slate-200"}`, __source: { fileName: "", lineNumber: 701, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDocsModal(false), className: `absolute top-6 right-6 ${isDarkMode ? "text-slate-400 hover:text-slate-300" : "text-slate-500 hover:text-slate-600"} transition-colors z-10`, __source: { fileName: "", lineNumber: 704, columnNumber: 15 }, __self: this }, "✕"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 711, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#3d6b47] text-2xl", __source: { fileName: "", lineNumber: 712, columnNumber: 17 }, __self: this }, "✽"), /*#__PURE__*/ React.createElement("h2", { className: `text-xl font-light ${isDarkMode ? "text-slate-200" : "text-slate-800"}`, __source: { fileName: "", lineNumber: 713, columnNumber: 17 }, __self: this }, "Attiteud."))), /*#__PURE__*/ React.createElement("div", { className: "p-6 space-y-6", __source: { fileName: "", lineNumber: 721, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "text-slate-300" : "text-slate-600"} space-y-6 text-sm leading-relaxed`, __source: { fileName: "", lineNumber: 722, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 725, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 726, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: `font-bold text-lg ${isDarkMode ? "text-slate-200" : "text-slate-700"}`, __source: { fileName: "", lineNumber: 727, columnNumber: 21 }, __self: this }, "Attiteud – Internal Overview (Confidential)"), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-red-900/20 border-red-700/50 text-red-300" : "bg-red-50 border-red-200 text-red-700"} border rounded-lg p-3 mt-4 text-xs`, __source: { fileName: "", lineNumber: 732, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 735, columnNumber: 23 }, __self: this }, "Disclaimer:"), " This material is shared under NDA expectation. Redistribution is not permitted.")), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 740, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `font-semibold text-base ${isDarkMode ? "text-slate-200" : "text-slate-700"}`, __source: { fileName: "", lineNumber: 741, columnNumber: 21 }, __self: this }, "1. Overview"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 746, columnNumber: 21 }, __self: this }, "Attiteud is building a vertically structured data pipeline for maritime AI."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 750, columnNumber: 21 }, __self: this }, "We ingest, annotate, normalize, and semantically tag raw unstructured maritime sources, enabling digital transformation at scale in maritime, and unlocking robust use cases in:"), /*#__PURE__*/ React.createElement("ul", { className: "ml-6 space-y-1", __source: { fileName: "", lineNumber: 756, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 757, columnNumber: 23 }, __self: this }, "• LLM finetuning"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 758, columnNumber: 23 }, __self: this }, "• Compliance automation"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 759, columnNumber: 23 }, __self: this }, "• Risk and pricing analytics"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 760, columnNumber: 23 }, __self: this }, "• Behavioral and geopolitical inference")), /*#__PURE__*/ React.createElement("p", { className: "font-medium italic", __source: { fileName: "", lineNumber: 762, columnNumber: 21 }, __self: this }, "We do not build apps — we build the substrate.")), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 767, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `font-semibold text-base ${isDarkMode ? "text-slate-200" : "text-slate-700"}`, __source: { fileName: "", lineNumber: 768, columnNumber: 21 }, __self: this }, "2. Current Data Corpus (Built in Stealth)"), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-700/50 border-slate-600" : "bg-slate-50 border-slate-200"} border rounded-lg overflow-hidden`, __source: { fileName: "", lineNumber: 773, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-xs", __source: { fileName: "", lineNumber: 776, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: `${isDarkMode ? "bg-slate-600/50" : "bg-slate-100"}`, __source: { fileName: "", lineNumber: 777, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 780, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left p-3 font-medium", __source: { fileName: "", lineNumber: 781, columnNumber: 29 }, __self: this }, "Corpus Type"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-3 font-medium", __source: { fileName: "", lineNumber: 784, columnNumber: 29 }, __self: this }, "Format"), /*#__PURE__*/ React.createElement("th", { className: "text-left p-3 font-medium", __source: { fileName: "", lineNumber: 787, columnNumber: 29 }, __self: this }, "Estimated Size"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-slate-200 dark:divide-slate-600", __source: { fileName: "", lineNumber: 792, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 793, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 794, columnNumber: 29 }, __self: this }, "Legal Cases (P&I)"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 795, columnNumber: 29 }, __self: this }, "JSON, CSV"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 796, columnNumber: 29 }, __self: this }, "8,500+")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 798, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 799, columnNumber: 29 }, __self: this }, "Port Circulars"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 800, columnNumber: 29 }, __self: this }, "Normalized Text"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 801, columnNumber: 29 }, __self: this }, "6,000+")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 803, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 804, columnNumber: 29 }, __self: this }, "Charter Party Clauses"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 805, columnNumber: 29 }, __self: this }, "Clause-tagged"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 806, columnNumber: 29 }, __self: this }, "~1,000")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 808, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 809, columnNumber: 29 }, __self: this }, "AIS Behavioral Logs"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 810, columnNumber: 29 }, __self: this }, "Time-series JSON"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 811, columnNumber: 29 }, __self: this }, "4M+ rows")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 813, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 814, columnNumber: 29 }, __self: this }, "Glossary (BIMCO, IMO)"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 815, columnNumber: 29 }, __self: this }, "YAML + JSON"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 816, columnNumber: 29 }, __self: this }, "3,000+")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 818, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 819, columnNumber: 29 }, __self: this }, "Terminal Notices"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 820, columnNumber: 29 }, __self: this }, "███"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 821, columnNumber: 29 }, __self: this }, "~800")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 823, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 824, columnNumber: 29 }, __self: this }, "B/Ls, Inspections, CPs"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 825, columnNumber: 29 }, __self: this }, "PDF + OCR"), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 826, columnNumber: 29 }, __self: this }, "Confidential"))))), /*#__PURE__*/ React.createElement("p", { className: "text-xs", __source: { fileName: "", lineNumber: 831, columnNumber: 21 }, __self: this }, "Annotation assisted by OpenAI, spaCy, SAM, Label Studio. Human-in-loop maintained."), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "border-slate-600 bg-slate-700/30" : "border-slate-200 bg-slate-50"} border-l-4 border-l-blue-500 pl-4 py-2`, __source: { fileName: "", lineNumber: 835, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs font-medium", __source: { fileName: "", lineNumber: 838, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 839, columnNumber: 25 }, __self: this }, "Sources:"), " ███ (public + semi-private + NDA-only sources)"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 845, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `font-semibold text-base ${isDarkMode ? "text-slate-200" : "text-slate-700"}`, __source: { fileName: "", lineNumber: 846, columnNumber: 21 }, __self: this }, "3. Strategic Positioning"), /*#__PURE__*/ React.createElement("ul", { className: "ml-6 space-y-1", __source: { fileName: "", lineNumber: 851, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 852, columnNumber: 23 }, __self: this }, "• First vertically structured, semantically tagged corpus in maritime"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 856, columnNumber: 23 }, __self: this }, "• Moat: proprietary labeling schemas, source partnerships, annotation pipelines"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 860, columnNumber: 23 }, __self: this }, "• Core: No front-end product — only the data layer powering those who do"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 867, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `font-semibold text-base ${isDarkMode ? "text-slate-200" : "text-slate-700"}`, __source: { fileName: "", lineNumber: 868, columnNumber: 21 }, __self: this }, "4. Capital Outlook"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 873, columnNumber: 21 }, __self: this }, "We're not actively raising. Our focus is building, scaling the dataset, and closing early partnerships."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 877, columnNumber: 21 }, __self: this }, "But if you're an investor who sees the strategic value in accelerating this infrastructure 10x faster, we're open to conversations.")), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 884, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `font-semibold text-base ${isDarkMode ? "text-slate-200" : "text-slate-700"}`, __source: { fileName: "", lineNumber: 885, columnNumber: 21 }, __self: this }, "5. ███ Sample Dataset Formats"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 891, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 892, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 893, columnNumber: 25 }, __self: this }, "A. Legal Case Annotation (Sample)"), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-800 border-slate-600" : "bg-slate-50 border-slate-200"} border rounded p-3 text-xs font-mono overflow-x-auto`, __source: { fileName: "", lineNumber: 896, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { __source: { fileName: "", lineNumber: 899, columnNumber: 27 }, __self: this }, `{ "case_id": "SGHC20██_█████", "jurisdiction": "[███████ Court]", "parties": ["███████ Shipping Ltd", "██████ Marine"], "incident_type": "[Cargo claim / Seaworthiness]", "decision_summary": "[███████ CLAUSE APPLIED]", "keywords": ["Hague Rules", "demurrage"], "date_filed": "████-██-██" }`))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 911, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 912, columnNumber: 25 }, __self: this }, "B. Port Circular (Sample)"), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-800 border-slate-600" : "bg-slate-50 border-slate-200"} border rounded p-3 text-xs font-mono overflow-x-auto`, __source: { fileName: "", lineNumber: 915, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { __source: { fileName: "", lineNumber: 918, columnNumber: 27 }, __self: this }, `{ "circular_id": "PORT██████", "port": "[███████]", "subject": "[Anchorage restrictions update]", "effective_date": "████-██-██", "semantic_tags": ["███████", "██████", "████████"] }`))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 928, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 929, columnNumber: 25 }, __self: this }, "C. AIS Behavior Snapshot (Redacted)"), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-800 border-slate-600" : "bg-slate-50 border-slate-200"} border rounded p-3 text-xs font-mono overflow-x-auto`, __source: { fileName: "", lineNumber: 932, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { __source: { fileName: "", lineNumber: 935, columnNumber: 27 }, __self: this }, `{ "imo": "███████", "coordinates": [██.████, ███.████], "behavior": "[loitering, STS, deviation]", "zone": "[███████ STRAIT]" }`))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 944, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 945, columnNumber: 25 }, __self: this }, "D. Glossary Entry (BIMCO/IMO-derived)"), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-800 border-slate-600" : "bg-slate-50 border-slate-200"} border rounded p-3 text-xs font-mono overflow-x-auto`, __source: { fileName: "", lineNumber: 948, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { __source: { fileName: "", lineNumber: 951, columnNumber: 27 }, __self: this }, `{ "term": "Berthing", "definition": "Mooring a vessel to a port structure.", "synonyms": ["docking", "mooring"], "categories": ["Nautical ops", "Terminal procedures"] }`))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 962, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `font-semibold text-base ${isDarkMode ? "text-slate-200" : "text-slate-700"}`, __source: { fileName: "", lineNumber: 963, columnNumber: 21 }, __self: this }, "6. Team & Leadership"), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-700/30 border-slate-600" : "bg-slate-50 border-slate-200"} border rounded-lg p-4 space-y-3`, __source: { fileName: "", lineNumber: 969, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 972, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: `font-bold text-sm ${isDarkMode ? "text-slate-200" : "text-slate-700"} text-[#3d6b47]`, __source: { fileName: "", lineNumber: 973, columnNumber: 25 }, __self: this }, "Founder: Justin"), /*#__PURE__*/ React.createElement("p", { className: "text-xs leading-relaxed", __source: { fileName: "", lineNumber: 978, columnNumber: 25 }, __self: this }, "5+ years in maritime digital transformation. Led GTM + product capturing >80% of Singapore's harbor craft market. Built emission algorithms with A*STAR reducing port fuel burn by 25%."), /*#__PURE__*/ React.createElement("p", { className: "text-xs leading-relaxed", __source: { fileName: "", lineNumber: 984, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 985, columnNumber: 27 }, __self: this }, "2x exits:"), " AI SaaS to NASDAQ:BIGC, and 7x ROI SaaS sale. Former founder of Ferwinds (ML sentiment modeling for commercial maritime) — realized the real moat wasn't prediction… it was data. Structured, clean, unloved data."))), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "border-slate-600 bg-slate-700/30" : "border-slate-200 bg-slate-50"} border-l-4 border-l-green-500 pl-4 py-3 space-y-2`, __source: { fileName: "", lineNumber: 994, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs italic", __source: { fileName: "", lineNumber: 997, columnNumber: 23 }, __self: this }, "\"After Ferwinds, I realized the real moat in maritime wasn't in prediction. It was in clean, structured data no one else wanted to deal with. So I've gone deep on that problem. Quietly. And with results.\""), /*#__PURE__*/ React.createElement("p", { className: "text-xs italic", __source: { fileName: "", lineNumber: 1003, columnNumber: 23 }, __self: this }, '"We now have corpora across regulatory, legal, glossary, behavioral, port operations, terminal activity, and more — semantically labeled, normalized, and inference-ready."'), /*#__PURE__*/ React.createElement("p", { className: "text-xs italic", __source: { fileName: "", lineNumber: 1009, columnNumber: 23 }, __self: this }, "\"I'm not building a UI. I'm building the foundational layer for maritime AI. And I'm opening access to 2–3 partners or investors who understand the power in that.\"")), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-700/30 border-slate-600" : "bg-slate-50 border-slate-200"} border rounded-lg p-4`, __source: { fileName: "", lineNumber: 1016, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-2", __source: { fileName: "", lineNumber: 1019, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: `font-bold text-sm ${isDarkMode ? "text-slate-200" : "text-slate-700"} text-[#3d6b47]`, __source: { fileName: "", lineNumber: 1020, columnNumber: 25 }, __self: this }, "Advisor"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 1025, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/87874b29-439f-4bc7-a910-ff0282ee4930/-/format/auto/", alt: "Claude", className: "h-16 w-auto", __source: { fileName: "", lineNumber: 1026, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/6a0331f7-3548-4c83-b7fa-bfd8bb1b2520/-/format/auto/", alt: "Anthropic", className: "h-16 w-auto", __source: { fileName: "", lineNumber: 1031, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-xs leading-relaxed", __source: { fileName: "", lineNumber: 1038, columnNumber: 23 }, __self: this }, "Ex-Anthropic (Claude team)."))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 1044, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `font-semibold text-base ${isDarkMode ? "text-slate-200" : "text-slate-700"}`, __source: { fileName: "", lineNumber: 1045, columnNumber: 21 }, __self: this }, "7. Architecture (High-Level)"), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-slate-800 border-slate-600" : "bg-slate-50 border-slate-200"} border rounded p-4 text-xs font-mono`, __source: { fileName: "", lineNumber: 1050, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-2", __source: { fileName: "", lineNumber: 1053, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1054, columnNumber: 25 }, __self: this }, "Unstructured Sources"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1055, columnNumber: 25 }, __self: this }, "↓"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1056, columnNumber: 25 }, __self: this }, "Ingestion Layer"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1057, columnNumber: 25 }, __self: this }, "↓"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1058, columnNumber: 25 }, __self: this }, "OCR + Parsing"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1059, columnNumber: 25 }, __self: this }, "↓"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1060, columnNumber: 25 }, __self: this }, "AI-Assisted Annotation"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1061, columnNumber: 25 }, __self: this }, "↓"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1062, columnNumber: 25 }, __self: this }, "Human Review"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1063, columnNumber: 25 }, __self: this }, "↓"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1064, columnNumber: 25 }, __self: this }, "Normalization Bus"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1065, columnNumber: 25 }, __self: this }, "↓"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1066, columnNumber: 25 }, __self: this }, "Semantic Tagging Engine"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1067, columnNumber: 25 }, __self: this }, "↓"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1068, columnNumber: 25 }, __self: this }, "ML-Ready Corpora")))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 1073, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `font-semibold text-base ${isDarkMode ? "text-slate-200" : "text-slate-700"}`, __source: { fileName: "", lineNumber: 1074, columnNumber: 21 }, __self: this }, "8. Contact"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1079, columnNumber: 21 }, __self: this }, "If you're an investor, building AI/ML, insurer, partner or collaborator, please contact:"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1083, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "mailto:justin@attiteud.com", className: `inline-flex items-center gap-2 ${isDarkMode ? "text-slate-300 hover:text-slate-200" : "text-slate-600 hover:text-slate-700"} font-medium transition-colors`, __source: { fileName: "", lineNumber: 1084, columnNumber: 23 }, __self: this }, "justin@attiteud.com")))))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-lg w-full text-center space-y-8 relative z-10 flex flex-col items-center", style: { width: "600px", padding: "0px" }, __source: { fileName: "", lineNumber: 1099, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6 md:space-y-8 w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 1106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-3 h-[60px]", __source: { fileName: "", lineNumber: 1108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "text-[#3d6b47]" : "text-[#3d6b47]"} text-6xl leading-none cursor-pointer hover:scale-110 transition-transform duration-200`, onClick: handleDarkModeToggle, style: { animation: isSpinning ? "spin-1x 2s ease-in-out" : "none" }, __source: { fileName: "", lineNumber: 1109, columnNumber: 13 }, __self: this }, "✽"), /*#__PURE__*/ React.createElement("h1", { className: `text-3xl md:text-4xl font-light ${isDarkMode ? "text-slate-200" : "text-slate-800"} tracking-wider font-serif leading-none`, __source: { fileName: "", lineNumber: 1118, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#3d6b47] font-bold", __source: { fileName: "", lineNumber: 1121, columnNumber: 15 }, __self: this }, "A"), /*#__PURE__*/ React.createElement("span", { className: `transition-all duration-300 cursor-pointer`, style: { color: isDarkMode ? "#cbd5e1" : "#475569", fontWeight: "300" }, onMouseEnter: (e)=>{ e.target.style.color = "#3d6b47"; }, onMouseLeave: (e)=>{ e.target.style.color = isDarkMode ? "#cbd5e1" : "#475569"; }, __source: { fileName: "", lineNumber: 1122, columnNumber: 15 }, __self: this }, "t"), /*#__PURE__*/ React.createElement("span", { className: `transition-all duration-300 cursor-pointer`, style: { color: isDarkMode ? "#cbd5e1" : "#475569", fontWeight: "300" }, onMouseEnter: (e)=>{ e.target.style.color = "#3d6b47"; }, onMouseLeave: (e)=>{ e.target.style.color = isDarkMode ? "#cbd5e1" : "#475569"; }, __source: { fileName: "", lineNumber: 1137, columnNumber: 15 }, __self: this }, "t"), /*#__PURE__*/ React.createElement("span", { className: `transition-all duration-300 cursor-pointer`, style: { color: isDarkMode ? "#cbd5e1" : "#475569", fontWeight: "300" }, onMouseEnter: (e)=>{ e.target.style.color = "#3d6b47"; }, onMouseLeave: (e)=>{ e.target.style.color = isDarkMode ? "#cbd5e1" : "#475569"; }, __source: { fileName: "", lineNumber: 1152, columnNumber: 15 }, __self: this }, "it"), /*#__PURE__*/ React.createElement("span", { className: `transition-all duration-300 cursor-pointer`, style: { color: isDarkMode ? "#cbd5e1" : "#475569", fontWeight: "300" }, onMouseEnter: (e)=>{ e.target.style.color = "#3d6b47"; }, onMouseLeave: (e)=>{ e.target.style.color = isDarkMode ? "#cbd5e1" : "#475569"; }, __source: { fileName: "", lineNumber: 1167, columnNumber: 15 }, __self: this }, "e"), /*#__PURE__*/ React.createElement("span", { className: `transition-all duration-300 cursor-pointer`, style: { color: isDarkMode ? "#cbd5e1" : "#475569", fontWeight: "300" }, onMouseEnter: (e)=>{ e.target.style.color = "#3d6b47"; }, onMouseLeave: (e)=>{ e.target.style.color = isDarkMode ? "#cbd5e1" : "#475569"; }, __source: { fileName: "", lineNumber: 1182, columnNumber: 15 }, __self: this }, "u"), /*#__PURE__*/ React.createElement("span", { className: `transition-all duration-300 cursor-pointer`, style: { color: isDarkMode ? "#cbd5e1" : "#475569", fontWeight: "300" }, onMouseEnter: (e)=>{ e.target.style.color = "#3d6b47"; }, onMouseLeave: (e)=>{ e.target.style.color = isDarkMode ? "#cbd5e1" : "#475569"; }, __source: { fileName: "", lineNumber: 1197, columnNumber: 15 }, __self: this }, "d"), /*#__PURE__*/ React.createElement("span", { className: "text-[#3d6b47]", __source: { fileName: "", lineNumber: 1212, columnNumber: 15 }, __self: this }, "."))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center w-full px-4", __source: { fileName: "", lineNumber: 1217, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "bg-gray-800/90 border-gray-600/50" : "bg-white/90 border-slate-200/50"} backdrop-blur-sm rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 pointer-events-none w-full max-w-[480px]`, style: { padding: typeof window !== "undefined" && window.innerWidth < 768 ? "16px" : "20px", marginTop: typeof window !== "undefined" && window.innerWidth < 768 ? "-10px" : "0px" }, __source: { fileName: "", lineNumber: 1218, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-left space-y-4", __source: { fileName: "", lineNumber: 1231, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `flex items-center justify-between pb-3 ${isDarkMode ? "border-gray-600/60" : "border-slate-200/60"} border-b`, __source: { fileName: "", lineNumber: 1232, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 1235, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: `text-sm md:text-base font-medium ${isDarkMode ? "text-gray-200" : "text-slate-700"} font-serif`, __source: { fileName: "", lineNumber: 1236, columnNumber: 21 }, __self: this }, "Attiteud"), /*#__PURE__*/ React.createElement("span", { className: `${isDarkMode ? "text-gray-400" : "text-slate-500"} text-xs font-mono italic`, __source: { fileName: "", lineNumber: 1241, columnNumber: 21 }, __self: this }, "/ˈætɪˌtuːd/"), /*#__PURE__*/ React.createElement("span", { className: `${isDarkMode ? "text-gray-200 bg-gray-700" : "text-slate-600 bg-slate-100"} text-xs font-mono px-2 py-1 rounded`, __source: { fileName: "", lineNumber: 1246, columnNumber: 21 }, __self: this }, "(n.)"))), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "text-gray-200" : "text-slate-600"} leading-relaxed space-y-3 font-serif text-xs md:text-sm`, __source: { fileName: "", lineNumber: 1253, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1256, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1257, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 1258, columnNumber: 23 }, __self: this }, "1."), " A manner of thinking, feeling, or behaving that reflects a state of mind or disposition."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1262, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 1263, columnNumber: 23 }, __self: this }, "2."), " The shift that turns fragments into form."), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "border-gray-600/40" : "border-slate-200/40"} border-t pt-2 mt-3`, __source: { fileName: "", lineNumber: 1266, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1269, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 1270, columnNumber: 25 }, __self: this }, "3."), " ", /*#__PURE__*/ React.createElement("span", { className: `font-bold ${isDarkMode ? "text-gray-400" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 1271, columnNumber: 25 }, __self: this }, "A small thing that makes a", " ", /*#__PURE__*/ React.createElement("span", { className: "text-[#5a8a3a]", __source: { fileName: "", lineNumber: 1275, columnNumber: 27 }, __self: this }, "big"), " ", "difference.")))))))), /*#__PURE__*/ React.createElement("div", { className: "text-center flex justify-center h-[30px] w-full", __source: { fileName: "", lineNumber: 1287, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: `${isDarkMode ? "text-gray-200" : "text-slate-600"} text-base md:text-xl font-serif italic tracking-wide px-4 pointer-events-none text-center whitespace-nowrap`, __source: { fileName: "", lineNumber: 1288, columnNumber: 13 }, __self: this }, "The", " ", /*#__PURE__*/ React.createElement("span", { className: "text-[#3d6b47] font-medium relative", __source: { fileName: "", lineNumber: 1292, columnNumber: 15 }, __self: this }, "foundational", /*#__PURE__*/ React.createElement("svg", { className: "absolute -bottom-1 left-0 w-full h-2", viewBox: "0 0 100 8", preserveAspectRatio: "none", __source: { fileName: "", lineNumber: 1294, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M2,6 Q25,2 50,4 T98,5", stroke: "#3d6b47", strokeWidth: "1.5", fill: "none", opacity: "0.6", __source: { fileName: "", lineNumber: 1299, columnNumber: 19 }, __self: this }))), " ", "layer for maritime AI applications")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-[50px] md:h-[50px] w-full", __source: { fileName: "", lineNumber: 1313, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `flex items-center justify-center gap-2 md:gap-4 ${isDarkMode ? "text-gray-200" : "text-slate-600"} pointer-events-none`, __source: { fileName: "", lineNumber: 1314, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 md:w-16 md:h-16 flex items-center justify-center", __source: { fileName: "", lineNumber: 1318, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 md:w-12 md:h-12 border-2 border-dashed border-[#3d6b47] rounded-full", __source: { fileName: "", lineNumber: 1319, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "text-slate-400" : "text-slate-500"} text-xl md:text-2xl leading-none`, __source: { fileName: "", lineNumber: 1321, columnNumber: 15 }, __self: this }, "→"), /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 md:w-16 md:h-16 flex items-center justify-center", __source: { fileName: "", lineNumber: 1327, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#3d6b47] leading-none text-4xl md:text-6xl", style: { display: "inline-block", animation: "spin-slow 3s linear infinite", transformOrigin: "center center" }, __source: { fileName: "", lineNumber: 1328, columnNumber: 17 }, __self: this }, "✽")), /*#__PURE__*/ React.createElement("div", { className: `${isDarkMode ? "text-slate-400" : "text-slate-500"} text-xl md:text-2xl leading-none`, __source: { fileName: "", lineNumber: 1339, columnNumber: 15 }, __self: this }, "→"), /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 md:w-16 md:h-16 flex items-center justify-center", __source: { fileName: "", lineNumber: 1345, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 md:w-12 md:h-12 bg-[#3d6b47] rounded-full", __source: { fileName: "", lineNumber: 1346, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 1353, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex justify-center w-full", __source: { fileName: "", lineNumber: 1354, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-3 w-full max-w-sm", __source: { fileName: "", lineNumber: 1355, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email", className: `flex-1 rounded-lg border ${isDarkMode ? "border-slate-600 bg-slate-800/90 text-slate-200 placeholder-slate-400 focus:border-slate-400" : "border-slate-300 bg-white/90 text-slate-800 placeholder-slate-500 focus:border-slate-400"} focus:outline-none focus:ring-2 focus:ring-slate-200 transition-all duration-300 text-sm font-serif hover:shadow-md text-center sm:text-left`, style: { padding: "8px 12px" }, required: true, disabled: isLoading, __source: { fileName: "", lineNumber: 1356, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isLoading || isSubmitted, className: `${isDarkMode ? "bg-slate-600 hover:bg-slate-500" : "bg-slate-600 hover:bg-slate-500"} text-white rounded-lg focus:outline-none focus:ring-2 focus:ring-slate-300 transition-all duration-300 disabled:opacity-50 whitespace-nowrap font-medium text-sm shadow-md hover:shadow-lg font-serif`, style: { padding: "8px 12px" }, __source: { fileName: "", lineNumber: 1367, columnNumber: 15 }, __self: this }, isLoading ? "Joining..." : isSubmitted ? "Joined!" : "Join Waitlist"))), /*#__PURE__*/ React.createElement("div", { className: "text-center min-h-[20px] pointer-events-none w-full", __source: { fileName: "", lineNumber: 1383, columnNumber: 11 }, __self: this }, error && /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-xs font-medium font-serif", __source: { fileName: "", lineNumber: 1385, columnNumber: 15 }, __self: this }, error), isSubmitted && !error && /*#__PURE__*/ React.createElement("p", { className: "text-emerald-700 text-xs font-medium font-serif", __source: { fileName: "", lineNumber: 1390, columnNumber: 15 }, __self: this }, "Thanks! We'll be in touch soon.")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 1398, columnNumber: 7 }, __self: this }, ` @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin-1x { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes gridPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } } `)); }