function MainComponent() { const [url, setUrl] = React.useState(''); const [strengths, setStrengths] = React.useState([]); const [personas, setPersonas] = React.useState([]); const analyzeURL = (e)=>{ e.preventDefault(); const dummyStrengths = [ { id: 1, text: "Up-to-date with the latest technology" }, { id: 2, text: "Adaptable to market changes" }, { id: 3, text: "Strong customer support" } ]; const dummyPersonas = [ { id: 1, title: "The Tech Enthusiast", description: "Always on the lookout for the latest and greatest in technology." }, { id: 2, title: "The Market Watcher", description: "Keeps an eye on market trends and adjusts buying habits accordingly." }, { id: 3, title: "The Support Seeker", description: "Values businesses that provide robust customer support." } ]; setStrengths(dummyStrengths); setPersonas(dummyPersonas); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f2f5] min-h-screen p-8", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#333] mb-6", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Website Insight Generator"), /*#__PURE__*/ React.createElement("form", { onSubmit: analyzeURL, className: "mb-8", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "urlInput", className: "block text-lg font-semibold text-[#555] mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Enter URL:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "urlInput", name: "url", placeholder: "Website URL here", className: "w-full p-4 border-2 border-[#ccc] rounded focus:outline-none focus:border-[#007bff]", value: url, onChange: (e)=>setUrl(e.target.value), __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-6 py-2 bg-[#007bff] text-white rounded hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Generate Insights")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#334155]", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Key Strengths & Insights"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-8", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, strengths.map((strength)=>/*#__PURE__*/ React.createElement("li", { key: strength.id, className: "text-md text-[#333]", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, strength.text)))), /*#__PURE__*/ React.createElement("div", { className: "mt-10", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-[#334155] mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Customer Persona Insights"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, personas.map((persona)=>/*#__PURE__*/ React.createElement("div", { key: persona.id, className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-lg text-[#333] mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, persona.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#555]", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, persona.description))))))); }