function MainComponent() { const [genre, setGenre] = React.useState(''); const [name, setName] = React.useState(''); const [email, setEmail] = React.useState(''); const [ideas, setIdeas] = React.useState([]); const [activeTab, setActiveTab] = React.useState('generator'); const [influencers, setInfluencers] = React.useState([ { name: 'TikTok Star', genre: 'Comedy', bio: 'Hilarious skits and relatable content', tiktokUrl: 'https://www.tiktok.com/@tiktokstar' }, { name: 'Beauty Guru', genre: 'Beauty', bio: 'Makeup tutorials and skincare tips', tiktokUrl: 'https://www.tiktok.com/@beautyguru' }, { name: 'Fitness Freak', genre: 'Fitness', bio: 'Workouts and health advice for all levels', tiktokUrl: 'https://www.tiktok.com/@fitnessfreak' } ]); const generateIdeas = ()=>{ if (!genre || !name || !email) { alert('Please fill in all fields'); return; } const newIdeas = [ { title: `${genre} Trends Spotlight`, description: `Highlight the latest ${genre} trends on TikTok. Create a 60-second video showcasing 3-5 popular trends in your niche, demonstrating each briefly with your unique twist.`, hashtags: [ `#${genre}Trends`, '#TrendAlert', '#TikTokCreator' ] }, { title: 'Behind-the-Scenes Peek', description: `Give followers an exclusive look into your ${genre} process. Show the preparation, challenges, and fun moments that go into creating your content. This builds authenticity and connection.`, hashtags: [ '#BehindTheScenes', `#${genre}Life`, '#CreatorInsights' ] }, { title: `${genre} Myth Busters`, description: `Debunk common myths or misconceptions in the ${genre} world. Use text overlays and quick transitions to present facts vs. fiction, educating your audience in an entertaining way.`, hashtags: [ '#MythBusters', `#${genre}Facts`, '#LearnOnTikTok' ] }, { title: 'Collab Challenge', description: `Initiate a ${genre}-themed duet or stitch challenge. Create a video that's easy for others to build upon, encouraging creativity and boosting engagement across the platform.`, hashtags: [ '#CollabChallenge', `#${genre}Duet`, '#TikTokCommunity' ] }, { title: 'Q&A Rapid Fire', description: `Host a quick-fire Q&A session about ${genre}. Use TikTok's question sticker in Stories to gather questions, then answer the top 5 in a fast-paced, energetic video with on-screen text.`, hashtags: [ '#AskMeAnything', `#${genre}QandA`, '#CreatorTips' ] } ]; setIdeas(newIdeas); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4 md:p-8 font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-bold text-center mb-6 md:mb-8", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, "TikTokGrowth"), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-4 md:p-6", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex mb-6", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `flex-1 py-2 px-4 text-sm md:text-base ${activeTab === 'generator' ? 'bg-blue-500 text-white' : 'bg-gray-200'}`, onClick: ()=>setActiveTab('generator'), __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Post Idea Generator"), /*#__PURE__*/ React.createElement("button", { className: `flex-1 py-2 px-4 text-sm md:text-base ${activeTab === 'collaborate' ? 'bg-blue-500 text-white' : 'bg-gray-200'}`, onClick: ()=>setActiveTab('collaborate'), __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Collaborate with TikTokers")), activeTab === 'generator' ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Free Post Idea Generator"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter your TikTok account genre", className: "w-full p-2 border rounded", value: genre, onChange: (e)=>setGenre(e.target.value), name: "genre", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Your Name", className: "w-full p-2 border rounded", value: name, onChange: (e)=>setName(e.target.value), name: "name", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Your Email Address", className: "w-full p-2 border rounded", value: email, onChange: (e)=>setEmail(e.target.value), name: "email", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: generateIdeas, className: "w-full bg-blue-500 text-white py-2 rounded hover:bg-blue-600 transition duration-300", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "Generate Ideas"), ideas.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg md:text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, "Generated Ideas:"), ideas.map((idea, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-6 p-4 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 110, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-md md:text-lg font-semibold", __source: { fileName: "", lineNumber: 111, columnNumber: 21 }, __self: this }, idea.title), /*#__PURE__*/ React.createElement("p", { className: "my-2 text-sm md:text-base", __source: { fileName: "", lineNumber: 112, columnNumber: 21 }, __self: this }, idea.description), /*#__PURE__*/ React.createElement("div", { className: "text-xs md:text-sm text-blue-500", __source: { fileName: "", lineNumber: 113, columnNumber: 21 }, __self: this }, idea.hashtags.join(' ')))))) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, "Collaborate with TikTokers"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, influencers.map((influencer, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border p-4 rounded", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-md md:text-lg font-semibold", __source: { fileName: "", lineNumber: 127, columnNumber: 19 }, __self: this }, influencer.name), /*#__PURE__*/ React.createElement("p", { className: "text-xs md:text-sm text-gray-600 mb-2", __source: { fileName: "", lineNumber: 128, columnNumber: 19 }, __self: this }, influencer.genre), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-sm md:text-base", __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }, influencer.bio), /*#__PURE__*/ React.createElement("a", { href: influencer.tiktokUrl, target: "_blank", rel: "noopener noreferrer", className: "bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 transition duration-300 text-sm md:text-base", __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this }, "Collaborate"))))))); }