function MainComponent() { const contactInfo = /*#__PURE__*/ React.createElement("div", { className: "bg-[#f7f7f7] p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg mb-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Contact Information"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "Harwinder Singh"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, "Owner and CEO"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Phone: +1 234 567 8900")); const addressInfo = /*#__PURE__*/ React.createElement("div", { className: "bg-[#f7f7f7] p-4 rounded-lg shadow-md my-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg mb-2", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "Address"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "Harwinder Iron Store"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, "123 Business Ave,"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "Market District,"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, "City, Country")); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col lg:flex-row md:p-8 gap-8", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/2", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Our Products"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Explore our wide range of hardware products suitable for all types of construction and our exclusive selection of paints for every purpose."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/emulsion-20kg.jpg", alt: "20kg Emulsion Paint Packaging", className: "w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/emulsion-10kg.jpg", alt: "10kg Emulsion Paint Packaging", className: "w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/hardware-construction-1.jpg", alt: "Hardware tools for construction", className: "w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./images/hardware-construction-2.jpg", alt: "Various hardware materials", className: "w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/2 space-y-6", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "Search for products...", className: "w-full px-4 py-2 border-2 border-[#ccc] rounded-md", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }), contactInfo, addressInfo)); }