function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-[#fef6ff] dark:bg-[#2f2f2f] transition-colors duration-500", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#f3e8ff] dark:bg-[#3c3744] text-[#6a4f7f] dark:text-[#f1e4ff] sticky top-0 z-10 shadow-lg p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-script text-3xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Jasmine's Candles"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 m-1 bg-[#e0d4ee] dark:bg-[#4a4458] transition-colors duration-300", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("button", { className: "p-2 m-1 bg-[#e0d4ee] dark:bg-[#4a4458] transition-colors duration-300", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Shop"), /*#__PURE__*/ React.createElement("button", { className: "p-2 m-1 bg-[#e0d4ee] dark:bg-[#4a4458] transition-colors duration-300", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "About"))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-6", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#faf4ff] dark:bg-[#3e3b47] shadow-lg rounded-lg hover:scale-105 transform transition duration-300", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/luxury-candle.jpg", alt: "Luxury scented candle", className: "w-full h-[200px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-[#6a4f7f] dark:text-[#f1e4ff]", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Lavender Bliss"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6a4f7f] dark:text-[#f1e4ff]", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "$24.99"), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-4 py-2 bg-[#e0d4ee] dark:bg-[#4a4458] text-[#6a4f7f] dark:text-[#f1e4ff] rounded hover:bg-[#d4c8e9] dark:hover:bg-[#504950] transition duration-300", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Add to Cart"))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#432c59] dark:bg-[#262626] text-white p-4 text-center", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, "© 2023 Jasmine's Candles")); }