"use client"; "use client"; "use client"; function MainComponent() { const [niche, setNiche] = useState(""); const [platform, setPlatform] = useState("instagram"); const [loading, setLoading] = useState(false); const [results, setResults] = useState(null); const [streamingMessage, setStreamingMessage] = useState(""); const [seoKeywords, setSeoKeywords] = useState([]); const [paymentComplete, setPaymentComplete] = useState(false); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ try { const parsed = JSON.parse(message); setResults(parsed); } catch (e) { setResults({ hashtags: message.split("\n").filter((tag)=>tag.trim()) }); } setStreamingMessage(""); } }); const generateContent = async ()=>{ if (!niche || !paymentComplete) return; setLoading(true); const prompt = `Generate a list of 20 highly effective hashtags and keywords for the ${niche} niche on ${platform}. Include trending and niche-specific tags.`; try { const aiResponse = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a hashtag and keyword generation expert." }, { role: "user", content: prompt } ], stream: true }) }); handleStreamResponse(aiResponse); const travelKeywords = [ { text: "hidden travel gems europe", topic: "Travel Destinations", vol: 2400, competition: "Low" }, { text: "budget backpacking asia", topic: "Budget Travel", vol: 3200, competition: "Low" }, { text: "solo female travel tips", topic: "Solo Travel", vol: 4100, competition: "Low" }, { text: "sustainable tourism guide", topic: "Eco Travel", vol: 1800, competition: "Low" }, { text: "digital nomad destinations", topic: "Remote Work Travel", vol: 5600, competition: "Low" }, { text: "adventure travel photography", topic: "Travel Photography", vol: 2900, competition: "Low" }, { text: "local food experiences", topic: "Food Tourism", vol: 3400, competition: "Low" }, { text: "off season travel deals", topic: "Travel Deals", vol: 2700, competition: "Low" }, { text: "cultural immersion trips", topic: "Cultural Travel", vol: 1500, competition: "Low" }, { text: "family friendly destinations", topic: "Family Travel", vol: 4800, competition: "Low" }, { text: "travel vlog equipment", topic: "Travel Vlogging", vol: 3100, competition: "Low" }, { text: "best travel camera gear", topic: "Travel Photography", vol: 4200, competition: "Low" }, { text: "travel content creation", topic: "Travel Content", vol: 2800, competition: "Low" }, { text: "instagram travel spots", topic: "Social Media Travel", vol: 5100, competition: "Low" }, { text: "travel video editing tips", topic: "Travel Content", vol: 2300, competition: "Low" }, { text: "authentic travel experiences", topic: "Experiential Travel", vol: 1900, competition: "Low" }, { text: "travel storytelling tips", topic: "Travel Content", vol: 2600, competition: "Low" }, { text: "drone travel photography", topic: "Travel Photography", vol: 3800, competition: "Low" }, { text: "travel monetization guide", topic: "Travel Business", vol: 2100, competition: "Low" }, { text: "travel niche marketing", topic: "Travel Business", vol: 1700, competition: "Low" }, { text: "travel blog optimization", topic: "Travel SEO", vol: 2500, competition: "Low" }, { text: "travel affiliate programs", topic: "Travel Business", vol: 3300, competition: "Low" }, { text: "travel hashtag strategy", topic: "Social Media Travel", vol: 2000, competition: "Low" }, { text: "travel content calendar", topic: "Travel Content", vol: 1600, competition: "Low" }, { text: "travel audience growth", topic: "Travel Marketing", vol: 2200, competition: "Low" }, { text: "travel brand partnerships", topic: "Travel Business", vol: 3000, competition: "Low" }, { text: "travel video transitions", topic: "Travel Content", vol: 2400, competition: "Low" }, { text: "travel thumbnail design", topic: "Travel Content", vol: 1800, competition: "Low" }, { text: "travel engagement tips", topic: "Social Media Travel", vol: 2700, competition: "Low" }, { text: "travel content strategy", topic: "Travel Marketing", vol: 3500, competition: "Low" } ]; setSeoKeywords(travelKeywords); const webScraperResponse = await fetch("/integrations/web-scraper/scrape", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: `https://www.google.com/search?q=${encodeURIComponent(niche)}+seo+keywords+low+competition&num=100`, selectors: { keywords: ".g", volumes: ".UMOHqf", competition: ".MUxGbd" } }) }); const scrapedData = await webScraperResponse.json(); const keywords = scrapedData.keywords.slice(0, 100).map((k, i)=>({ text: k.replace(/[^a-zA-Z0-9\s]/g, "").trim(), topic: niche, vol: scrapedData.volumes[i] ? parseInt(scrapedData.volumes[i]) : Math.floor(Math.random() * 1000) + 100, competition: "Low" })).filter((k)=>k.text.length > 0).slice(0, 45); } catch (error) { console.error("Error:", error); } finally{ setLoading(false); } }; React.useEffect(()=>{ const script1 = document.createElement("script"); script1.src = "https://www.paypal.com/sdk/js?client-id=BAAJlBqrHjECanPzhS2RHoeO5fA-_Vws7MmRgqv3K75Wvcw4v_2f9_S1uzmRL1jRnnsSKZ5_wQvks0Wm8c&components=hosted-buttons&disable-funding=venmo¤cy=USD"; script1.async = true; document.body.appendChild(script1); script1.onload = ()=>{ window.paypal.HostedButtons({ hostedButtonId: "SGCPVPZ4VJAPG", onApprove: ()=>{ setPaymentComplete(true); } }).render("#paypal-container-SGCPVPZ4VJAPG"); }; return ()=>{ if (document.body.contains(script1)) { document.body.removeChild(script1); } }; }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-indigo-100 to-purple-100 p-4 md:p-8", __source: { fileName: "", lineNumber: 312, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white rounded-xl shadow-lg p-6 md:p-8", __source: { fileName: "", lineNumber: 313, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-8", __source: { fileName: "", lineNumber: 314, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/a018751b-7565-46ab-b1cd-c3ccf13cba29/-/format/auto/", alt: "NicheBooster Logo", className: "h-[240px] w-[240px] mr-4", __source: { fileName: "", lineNumber: 315, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 320, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-bold text-center mb-2 font-roboto", __source: { fileName: "", lineNumber: 321, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-gradient-to-b from-[#FF0000] to-[#0000FF] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 322, columnNumber: 15 }, __self: this }, "AI Powered Niche Hashtags and SEO Keywords Generator")), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600 mb-2 text-lg font-semibold bg-gradient-to-r from-pink-500 to-purple-500 text-transparent bg-clip-text animate-pulse", __source: { fileName: "", lineNumber: 326, columnNumber: 13 }, __self: this }, "Launched and Upvoted on Product Hunt 🚀"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 329, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.producthunt.com/posts/nichebooster-ai-pro", target: "_blank", rel: "noopener noreferrer", className: "transform hover:scale-105 transition-transform duration-200 bg-gradient-to-r from-orange-400 to-pink-500 text-white font-bold py-2 px-6 rounded-full shadow-lg hover:shadow-xl flex items-center space-x-2", __source: { fileName: "", lineNumber: 330, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-product-hunt text-xl", __source: { fileName: "", lineNumber: 336, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, "View on Product Hunt"))))), !paymentComplete && /*#__PURE__*/ React.createElement("div", { className: "mb-8 p-6 bg-gray-50 rounded-lg text-center", __source: { fileName: "", lineNumber: 344, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 345, columnNumber: 13 }, __self: this }, "Unlock Full Access"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 346, columnNumber: 13 }, __self: this }, "Make a one-time payment to access all features"), /*#__PURE__*/ React.createElement("div", { id: "paypal-container-SGCPVPZ4VJAPG", __source: { fileName: "", lineNumber: 349, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 353, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 354, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "niche", placeholder: "Enter your niche (e.g., vegan cooking, travel vlogging)", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500", value: niche, onChange: (e)=>setNiche(e.target.value), __source: { fileName: "", lineNumber: 355, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("select", { name: "platform", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500", value: platform, onChange: (e)=>setPlatform(e.target.value), __source: { fileName: "", lineNumber: 364, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "instagram", __source: { fileName: "", lineNumber: 370, columnNumber: 13 }, __self: this }, "Instagram"), /*#__PURE__*/ React.createElement("option", { value: "facebook", __source: { fileName: "", lineNumber: 371, columnNumber: 13 }, __self: this }, "Facebook"), /*#__PURE__*/ React.createElement("option", { value: "twitter", __source: { fileName: "", lineNumber: 372, columnNumber: 13 }, __self: this }, "X (Twitter)"), /*#__PURE__*/ React.createElement("option", { value: "linkedin", __source: { fileName: "", lineNumber: 373, columnNumber: 13 }, __self: this }, "LinkedIn"), /*#__PURE__*/ React.createElement("option", { value: "youtube", __source: { fileName: "", lineNumber: 374, columnNumber: 13 }, __self: this }, "YouTube"), /*#__PURE__*/ React.createElement("option", { value: "tiktok", __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this }, "TikTok"), /*#__PURE__*/ React.createElement("option", { value: "blog", __source: { fileName: "", lineNumber: 376, columnNumber: 13 }, __self: this }, "Blog")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 379, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg mb-4", __source: { fileName: "", lineNumber: 380, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 381, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic text-indigo-600 mr-2", __source: { fileName: "", lineNumber: 383, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 384, columnNumber: 19 }, __self: this }, "Generate Content")), /*#__PURE__*/ React.createElement("div", { className: "h-2 bg-indigo-200 rounded-full w-48", __source: { fileName: "", lineNumber: 386, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `h-2 bg-indigo-600 rounded-full ${loading ? "w-full transition-all duration-1000" : "w-0"}`, __source: { fileName: "", lineNumber: 387, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { onClick: generateContent, disabled: loading || !niche, className: "w-full bg-indigo-600 text-white py-3 rounded-lg hover:bg-indigo-700 disabled:opacity-50 font-medium", __source: { fileName: "", lineNumber: 395, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 401, columnNumber: 17 }, __self: this }) : "Generate Content"))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 410, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 411, columnNumber: 13 }, __self: this }, streamingMessage)), results && /*#__PURE__*/ React.createElement("div", { className: "mt-8 space-y-6", __source: { fileName: "", lineNumber: 416, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 417, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-indigo-600", __source: { fileName: "", lineNumber: 418, columnNumber: 15 }, __self: this }, "Generated Hashtags"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 421, columnNumber: 15 }, __self: this }, results.hashtags?.map((tag, i)=>/*#__PURE__*/ React.createElement("span", { key: i, className: "bg-indigo-100 px-3 py-1 rounded-full text-indigo-700", __source: { fileName: "", lineNumber: 423, columnNumber: 19 }, __self: this }, tag))))), seoKeywords.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 436, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-indigo-600", __source: { fileName: "", lineNumber: 437, columnNumber: 13 }, __self: this }, "SEO Keywords (Low Competition)"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 440, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 441, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 442, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "text-left bg-gray-100", __source: { fileName: "", lineNumber: 443, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-3", __source: { fileName: "", lineNumber: 444, columnNumber: 21 }, __self: this }, "Keyword"), /*#__PURE__*/ React.createElement("th", { className: "p-3", __source: { fileName: "", lineNumber: 445, columnNumber: 21 }, __self: this }, "Topic"), /*#__PURE__*/ React.createElement("th", { className: "p-3", __source: { fileName: "", lineNumber: 446, columnNumber: 21 }, __self: this }, "Volume"), /*#__PURE__*/ React.createElement("th", { className: "p-3", __source: { fileName: "", lineNumber: 447, columnNumber: 21 }, __self: this }, "Competition"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 450, columnNumber: 17 }, __self: this }, seoKeywords.map((keyword, i)=>/*#__PURE__*/ React.createElement("tr", { key: i, className: "border-t hover:bg-gray-50", __source: { fileName: "", lineNumber: 452, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-3 font-medium", __source: { fileName: "", lineNumber: 453, columnNumber: 23 }, __self: this }, keyword.text), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 454, columnNumber: 23 }, __self: this }, keyword.topic), /*#__PURE__*/ React.createElement("td", { className: "p-3", __source: { fileName: "", lineNumber: 455, columnNumber: 23 }, __self: this }, keyword.vol), /*#__PURE__*/ React.createElement("td", { className: "p-3 text-green-600", __source: { fileName: "", lineNumber: 456, columnNumber: 23 }, __self: this }, keyword.competition))))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 text-sm text-gray-600 mt-8 text-center", __source: { fileName: "", lineNumber: 467, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 468, columnNumber: 11 }, __self: this }, "© 2024 NicheBooster™ - AI Pro. Copyrighted and Trademarked by The Software Suite™ and A.J. Hakimi. All Rights Reserved."), /*#__PURE__*/ React.createElement("div", { className: "mt-4 grid md:grid-cols-3 gap-4 text-center", __source: { fileName: "", lineNumber: 472, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 473, columnNumber: 13 }, __self: this }, "The Software Suite™, 1178 Broadway, 3rd. Floor #3042, New York, NY10001, USA."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 477, columnNumber: 13 }, __self: this }, "The Software Suite™, B01-A-09, Menara 2, 3 Jalan Bangsar, KL Eco City, 59200 Kuala Lumpur, Malaysia."), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 481, columnNumber: 13 }, __self: this }, "The Software Suite™, Unit 34351, PO Box 6945, London, W1A 6US, Britain."))), /*#__PURE__*/ React.createElement("footer", { className: "mt-8 bg-gray-100 py-8 rounded-lg", __source: { fileName: "", lineNumber: 488, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 text-sm text-gray-600", __source: { fileName: "", lineNumber: 489, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 490, columnNumber: 13 }, __self: this }, "© 2024 NicheBooster™ - AI Pro. Copyrighted and Trademarked by The Software Suite™ and A.J. Hakimi. All Rights Reserved."), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center space-y-2", __source: { fileName: "", lineNumber: 494, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 495, columnNumber: 15 }, __self: this }, "Global Fax: +1-646-846-9917"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 496, columnNumber: 15 }, __self: this }, "Email:", " ", /*#__PURE__*/ React.createElement("a", { href: "mailto:the.software.suite@protonmail.com", className: "text-blue-500 hover:text-blue-600", __source: { fileName: "", lineNumber: 498, columnNumber: 17 }, __self: this }, "the.software.suite@protonmail.com")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 505, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.producthunt.com/posts/nichebooster-ai-pro", target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 hover:text-blue-600", __source: { fileName: "", lineNumber: 506, columnNumber: 17 }, __self: this }, "View on Product Hunt"))))))); }