/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center p-4 bg-[#ffffff] shadow-md", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bodoni text-[#121212]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Elegant Jewelers"), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-raleway text-[#121212] hover:text-[#c0a080] focus:outline-none", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "Bracelets"), /*#__PURE__*/ React.createElement("button", { className: "font-raleway text-[#121212] hover:text-[#c0a080] focus:outline-none", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, "Necklaces"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center py-8", __source: { fileName: "", lineNumber: 10, columnNumber: 3 }, __self: this }, [ ...Array.from({ length: 12 }) ].map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "m-4 w-[200px]", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: `/images/${index < 6 ? 'bracelet' : 'necklace'}-${index < 6 ? index + 1 : index - 5}.jpg`, alt: `Elegant ${index < 6 ? 'bracelet' : 'necklace'} style ${index < 6 ? index + 1 : index - 5}`, className: "w-full h-[300px] object-cover", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-[#121212] mt-2", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, index < 6 ? 'Bracelet' : 'Necklace', " ", index < 6 ? index + 1 : index - 5), /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-[#121212]", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "$199.99")))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center py-8", __source: { fileName: "", lineNumber: 20, columnNumber: 3 }, __self: this }, [ ...Array.from({ length: 12 }) ].map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "m-4 w-[200px]", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: `/images/${index < 6 ? 'bracelet' : 'necklace'}-${index < 6 ? index + 1 : index - 5}.jpg`, alt: `Elegant ${index < 6 ? 'bracelet' : 'necklace'} style ${index < 6 ? index + 1 : index - 5}`, className: "w-full h-[300px] object-cover", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-[#121212] mt-2", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, index < 6 ? 'Bracelet' : 'Necklace', " ", index < 6 ? index + 1 : index - 5), /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-[#121212]", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "$299.99")))), /*#__PURE__*/ React.createElement("footer", { className: "mt-auto bg-[#202020] py-4", __source: { fileName: "", lineNumber: 29, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-raleway text-center text-[#f5f5f5]", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, "© 2023 Elegant Jewelers")));