function Navbar() { return /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center p-4 bg-[#001935] text-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold font-sans", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Tech Blog"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-bolt", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }))); } function Post({ image, description, author, category }) { return /*#__PURE__*/ React.createElement("div", { className: "border border-gray-400 rounded p-4 mb-6 bg-gray-100 text-[#001935]", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: "Blog post content", className: "w-full h-auto rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-2 font-serif text-sm", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "Category: ", category), /*#__PURE__*/ React.createElement("p", { className: "mt-2 font-sans", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "mt-2 font-serif text-sm", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "By: ", author), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end items-center mt-2 space-x-2", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook cursor-pointer", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter cursor-pointer", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin cursor-pointer", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }))); } function VideoPlayer({ videoSrc }) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center mb-6", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("video", { className: "w-full max-w-[800px] h-auto", controls: true, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: videoSrc, type: "video/mp4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }), "Your browser does not support the video tag.")); } function NewsletterSignup() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 text-[#001935] p-4 rounded mb-6", __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-sans mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, "Subscribe to our Newsletter"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-sans text-sm mb-1", htmlFor: "email", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Email:"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "p-2 mb-2 border border-gray-400 rounded", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 text-[#001935] font-bold py-2 px-4 rounded font-sans", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Subscribe"))); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#001935] min-h-screen text-white", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navbar, { __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("header", { className: "flex flex-col items-center justify-center p-6", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold my-4 font-sans", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Tech Blog"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-sans max-w-2xl text-center my-2", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "Stay updated with the latest in AI, cybersecurity, and tech news."), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 text-[#001935] font-bold py-2 px-4 rounded mt-4 font-sans", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(VideoPlayer, { videoSrc: "/path/to/video.mp4", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Post, { image: "/path/to/image1.jpg", description: "Introduction to AI in modern applications", author: "Jane Doe", category: "AI", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Post, { image: "/path/to/image2.jpg", description: "Latest trends in cybersecurity for 2023", author: "John Smith", category: "Cybersecurity", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Post, { image: "/path/to/image3.jpg", description: "Weekly tech news roundup", author: "Tech News Team", category: "Tech News", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(NewsletterSignup, { __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }))); }