function MainComponent() { const handleSampleData = ()=>{ const sampleData = [ { category: "AI Art", content: "Explore stunning AI-generated images and animations.", mediaType: "image", mediaSrc: "/images/ai-art.jpg" }, { category: "AI Videos", content: "Watch cutting-edge AI-generated videos.", mediaType: "video", mediaSrc: "/videos/ai-video.mp4" }, { category: "Self-Help", content: "Discover AI-driven self-help content to better yourself every day.", mediaType: "text" }, { category: "Motivation", content: "Stay inspired with quotes and stories generated by AI.", mediaType: "text" }, { category: "AI Knowledge", content: "Learn how AI technology can benefit your life and work.", mediaType: "text" } ]; console.log(sampleData); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-r from-blue-500 to-purple-600 p-6", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center p-4 text-white font-bold text-3xl font-crimson-text", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "AI Social Media"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center my-6", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-white text-blue-500 font-bold py-2 px-4 rounded-full shadow-lg hover:bg-gray-100", onClick: handleSampleData, __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Start with Sample Data")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl font-bold text-purple-700 mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "AI Art"), /*#__PURE__*/ React.createElement("img", { src: "/images/ai-art.jpg", alt: "AI-generated art", className: "w-full h-[200px] object-cover rounded-md mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Explore stunning AI-generated images and animations.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl font-bold text-purple-700 mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "AI Videos"), /*#__PURE__*/ React.createElement("video", { className: "w-full h-[200px] object-cover rounded-md mb-2", controls: true, __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "/videos/ai-video.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }), "Your browser does not support the video tag."), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Watch cutting-edge AI-generated videos.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl font-bold text-purple-700 mb-2", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Self-Help"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Discover AI-driven self-help content to better yourself every day.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl font-bold text-purple-700 mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Motivation"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Stay inspired with quotes and stories generated by AI.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl font-bold text-purple-700 mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "AI Knowledge"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Learn how AI technology can benefit your life and work."))), /*#__PURE__*/ React.createElement("footer", { className: "text-center p-4 mt-6 text-white font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "© 2023 AI Social Media - Empowering minds and souls")); }