function MainComponent() { const [hamburgerOpen, setHamburgerOpen] = React.useState(false); const toggleHamburger = ()=>{ setHamburgerOpen(!hamburgerOpen); }; const navLinks = hamburgerOpen ? "flex" : "hidden"; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#4B9E9E] flex justify-between items-center p-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#home", className: "text-xl text-white font-bold", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Devalsari Naturals")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleHamburger, className: "text-white text-2xl sm:hidden", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, hamburgerOpen ? '❌' : '☰'), /*#__PURE__*/ React.createElement("div", { className: `absolute right-4 top-14 p-4 bg-[#4B9E9E] w-full sm:w-auto sm:static sm:p-0 sm:flex ${navLinks}`, __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#products", className: "block text-white py-2 px-4 sm:py-0 sm:px-2", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Products"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "block text-white py-2 px-4 sm:py-0 sm:px-2", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "block text-white py-2 px-4 sm:py-0 sm:px-2", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("header", { className: "bg-cover bg-center h-[400px] w-full", style: { backgroundImage: "url('/images/himalayan-range.jpg')" }, __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#00000080] h-full flex flex-col justify-center items-center text-center p-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl text-white font-bold mb-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Devalsari Naturals"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-white", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Embrace the pure spirit of the Himalayas."))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "products", className: "my-8", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#333] mb-6", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Our Signature Products"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { id: "about", className: "my-8", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#333] mb-6", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Our Story"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555]", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Nestled in the heart of the mountains, Devalsari Naturals is dedicated to bringing you the untouched beauty of the Himalayas. Our products are crafted with care, using traditional methods and the purest ingredients sourced from the lofty altitudes of this serene landscape. Join us in a journey to wellness inspired by nature's own harmony.")), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "my-8", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#333] mb-6", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Get in Touch"), /*#__PURE__*/ React.createElement("form", { className: "max-w-[600px] mx-auto p-4 border rounded-lg bg-[#f9f9f9] shadow", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2C3D50] text-white p-4 text-center", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "© ", new Date().getFullYear(), " Devalsari Naturals. Harmonizing with Nature."))); }