function MainComponent() { const links = [ { href: '#', title: 'Home' }, { href: '#', title: 'Services' }, { href: '#', title: 'Market' }, { href: '#', title: 'Research' }, { href: '#', title: 'Resources' }, { href: '#', title: 'About us' } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-[#f4f7f6]", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#010101]", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-wrap items-center justify-between py-4 px-4 md:px-6 lg:px-8", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-white font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/logo.png", alt: "Arihant Capital Logo", className: "h-8 md:h-10", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "md:flex space-x-8 items-center hidden text-white font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, links.map((link, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: link.href, className: "hover:text-[#0a6cdd] transition-colors duration-300", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, link.title))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#0a6cdd] bg-white py-2 px-4 rounded font-roboto shadow-md hover:bg-[#dfe8f1] transition-colors duration-300", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Open an Account")))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-[#ffffff] py-20", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 md:px-6 lg:px-8", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-6 text-3xl md:text-4xl lg:text-5xl font-semibold text-[#121212] font-roboto text-center", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Invest Smarter with Arihant Capital"), /*#__PURE__*/ React.createElement("p", { className: "mb-12 text-lg text-center text-[#646464] font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Providing expert financial services to help secure and grow your portfolio."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-6", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/stock-market.png", alt: "Detailed Stock Market Charts", className: "w-[300px] h-[200px] object-cover", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "images/money.png", alt: "Stack of Money", className: "w-[300px] h-[200px] object-cover", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "images/investment-plans.png", alt: "Diverse Investment Plan Options", className: "w-[300px] h-[200px] object-cover", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#010101] pt-10 pb-8", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 md:px-6 lg:px-8", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-between items-center", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center md:justify-start md:flex-none mb-6 md:mb-0", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/footer-logo.png", alt: "Arihant Capital Emblem", className: "h-8 md:h-10", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "md:flex space-x-6 hidden text-white font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#0a6cdd] transition-colors duration-300", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#0a6cdd] transition-colors duration-300", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Terms of Use"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-[#0a6cdd] transition-colors duration-300", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Disclaimer")), /*#__PURE__*/ React.createElement("div", { className: "text-center md:text-left text-white font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "© 2023 Arihant Capital. All rights reserved."))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .container { animation: fadeIn 1s ease-in-out; } `)); }