function MainComponent() { const [darkMode, setDarkMode] = useState(false); const handleContactSubmit = async (data)=>{ console.error("Contact form submission:", data); }; return /*#__PURE__*/ React.createElement("div", { className: "font-inter", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("div", { className: "py-12 px-4 max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-12", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12 mb-16", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg overflow-hidden h-[400px]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { title: "ElectroRide Office Location", src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3888.5997798794633!2d77.5936313!3d12.9715987!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTLCsDU4JzE3LjgiTiA3N8KwMzUnMzcuMSJF!5e0!3m2!1sen!2sin!4v1620799750973!5m2!1sen!2sin", width: "100%", height: "100%", loading: "lazy", className: "border-0", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Our Location"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "ElectroRide Headquarters", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }), "123 Green Energy Street", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }), "Bengaluru, Karnataka 560001", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }), "India")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Business Hours"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-gray-600", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, "Monday - Friday: 9:00 AM - 6:00 PM"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "Saturday: 10:00 AM - 4:00 PM"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "Sunday: Closed"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Department Contacts"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }, "Sales Department"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 56, columnNumber: 21 }, __self: this }), "+91 80 1234 5678", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 57, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 58, columnNumber: 21 }, __self: this }), "sales@electroride.com")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, "Customer Support"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 65, columnNumber: 21 }, __self: this }), "+91 80 8765 4321", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 66, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 67, columnNumber: 21 }, __self: this }), "support@electroride.com")))))), /*#__PURE__*/ React.createElement("div", { className: "mb-16", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Connect With Us"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", className: "text-3xl text-blue-600 hover:opacity-80", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "text-3xl text-blue-400 hover:opacity-80", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", className: "text-3xl text-pink-600 hover:opacity-80", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://linkedin.com", className: "text-3xl text-blue-700 hover:opacity-80", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, "Emergency Support"), /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 p-6 rounded-lg", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 font-bold mb-2", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, "24/7 Roadside Assistance"), /*#__PURE__*/ React.createElement("p", { className: "text-red-800", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone-alt mr-2", __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }), "Emergency Helpline: +91 80 9999 9999"), /*#__PURE__*/ React.createElement("p", { className: "text-red-600 mt-2 text-sm", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "Available 24 hours a day, 7 days a week for emergency vehicle support")))))); }