/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-gray-200", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto py-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto font-bold text-3xl", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Pre Order Examples"), /*#__PURE__*/ React.createElement("div", { className: "ml-4 text-gray-600", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mr-4 text-gray-600", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mr-4 text-gray-600", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded-md", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Sign In"))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 25, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto py-8", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto font-bold text-2xl mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "Featured Products"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/product1.jpg", alt: "Product 1", className: "w-full h-48 object-cover", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto font-bold text-gray-800 mt-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Product 1"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-600", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis tortor in libero pharetra aliquam."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded-md", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Pre-Order Now")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/product2.jpg", alt: "Product 2", className: "w-full h-48 object-cover", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto font-bold text-gray-800 mt-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Product 2"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-600", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis tortor in libero pharetra aliquam."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded-md", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Pre-Order Now")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-4", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/product3.jpg", alt: "Product 3", className: "w-full h-48 object-cover", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto font-bold text-gray-800 mt-4", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Product 3"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-600", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis tortor in libero pharetra aliquam."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded-md", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Pre-Order Now")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-4", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/product4.jpg", alt: "Product 4", className: "w-full h-48 object-cover", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto font-bold text-gray-800 mt-4", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "Product 4"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-600", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis tortor in libero pharetra aliquam."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded-md", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "Pre-Order Now"))))));