function MainComponent() { const serviceList = [ { key: 1, service: "Membership for daily latest updates from the Government Of India & Concerned Issuing Authorities" }, { key: 2, service: "Check Your Arms Licence's Authenticity" }, { key: 3, service: "Guidance for safely handling Firearms" }, { key: 4, service: "Training" }, { key: 5, service: "Educational Support related to ARMS ACT 2016 & 2019 Amendments" } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f7f7f7] p-5", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-[#565656] md:text-5xl lg:text-6xl font-bold mb-1 text-center", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Sainik Gun House"), /*#__PURE__*/ React.createElement("p", { className: "text-md text-[#787878] md:text-lg text-center", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Arms and Ammunition Dealers since 1997")), /*#__PURE__*/ React.createElement("div", { className: "my-6 px-4 md:px-8 lg:px-16", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#343434] font-semibold mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Our Services"), /*#__PURE__*/ React.createElement("ul", { className: "list-inside list-disc mb-6", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, serviceList.map((item)=>/*#__PURE__*/ React.createElement("li", { key: item.key, className: "text-[#4a4a4a] text-lg mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, item.service))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-6", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./img/pistol.jpg", alt: "Indian Pistol", className: "w-full h-auto", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./img/revolver.jpg", alt: "Indian Revolver", className: "w-full h-auto", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./img/shotgun.jpg", alt: "Indian Shotgun", className: "w-full h-auto", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./img/rifle.jpg", alt: "Indian Rifle", className: "w-full h-auto", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] p-4 rounded shadow", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl text-[#464646] font-semibold mb-3", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "p-2 rounded border border-[#cccccc]", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", className: "p-2 rounded border border-[#cccccc]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", rows: "4", placeholder: "Your Message", className: "p-2 rounded border border-[#cccccc]", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#005792] hover:bg-[#00416a] text-white p-2 rounded", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Send Message")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#606060] mt-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "*We reply within 24 hours"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, ` @keyframes slideIn { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } img { animation: slideIn 1s ease-in-out; } `)); }