https://ethioexplorer.com/assets/Contact-ghUnjmlX.js

1import{J as m,r as o,j as e,V as u,ae as x,ax as h,a4 as b,m as p,n as f,a5 as g}from"./index-D82aNb1r.js";import{L as r}from"./leaflet-D6OQslCi.js";import{S as j}from"./SEOHead-iRFO5ScQ.js";import{S as v}from"./send-BHb2NlWg.js";/**
2 * @license lucide-react v1.34.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const N=[["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]],y=m("phone",N);function w(){const s=o.useRef(null),a=o.useRef(null);return o.useEffect(()=>{if(s.current){if(!a.current){const l=r.map(s.current,{zoomControl:!1,attributionControl:!1}).setView([9.032,38.745],13);r.control.zoom({position:"bottomright"}).addTo(l),r.tileLayer("https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",{maxZoom:19}).addTo(l);const i=r.divIcon({className:"custom-div-icon",html:'<div style="background-color: #065f46; width: 16px; height: 16px; border-radius: 50%; border: 3px solid white; box-shadow: 0 0 4px rgba(0,0,0,0.4);"></div>',iconSize:[16,16],iconAnchor:[8,8]});r.marker([9.032,38.745],{icon:i}).addTo(l).bindPopup('<div class="font-sans"><b>EthioExplorer Office</b><br/>Bole Sub-City, Addis Ababa</div>').openPopup(),a.current=l}return()=>{a.current&&(a.current.remove(),a.current=null)}}},[]),e.jsx("div",{className:"w-full h-48 md:h-64 rounded-xl overflow-hidden border border-slate-200 mt-6 shadow-sm z-0 relative",children:e.jsx("div",{ref:s,className:"w-full h-full",style:{zIndex:0}})})}function F(){const[s,a]=o.useState({name:"",email:"",subject:"",category:"general",message:""}),[l,i]=o.useState(!1),{addToast:n}=u(),c=async t=>{if(t.preventDefault(),!s.name||!s.email||!s.message){n("Please fill out all required fields.","error");return}i(!0);try{await b(p(f,"contacts"),{...s,isRead:!1,createdAt:g()}),n("Your message has been sent successfully.","success"),a({name:"",email:"",subject:"",category:"general",message:""})}catch(d){console.error("Error submitting contact form:",d),n("Failed to send message. Please try again later.","error")}finally{i(!1)}};return e.jsxs("div",{className:"max-w-7xl mx-auto px-4 md:px-6 py-12",children:[e.jsx(j,{title:"Contact Us | EthioExplorer",description:"Contact the EthioExplorer editorial and research team. Submit news tips, corrections, historical manuscript contributions, and general inquiries.",canonical:"https://ethioexplorer.com/contact"}),e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h1",{className:"text-4xl md:text-5xl font-black font-serif text-slate-900 mb-4 tracking-tight",children:"Contact Us"}),e.jsx("p",{className:"text-slate-600 max-w-2xl mx-auto text-lg",children:"Have a question, feedback, or a news tip? We'd love to hear from you. Reach out using the form below or our contact details."})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-12",children:[e.jsx("div",{className:"lg:col-span-1 space-y-8",children:e.jsxs("div",{className:"bg-slate-50 p-8 rounded-2xl border border-slate-100 shadow-sm",children:[e.jsx("h3",{className:"text-xl font-bold font-serif text-slate-900 mb-6 border-b border-slate-200 pb-4",children:"Get in Touch"}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-10 h-10 bg-emerald-100 rounded-full flex items-center justify-center shrink-0",children:e.jsx(x,{className:"w-5 h-5 text-emerald-800"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-bold text-slate-900",children:"Email"}),e.jsx("a",{href:"mailto:[email protected]",className:"text-emerald-700 hover:underline",children:"[email protected]"}),e.jsx("p",{className:"text-sm text-slate-500 mt-1",children:"For general inquiries and support."})]})]}),e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-10 h-10 bg-emerald-100 rounded-full flex items-center justify-center shrink-0",children:e.jsx(y,{className:"w-5 h-5 text-emerald-800"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-bold text-slate-900",children:"Phone"}),e.jsx("p",{className:"text-slate-700",children:"+251 11 123 4567"}),e.jsx("p",{className:"text-sm text-slate-500 mt-1",children:"Mon-Fri from 8am to 5pm (EAT)."})]})]}),e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-10 h-10 bg-emerald-100 rounded-full flex items-center justify-center shrink-0",children:e.jsx(h,{className:"w-5 h-5 text-emerald-800"})}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-bold text-slate-900",children:"Office"}),e.jsxs("p",{className:"text-slate-700",children:["Addis Ababa, Ethiopia",e.jsx("br",{}),"Bole Sub-City, Woreda 03"]})]})]})]}),e.jsx(w,{})]})}),e.jsx("div",{className:"lg:col-span-2",children:e.jsxs("div",{className:"bg-white p-8 md:p-10 rounded-3xl border border-slate-200 shadow-xl relative overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-emerald-50 rounded-full blur-3xl op

6acity-50 -translate-y-1/2 translate-x-1/2 pointer-events-none"}),e.jsx("div",{className:"absolute bottom-0 left-0 w-64 h-64 bg-amber-50 rounded-full blur-3xl opacity-50 translate-y-1/2 -translate-x-1/2 pointer-events-none"}),e.jsxs("form",{onSubmit:c,className:"relative z-10 space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"name",className:"block text-sm font-bold text-slate-700",children:"Full Name *"}),e.jsx("input",{type:"text",id:"name",required:!0,value:s.name,onChange:t=>a({...s,name:t.target.value}),className:"w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:bg-white focus:border-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-600/20 transition-all",placeholder:"Abebe Kebede"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"email",className:"block text-sm font-bold text-slate-700",children:"Email Address *"}),e.jsx("input",{type:"email",id:"email",required:!0,value:s.email,onChange:t=>a({...s,email:t.target.value}),className:"w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:bg-white focus:border-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-600/20 transition-all",placeholder:"[email protected]"})]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"subject",className:"block text-sm font-bold text-slate-700",children:"Subject"}),e.jsx("input",{type:"text",id:"subject",value:s.subject,onChange:t=>a({...s,subject:t.target.value}),className:"w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:bg-white focus:border-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-600/20 transition-all",placeholder:"Brief subject line"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"category",className:"block text-sm font-bold text-slate-700",children:"Category"}),e.jsxs("select",{id:"category",value:s.category,onChange:t=>a({...s,category:t.target.value}),className:"w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:bg-white focus:border-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-600/20 transition-all appearance-none",children:[e.jsx("option",{value:"general",children:"General Inquiry"}),e.jsx("option",{value:"news_tip",children:"News Tip"}),e.jsx("option",{value:"feedback",children:"Feedback & Suggestions"}),e.jsx("option",{value:"support",children:"Technical Support"}),e.jsx("option",{value:"press",children:"Press & Media"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"message",className:"block text-sm font-bold text-slate-700",children:"Message *"}),e.jsx("textarea",{id:"message",required:!0,rows:6,value:s.message,onChange:t=>a({...s,message:t.target.value}),className:"w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:bg-white focus:border-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-600/20 transition-all resize-y",placeholder:"Write your message here..."})]}),e.jsx("button",{type:"submit",disabled:l,className:"w-full py-4 bg-emerald-800 hover:bg-emerald-900 text-white font-bold rounded-xl transition-all shadow-md flex items-center justify-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed",children:l?e.jsx("div",{className:"w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin"}):e.jsxs(e.Fragment,{children:[e.jsx(v,{className:"w-5 h-5"}),e.jsx("span",{children:"Send Message"})]})})]})]})})]})]})}export{F as default};