function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", phone: "", company: "", projectType: "mobile", budget: "", message: "" }); const [submitted, setSubmitted] = useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); try { await fetch("/api/db/leads-2089431", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `leads` (name, email, phone, company, project_type, budget, message) VALUES (?, ?, ?, ?, ?, ?, ?)", values: [ formData.name, formData.email, formData.phone, formData.company, formData.projectType, formData.budget, formData.message ] }) }); setSubmitted(true); setFormData({ name: "", email: "", phone: "", company: "", projectType: "mobile", budget: "", message: "" }); } catch (error) { console.error("Error:", error); } }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "https://ucarecdn.com/9cabc72f-050e-4b57-8135-ad84bade4ed1/-/format/auto/", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#000000] to-[#1a1a1a] p-4", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12 pt-8", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://fivestarsappdevelopment.created.app/", className: "inline-block mb-8 px-6 py-2 bg-[#39FF14] text-black rounded-lg hover:bg-[#32CD32] transition duration-300", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }), "Back"), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold text-white font-roboto mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Five Stars Apps"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 mb-6", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 text-3xl", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 text-3xl", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 text-3xl", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 text-3xl", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400 text-3xl", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-white font-roboto mb-12", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Turn Your App Idea Into Reality"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-4 gap-6 text-[#39FF14] text-center mb-12", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 rounded-lg bg-black/50 backdrop-blur border border-[#39FF14]", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-mobile-alt text-3xl mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, "Mobile Apps"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, "iOS and Android development")), /*#__PURE__*/ React.createElement("div", { className: "p-6 rounded-lg bg-black/50 backdrop-blur border border-[#39FF14]", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-laptop-code text-3xl mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "Web Apps"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "Responsive web applications")), /*#__PURE__*/ React.createElement("div", { className: "p-6 rounded-lg bg-black/50 backdrop-blur border border-[#39FF14]", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud text-3xl mb-4", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, "Cloud Solutions"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, "Scalable backend services")), /*#__PURE__*/ React.createElement("div", { className: "p-6 rounded-lg bg-black/50 backdrop-blur border border-[#39FF14]", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wrench text-3xl mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, "App Repair"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, "Fix and optimize existing apps")))), submitted ? /*#__PURE__*/ React.createElement("div", { className: "bg-[#0a0a0a] rounded-lg shadow-xl p-8 border border-[#39FF14]", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "aspect-w-16 aspect-h-9", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://calendly.com/fivestarsappsolutions", className: "w-full h-[600px] border-0", title: "Schedule your consultation", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }))) : /*#__PURE__*/ React.createElement("div", { className: "bg-[#0a0a0a] rounded-lg shadow-xl p-8 border border-[#39FF14]", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 121, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "w-full px-4 py-3 rounded-lg border border-[#39FF14] bg-black text-[#39FF14] focus:border-[#39FF14] focus:ring-2 focus:ring-[#39FF14]", onChange: handleChange, required: true, __source: { fileName: "", lineNumber: 122, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email Address", className: "w-full px-4 py-3 rounded-lg border border-[#39FF14] bg-black text-[#39FF14] focus:border-[#39FF14] focus:ring-2 focus:ring-[#39FF14]", onChange: handleChange, required: true, __source: { fileName: "", lineNumber: 132, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "Phone Number", className: "w-full px-4 py-3 rounded-lg border border-[#39FF14] bg-black text-[#39FF14] focus:border-[#39FF14] focus:ring-2 focus:ring-[#39FF14]", onChange: handleChange, required: true, __source: { fileName: "", lineNumber: 142, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 151, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "company", placeholder: "Company Name", className: "w-full px-4 py-3 rounded-lg border border-[#39FF14] bg-black text-[#39FF14] focus:border-[#39FF14] focus:ring-2 focus:ring-[#39FF14]", onChange: handleChange, __source: { fileName: "", lineNumber: 152, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 160, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "projectType", className: "w-full px-4 py-3 rounded-lg border border-[#39FF14] bg-black text-[#39FF14] focus:border-[#39FF14] focus:ring-2 focus:ring-[#39FF14]", onChange: handleChange, required: true, __source: { fileName: "", lineNumber: 161, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "mobile", __source: { fileName: "", lineNumber: 167, columnNumber: 23 }, __self: this }, "Mobile App"), /*#__PURE__*/ React.createElement("option", { value: "web", __source: { fileName: "", lineNumber: 168, columnNumber: 23 }, __self: this }, "Web App"), /*#__PURE__*/ React.createElement("option", { value: "both", __source: { fileName: "", lineNumber: 169, columnNumber: 23 }, __self: this }, "Both"), /*#__PURE__*/ React.createElement("option", { value: "repair", __source: { fileName: "", lineNumber: 170, columnNumber: 23 }, __self: this }, "App Repair/Optimization"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 173, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "budget", className: "w-full px-4 py-3 rounded-lg border border-[#39FF14] bg-black text-[#39FF14] focus:border-[#39FF14] focus:ring-2 focus:ring-[#39FF14]", onChange: handleChange, required: true, __source: { fileName: "", lineNumber: 174, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 180, columnNumber: 23 }, __self: this }, "Select Budget Range"), /*#__PURE__*/ React.createElement("option", { value: "10-25k", __source: { fileName: "", lineNumber: 181, columnNumber: 23 }, __self: this }, "$10,000 - $25,000"), /*#__PURE__*/ React.createElement("option", { value: "25-50k", __source: { fileName: "", lineNumber: 182, columnNumber: 23 }, __self: this }, "$25,000 - $50,000"), /*#__PURE__*/ React.createElement("option", { value: "50-100k", __source: { fileName: "", lineNumber: 183, columnNumber: 23 }, __self: this }, "$50,000 - $100,000"), /*#__PURE__*/ React.createElement("option", { value: "100k+", __source: { fileName: "", lineNumber: 184, columnNumber: 23 }, __self: this }, "$100,000+")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 189, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Tell us about your project", rows: "4", className: "w-full px-4 py-3 rounded-lg border border-[#39FF14] bg-black text-[#39FF14] focus:border-[#39FF14] focus:ring-2 focus:ring-[#39FF14]", onChange: handleChange, required: true, __source: { fileName: "", lineNumber: 190, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#39FF14] text-black font-bold py-3 px-6 rounded-lg hover:bg-[#32CD32] transition duration-300", __source: { fileName: "", lineNumber: 200, columnNumber: 17 }, __self: this }, "Get Your Free Consultation"))), /*#__PURE__*/ React.createElement("footer", { className: "text-center text-white py-8 mt-12", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm opacity-80", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, "Powered by Five Stars App Solutions"))))); }