function MainComponent({ menuItems, featuredProducts }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#C0C0C0] flex flex-col text-[#1E1E1E] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#A9A9A9] py-4 px-10 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "SilverWear"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, menuItems.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-lg hover:text-white cursor-pointer", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, item))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex flex-col items-center justify-center px-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Elevate Your Style with Silver"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-8 text-center max-w-2xl", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Experience the cutting-edge of fashion with our exclusive silver apparel collection. Progressive designs meet timeless elegance."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1E1E1E] hover:bg-[#2A2A2A] text-white font-bold py-3 px-6 rounded-full text-lg transition duration-300 ease-in-out transform hover:scale-105", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Shop Now")), /*#__PURE__*/ React.createElement("section", { className: "py-16 px-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-3xl font-bold mb-8 text-center", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Featured Products"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, featuredProducts.map((product, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: product.image, alt: product.name, className: "w-full h-64 object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, product.name), /*#__PURE__*/ React.createElement("p", { className: "text-[#1E1E1E] mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "$", product.price), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1E1E1E] hover:bg-[#2A2A2A] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "Add to Cart"))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#A9A9A9] py-8 px-4 text-center", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "© 2024 SilverWear. All rights reserved."))); } function StoryComponent() { const menuItems = [ "Home", "Shop", "About", "Contact" ]; const featuredProducts = [ { name: "Silver Blazer", price: 199.99, image: "/silver-blazer.jpg" }, { name: "Metallic Dress", price: 149.99, image: "/metallic-dress.jpg" }, { name: "Chrome Jeans", price: 129.99, image: "/chrome-jeans.jpg" }, { name: "Silver Sneakers", price: 89.99, image: "/silver-sneakers.jpg" }, { name: "Reflective Jacket", price: 179.99, image: "/reflective-jacket.jpg" }, { name: "Shimmering Scarf", price: 39.99, image: "/shimmering-scarf.jpg" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { menuItems: menuItems, featuredProducts: featuredProducts, __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this })); }