function AuthentigraphDisplay({ productName, products }) { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-cursive text-3xl text-[#ffffff]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, productName), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, products.map((product, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col md:flex-row items-center justify-between py-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#ffffff] font-semibold", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, product.name), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mt-2 md:mt-0", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#4CAF50] text-white rounded", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "Buy £", product.price.buy), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#F44336] text-white rounded", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "Sell £", product.price.sell)))))); } function AuthentigraphDisplayStory() { const products = [ { name: 'Product 1', price: { buy: 100, sell: 90 } }, { name: 'Product 2', price: { buy: 150, sell: 140 } } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AuthentigraphDisplay, { productName: "Authentigraph", products: products, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this })); } function MainComponent() { const products = [ { name: 'Signed Jersey by Player 1', price: { buy: 200, sell: 150 } }, { name: 'Signed Jersey by Player 2', price: { buy: 220, sell: 180 } }, { name: 'Signed Ball by Player 3', price: { buy: 100, sell: 75 } }, { name: 'Signed Jersey by Player 4', price: { buy: 250, sell: 200 } }, { name: 'Signed Ball by Player 5', price: { buy: 110, sell: 85 } } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F3F4F6]", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1E3A8A] shadow", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center py-6", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(AuthentigraphDisplay, { productName: "Authentigraph", products: [], __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-10 items-center", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#ffffff] font-roboto hover:text-gray-200", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, "Categories"), /*#__PURE__*/ React.createElement("div", { className: "absolute hidden group-hover:flex flex-col bg-white shadow-md mt-1", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block px-4 py-2 text-sm text-[#121212] hover:bg-gray-100", __source: { fileName: "", lineNumber: 22, columnNumber: 19 }, __self: this }, "Jerseys"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "block px-4 py-2 text-sm text-[#121212] hover:bg-gray-100", __source: { fileName: "", lineNumber: 23, columnNumber: 19 }, __self: this }, "Balls"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "block px-4 py-2 text-sm text-[#121212] hover:bg-gray-100", __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this }, "Photos"))), /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: "text-[#ffffff] font-roboto hover:text-gray-200", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow border border-gray-200 p-2 inline-flex items-center", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "Sign In")))))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#dbeafe]", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(AuthentigraphDisplay, { productName: "Authentigraph", products: [], __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Your marketplace for authentic signed sports items.")))), /*#__PURE__*/ React.createElement("section", { className: "pt-12", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-6", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, products.map((product, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white shadow rounded-lg p-4 flex flex-col items-center justify-between text-center w-[300px] mb-6", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-lg text-[#121212]", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this }, product.name), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex gap-4", __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#10B981] text-white rounded font-bold", __source: { fileName: "", lineNumber: 54, columnNumber: 21 }, __self: this }, "Buy £", product.price.buy), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#EF4444] text-white rounded font-bold", __source: { fileName: "", lineNumber: 55, columnNumber: 21 }, __self: this }, "Sell £", product.price.sell))))))))); }