function MainComponent() { const [socials] = useState([ { url: "https://instagram.com", icon: "fab fa-instagram" }, { url: "https://twitter.com", icon: "fab fa-twitter" }, { url: "https://youtube.com", icon: "fab fa-youtube" }, { url: "https://tiktok.com", icon: "fab fa-tiktok" }, { url: "https://linkedin.com", icon: "fab fa-linkedin" }, { url: "https://pinterest.com", icon: "fab fa-pinterest" } ]); const [links] = useState([ { title: "My Website", url: "https://example.com", icon: "fas fa-globe" }, { title: "Latest YouTube Video", url: "https://youtube.com/watch", icon: "fas fa-play" }, { title: "Join my Newsletter", url: "https://example.com/newsletter", icon: "fas fa-envelope" }, { title: "Latest Blog Post", url: "https://example.com/blog", icon: "fas fa-blog" }, { title: "My Amazon Favorites", url: "https://amazon.com", icon: "fas fa-shopping-cart" }, { title: "Download my Resume", url: "https://example.com/profile", icon: "fas fa-download" } ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#ffffff] to-[#d4d4d4] py-12 px-4", __source: { fileName: "", lineNumber: 63, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto space-y-10", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[150px] h-[150px] mx-auto rounded-full overflow-hidden border-2 border-gray-200", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/46c1877e-94ea-48f0-af19-c497ef4a5a0c/-/format/auto/", alt: "Professional headshot of Cynthia Barlow wearing a light gray blazer", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "mt-6 text-3xl font-bold text-gray-900 font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Cynthia Barlow"), /*#__PURE__*/ React.createElement("p", { className: "mt-3 text-gray-600 font-roboto text-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Digital creator & content specialist"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Based in New York City"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-6 mt-6", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, socials.map((social, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: social.url, target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-gray-900 transition-colors duration-300", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${social.icon} text-2xl`, __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, links.map((link, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: link.url, target: "_blank", rel: "noopener noreferrer", className: "block bg-white hover:bg-gray-50 rounded-xl p-4 text-gray-800 font-roboto transition-all duration-300 ease-in-out border border-gray-200", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 w-10 h-10 rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${link.icon} text-xl text-gray-600`, __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, link.title))))))); }