(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[327],{9649:function(e,t,s){Promise.resolve().then(s.bind(s,1700))},1700:function(e,t,s){"use strict";s.d(t,{default:function(){return x}});var a=s(6764),r=s(7481),i=s(6867),n=s(4244),l=s(5047);/**
 * @license lucide-react v0.454.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let o=(0,l.Z)("Check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]),c=(0,l.Z)("Copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]),d=(0,l.Z)("MessageSquare",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}]]);var m=s(334);function x(){let[e,t]=(0,r.useState)(!1),s=e=>{navigator.clipboard.writeText(e).then(()=>{t(!0),setTimeout(()=>t(!1),2e3)})};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("section",{className:"relative bg-gradient-to-br from-gray-900 to-gray-800 dark:from-gray-900 dark:to-gray-800 pt-32 pb-20 overflow-hidden",children:[(0,a.jsxs)("div",{className:"absolute top-0 left-0 w-full h-full opacity-10",children:[(0,a.jsx)("div",{className:"absolute top-1/4 left-1/4 w-64 h-64 rounded-full bg-primary"}),(0,a.jsx)("div",{className:"absolute bottom-1/4 right-1/4 w-96 h-96 rounded-full bg-primary"})]}),(0,a.jsx)("div",{className:"container mx-auto px-4 md:px-6 relative z-10",children:(0,a.jsxs)("div",{className:"max-w-3xl mx-auto text-center",children:[(0,a.jsx)("h1",{className:"text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6 text-white",children:"Contact Us"}),(0,a.jsx)("p",{className:"text-lg md:text-xl text-gray-300 mb-8",children:"Have a question or ready to start your project? Get in touch with our team and let's discuss how we can help bring your vision to life."})]})})]}),(0,a.jsx)("section",{className:"py-24 bg-gray-900",children:(0,a.jsx)("div",{className:"container mx-auto px-4 md:px-6",children:(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-3xl font-bold mb-6 text-white",children:"Get in Touch"}),(0,a.jsx)("p",{className:"text-lg text-gray-300 mb-8",children:"We'd love to hear from you. Whether you have a question about our services, pricing, or just want to say hello, we're here to help."}),(0,a.jsxs)("div",{className:"space-y-6 mb-8",children:[(0,a.jsxs)("div",{className:"flex items-start",children:[(0,a.jsx)("div",{className:"mr-4 p-3 bg-primary/20 rounded-full",children:(0,a.jsx)(i.Z,{className:"h-6 w-6 text-primary"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-lg font-semibold text-white",children:"Our Office"}),(0,a.jsxs)("p",{className:"text-gray-300",children:["16839 Ramona Avenue, Suite 256",(0,a.jsx)("br",{}),"Fontana, CA 92336"]})]})]}),(0,a.jsxs)("div",{className:"flex items-start",children:[(0,a.jsx)("div",{className:"mr-4 p-3 bg-primary/20 rounded-full",children:(0,a.jsx)(n.Z,{className:"h-6 w-6 text-primary"})}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("h3",{className:"text-lg font-semibold text-white",children:"Email Us"}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("a",{href:"mailto:info@elev8tech.co",className:"text-gray-300 hover:text-primary transition-colors",children:"info@elev8tech.co"}),(0,a.jsx)("button",{onClick:()=>s("info@elev8tech.co"),className:"p-1 text-gray-400 hover:text-primary transition-colors","aria-label":"Copy email address",title:"Copy email address",children:e?(0,a.jsx)(o,{className:"h-4 w-4"}):(0,a.jsx)(c,{className:"h-4 w-4"})})]})]})]}),(0,a.jsxs)("div",{className:"flex items-start",children:[(0,a.jsx)("div",{className:"mr-4 p-3 bg-primary/20 rounded-full",children:(0,a.jsx)(d,{className:"h-6 w-6 text-primary"})}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("h3",{className:"text-lg font-semibold text-white",children:"Text Us"}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("a",{href:"sms:+16266202783",className:"text-gray-300 hover:text-primary transition-colors",children:"(626) 620-2783"}),(0,a.jsx)("button",{onClick:()=>s("(626) 620-2783"),className:"p-1 text-gray-400 hover:text-primary transition-colors","aria-label":"Copy phone number",title:"Copy phone number",children:e?(0,a.jsx)(o,{className:"h-4 w-4"}):(0,a.jsx)(c,{className:"h-4 w-4"})})]})]})]})]}),(0,a.jsxs)("div",{className:"p-6 bg-gray-800 rounded-lg",children:[(0,a.jsx)("h3",{className:"text-xl font-bold mb-4 text-white",children:"Business Hours"}),(0,a.jsxs)("ul",{className:"space-y-2 text-gray-300",children:[(0,a.jsxs)("li",{className:"flex justify-between",children:[(0,a.jsx)("span",{children:"Monday - Friday:"}),(0,a.jsx)("span",{children:"9:00 AM - 6:00 PM"})]}),(0,a.jsxs)("li",{className:"flex justify-between",children:[(0,a.jsx)("span",{children:"Saturday:"}),(0,a.jsx)("span",{children:"10:00 AM - 2:00 PM"})]}),(0,a.jsxs)("li",{className:"flex justify-between",children:[(0,a.jsx)("span",{children:"Sunday:"}),(0,a.jsx)("span",{children:"Closed"})]})]})]})]}),(0,a.jsx)("div",{children:(0,a.jsx)(m.Zb,{className:"border border-gray-700 bg-gray-800 shadow-lg",children:(0,a.jsxs)(m.aY,{className:"p-8",children:[(0,a.jsx)("h2",{className:"text-2xl font-bold mb-6 text-white",children:"Ready to Get Started?"}),(0,a.jsxs)("div",{className:"text-center py-8",children:[(0,a.jsx)("div",{className:"inline-flex items-center justify-center p-4 bg-primary/20 text-primary rounded-full mb-4",children:(0,a.jsx)(n.Z,{className:"h-8 w-8"})}),(0,a.jsx)("h3",{className:"text-xl font-bold mb-2 text-white",children:"Contact Us Today"}),(0,a.jsx)("p",{className:"text-gray-300 mb-6",children:"We're excited to hear about your project! Reach out to us directly via email or text, and we'll get back to you as soon as possible."}),(0,a.jsxs)("a",{href:(()=>{let e=encodeURIComponent("Website Contact Form"),t=encodeURIComponent("\nHello Elev8Tech team,\n\nI'm interested in discussing a potential project with you.\n\nThank you,\n[Your Name]\n  ");return"mailto:info@elev8tech.co?subject=".concat(e,"&body=").concat(t)})(),className:"inline-flex items-center justify-center w-full px-4 py-2 bg-primary hover:bg-primary/90 text-white rounded-md transition-colors",children:[(0,a.jsx)(n.Z,{className:"mr-2 h-4 w-4"}),"Email Us Now"]}),(0,a.jsxs)("a",{href:"sms:+16266202783",className:"inline-flex items-center justify-center w-full px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-md transition-colors mt-4",children:[(0,a.jsx)(d,{className:"mr-2 h-4 w-4"}),"Text (626) 620-2783"]})]})]})})})]})})}),(0,a.jsx)("section",{className:"py-24 bg-gray-900",children:(0,a.jsx)("div",{className:"container mx-auto px-4 md:px-6",children:(0,a.jsxs)("div",{className:"max-w-3xl mx-auto",children:[(0,a.jsx)("h2",{className:"text-3xl font-bold mb-8 text-white text-center",children:"Frequently Asked Questions"}),(0,a.jsx)("div",{className:"space-y-6",children:[{question:"What is the typical timeline for a web development project?",answer:"The timeline varies depending on the complexity of the project. A simple website might take 4-6 weeks, while a complex web application could take 3-6 months. During our initial consultation, we'll provide a more accurate timeline based on your specific requirements."},{question:"Do you offer ongoing maintenance and support?",answer:"Yes, we offer various maintenance and support packages to ensure your website or application continues to run smoothly after launch. These can include regular updates, security monitoring, performance optimization, and content updates."},{question:"How much does a typical project cost?",answer:"Project costs vary widely based on requirements, complexity, and scope. We provide detailed quotes after understanding your specific needs. Our pricing is transparent, with no hidden fees, and we work with clients to find solutions that fit their budget."},{question:"What information do you need to provide a quote?",answer:"To provide an accurate quote, we typically need to understand your project goals, target audience, desired features and functionality, design preferences, timeline, and budget constraints. The more details you can provide, the more accurate our estimate will be."}].map((e,t)=>(0,a.jsxs)("div",{className:"p-6 bg-gray-800 rounded-lg",children:[(0,a.jsx)("h3",{className:"text-xl font-bold mb-3 text-white",children:e.question}),(0,a.jsx)("p",{className:"text-gray-300",children:e.answer})]},t))})]})})})]})}},334:function(e,t,s){"use strict";s.d(t,{Ol:function(){return l},SZ:function(){return c},Zb:function(){return n},aY:function(){return d},ll:function(){return o}});var a=s(6764),r=s(7481),i=s(77);let n=r.forwardRef((e,t)=>{let{className:s,...r}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",s),...r})});n.displayName="Card";let l=r.forwardRef((e,t)=>{let{className:s,...r}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",s),...r})});l.displayName="CardHeader";let o=r.forwardRef((e,t)=>{let{className:s,...r}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("text-2xl font-semibold leading-none tracking-tight",s),...r})});o.displayName="CardTitle";let c=r.forwardRef((e,t)=>{let{className:s,...r}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",s),...r})});c.displayName="CardDescription";let d=r.forwardRef((e,t)=>{let{className:s,...r}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("p-6 pt-0",s),...r})});d.displayName="CardContent",r.forwardRef((e,t)=>{let{className:s,...r}=e;return(0,a.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center p-6 pt-0",s),...r})}).displayName="CardFooter"},77:function(e,t,s){"use strict";s.d(t,{cn:function(){return i}});var a=s(7090),r=s(1472);function i(){for(var e=arguments.length,t=Array(e),s=0;s<e;s++)t[s]=arguments[s];return(0,r.m6)((0,a.W)(t))}},4244:function(e,t,s){"use strict";s.d(t,{Z:function(){return a}});/**
 * @license lucide-react v0.454.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let a=(0,s(5047).Z)("Mail",[["rect",{width:"20",height:"16",x:"2",y:"4",rx:"2",key:"18n3k1"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}]])},6867:function(e,t,s){"use strict";s.d(t,{Z:function(){return a}});/**
 * @license lucide-react v0.454.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */let a=(0,s(5047).Z)("MapPin",[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]])}},function(e){e.O(0,[227,677,14,744],function(){return e(e.s=9649)}),_N_E=e.O()}]);