function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#FFFFFF] text-[#121212]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "My Blog"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#007BFF] hover:underline", __source: { fileName: "", lineNumber: 8, columnNumber: 17 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/categories", className: "text-[#007BFF] hover:underline", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }, "Categories")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-[#007BFF] hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "About"))))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Welcome to My Blog"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Discover insightful articles and thought-provoking philosophical questions generated by AI.")), /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("article", { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "post1.jpg", alt: "Thumbnail for blog post 1 discussing the concept of free will", className: "w-full h-[200px] object-cover mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/post1", className: "text-[#007BFF] hover:underline", __source: { fileName: "", lineNumber: 24, columnNumber: 52 }, __self: this }, "Blog Post 1 Title")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Posted on January 1, 2023")), /*#__PURE__*/ React.createElement("article", { __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "post2.jpg", alt: "Thumbnail for blog post 2 exploring the meaning of happiness", className: "w-full h-[200px] object-cover mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/post2", className: "text-[#007BFF] hover:underline", __source: { fileName: "", lineNumber: 29, columnNumber: 52 }, __self: this }, "Blog Post 2 Title")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Posted on January 2, 2023")), /*#__PURE__*/ React.createElement("article", { __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "post3.jpg", alt: "Thumbnail for blog post 3 about the nature of reality", className: "w-full h-[200px] object-cover mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/post3", className: "text-[#007BFF] hover:underline", __source: { fileName: "", lineNumber: 34, columnNumber: 52 }, __self: this }, "Blog Post 3 Title")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Posted on January 3, 2023")), /*#__PURE__*/ React.createElement("article", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "post4.jpg", alt: "Thumbnail for blog post 4 on the ethics of artificial intelligence", className: "w-full h-[200px] object-cover mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/post4", className: "text-[#007BFF] hover:underline", __source: { fileName: "", lineNumber: 39, columnNumber: 52 }, __self: this }, "Blog Post 4 Title")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Posted on January 4, 2023")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-100 text-center p-4", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "© ", new Date().getFullYear(), " My Blog. All rights reserved."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 mt-2", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-2xl text-[#007BFF]", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl text-[#007BFF]", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-2xl text-[#007BFF]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }))))); } function ArticlePage({ post }) { const [questions, setQuestions] = useState([]); const [loading, setLoading] = useState(false); const generateQuestions = async ()=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: { messages: [ { role: "user", content: `Analyze the following blog post and generate 3 relevant philosophical questions: ${post.content}` } ], system_prompt: "You are a blog post analyzer that generates thought-provoking philosophical questions based on the content." } }); const data = await response.json(); const generatedQuestions = data.choices[0].message.content.split('\n'); setQuestions(generatedQuestions); setLoading(false); }; return /*#__PURE__*/ React.createElement("article", { className: "mx-4", __source: { fileName: "", lineNumber: 89, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }, post.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mb-4", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, "Posted on ", post.date, " by ", post.author), /*#__PURE__*/ React.createElement("div", { className: "mb-8 leading-relaxed mx-5", style: { lineHeight: '1.6' }, dangerouslySetInnerHTML: { __html: post.content }, __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("section", { className: "bg-[#F0F0F0] text-[#121212] p-4", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, "Dig Deeper"), loading ? /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "Generating questions...") : /*#__PURE__*/ React.createElement("ul", { className: "italic space-y-2", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, questions.map((q, i)=>/*#__PURE__*/ React.createElement("li", { key: i, className: "text-lg", __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, q))), /*#__PURE__*/ React.createElement("button", { onClick: generateQuestions, disabled: loading, className: "bg-[#007BFF] text-white px-4 py-2 rounded hover:bg-[#0056b3] disabled:bg-gray-400 mt-4", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, loading ? 'Loading...' : 'Generate New Questions'))); }