function IntroVideoPlayer({ videoSrc, chapters }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("video", { width: "100%", controls: true, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: videoSrc, type: "video/mp4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), "Your browser does not support the video tag."), /*#__PURE__*/ React.createElement("ul", { className: "w-full mt-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, chapters.map((chapter, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-center my-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-lock text-[#555555] mr-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-[#333333]", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, chapter))))); } function IntroVideoPlayerStory() { const videoSrc = "./intro-video.mp4"; const chapters = [ "Chapter 1: Introduction", "Chapter 2: Basic Concepts", "Chapter 3: Advanced Techniques", "Chapter 4: Summary" ]; return /*#__PURE__*/ React.createElement(IntroVideoPlayer, { videoSrc: videoSrc, chapters: chapters, __source: { fileName: "", lineNumber: 29, columnNumber: 10 }, __self: this }); } function MainComponent() { const lockedChapters = [ "Introduction to the Course", "Chapter 1: Basics of the Subject", "Chapter 2: Advanced Topics", "Chapter 3: Expert Insights" ]; const chapters = [ { title: "Chapter 1: Introduction", locked: true }, { title: "Chapter 2: Basic Concepts", locked: true }, { title: "Chapter 3: Advanced Techniques", locked: true }, { title: "Chapter 4: Summary", locked: true } ]; const handleEnrollNow = ()=>{ window.location.href = "/enroll"; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] bg-white shadow-md rounded-lg p-6 mt-10", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Course Title: Mastering the Art of Programming"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-700 text-center mb-6", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "A comprehensive guide to becoming a proficient programmer. Get access to expert insights, hands-on tutorials, and practical exercises."), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(IntroVideoPlayer, { videoSrc: "./intro-video.mp4", chapters: chapters.map((chapter)=>chapter.title), __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleEnrollNow, className: "w-full py-3 px-4 bg-blue-500 text-white text-xl rounded-lg hover:bg-blue-600 transition ease-in-out duration-200", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Enroll Now"))); }