function MainComponent() { const headerContent = "Find Your Perfect Local Phone Number"; const subHeaderContent = "Get a local phone number for your business in minutes!"; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#f4f4f4] min-h-screen", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#333] text-white p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "BuyLocalNumbers"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-300", __source: { fileName: "", lineNumber: 14, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-300", __source: { fileName: "", lineNumber: 15, columnNumber: 19 }, __self: this }, "Features")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-300", __source: { fileName: "", lineNumber: 16, columnNumber: 19 }, __self: this }, "Pricing")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-300", __source: { fileName: "", lineNumber: 17, columnNumber: 19 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.buylocalnumbers.com/register.html", className: "hover:text-gray-300", __source: { fileName: "", lineNumber: 18, columnNumber: 19 }, __self: this }, "Register")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.buylocalnumbers.com/login.html", className: "hover:text-gray-300", __source: { fileName: "", lineNumber: 19, columnNumber: 19 }, __self: this }, "Login")))))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto my-12 p-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-center", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, headerContent), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-center mt-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, subHeaderContent), /*#__PURE__*/ React.createElement("div", { className: "mt-8 flex justify-center", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "phoneNumber", className: "px-4 py-2 border border-gray-300 rounded-l-lg", placeholder: "Enter area code", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded-r-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Search"))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto my-12 p-6", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-center", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Why Choose Us?"), /*#__PURE__*/ React.createElement("div", { className: "mt-6 grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe text-blue-500 text-3xl", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-bold mt-2", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Wide Selection"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Choose from a wide range of local numbers across various locations.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-blue-500 text-3xl", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-bold mt-2", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Secure and Reliable"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Our numbers are secure and reliable for your business needs.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-blue-500 text-3xl", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "font-bold mt-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Quick Setup"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Have your local number active within minutes."))))); }