12 lines
7.4 KiB
JavaScript
12 lines
7.4 KiB
JavaScript
import{e as h,r as c,c as n,o as a,a as e,F as x,i as y,n as f,p,s as C,t as g,l as I,j,m as i,v as d,u as b,d as N,b as z}from"#entry";import{M as V,C as q}from"./C5SyyWEb.js";import{P as T}from"./DdHhmCne.js";import{M as E}from"./BC4PNGtJ.js";import{A as F}from"./C8kQt0fa.js";import{u as U}from"./C_U-NUAd.js";/**
|
|
* @license lucide-vue-next v0.344.0 - ISC
|
|
*
|
|
* This source code is licensed under the ISC license.
|
|
* See the LICENSE file in the root directory of this source tree.
|
|
*/const _=h("CheckCircleIcon",[["path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14",key:"g774vq"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]);/**
|
|
* @license lucide-vue-next v0.344.0 - ISC
|
|
*
|
|
* This source code is licensed under the ISC license.
|
|
* See the LICENSE file in the root directory of this source tree.
|
|
*/const B=h("SendIcon",[["path",{d:"m22 2-7 20-4-9-9-4Z",key:"1q3vgg"}],["path",{d:"M22 2 11 13",key:"nzbqef"}]]),D={id:"contact",class:"py-16 sm:py-20 bg-white"},P={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"},A={class:"grid lg:grid-cols-2 gap-12 items-start"},H={class:"space-y-6"},W={class:"font-display font-bold text-gray-900 mb-2"},G={class:"bg-gradient-to-br from-primary-50 to-primary-100/50 rounded-2xl p-8 shadow-xl"},K={class:"flex items-center"},L=["disabled"],$={key:1,class:"animate-spin rounded-full h-5 w-5 border-b-2 border-white mr-2"},O={__name:"Contact",setup(v){const s=c({name:"",email:"",phone:"",subject:"",message:""}),o=c(!1),l=c(null),u=c(""),w=async()=>{o.value=!0,l.value=null,u.value="";try{(await $fetch("/api/contact",{method:"POST",body:s.value})).success&&(l.value="success",u.value="E-Mail wurde erfolgreich gesendet! Wir melden uns bald bei Ihnen.",s.value={name:"",email:"",phone:"",subject:"",message:""})}catch(m){console.error("Fehler beim Senden:",m),l.value="error",u.value=m.data?.message||"Fehler beim Senden der E-Mail. Bitte versuchen Sie es später erneut."}finally{o.value=!1}},k=[{icon:V,title:"Trainingsort",content:["Sporthalle der Grundschule Harheim","In den Schafgärten 25","60437 Frankfurt/Main"],color:"from-red-500 to-pink-500"},{icon:T,title:"Telefon",content:["06101-4992227"],color:"from-green-500 to-emerald-500"},{icon:E,title:"E-Mail",content:["j.dichmann@gmx.de"],color:"from-blue-500 to-cyan-500"},{icon:q,title:"Trainingszeiten",content:["Dienstag: 19:30 - 22:30 Uhr","Donnerstag: 19:30 - 22:30 Uhr"],color:"from-purple-500 to-indigo-500"}];return(m,t)=>(a(),n("section",D,[e("div",P,[t[14]||(t[14]=e("div",{class:"text-center mb-16"},[e("h2",{class:"text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-4"}," Kontakt "),e("div",{class:"w-24 h-1 bg-primary-600 mx-auto mb-6"}),e("p",{class:"text-xl text-gray-600 max-w-3xl mx-auto"}," Wir freuen uns auf Ihre Nachricht - Kontaktieren Sie uns! ")],-1)),e("div",A,[e("div",H,[(a(),n(x,null,y(k,r=>e("div",{key:r.title,class:"flex items-start space-x-4 bg-gray-50 p-6 rounded-xl hover:shadow-lg transition-shadow"},[e("div",{class:f(["flex-shrink-0 w-12 h-12 bg-gradient-to-br rounded-lg flex items-center justify-center",r.color])},[(a(),p(C(r.icon),{size:24,class:"text-white"}))],2),e("div",null,[e("h3",W,g(r.title),1),(a(!0),n(x,null,y(r.content,(S,M)=>(a(),n("p",{key:M,class:"text-gray-600"},g(S),1))),128))])])),64)),t[5]||(t[5]=e("div",{class:"space-y-4"},[e("div",{class:"rounded-2xl overflow-hidden shadow-xl h-64"},[e("iframe",{src:"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2554.5!2d8.660947!3d50.187044!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd0e5e5e5e5e5e%3A0x5e5e5e5e5e5e5e5e!2sIn%20den%20Schafg%C3%A4rten%2025%2C%2060437%20Frankfurt%20am%20Main!5e0!3m2!1sde!2sde!4v1234567890",width:"100%",height:"100%",style:{border:"0"},loading:"lazy",allowfullscreen:"",referrerpolicy:"no-referrer-when-downgrade",title:"Sporthalle der Grundschule Harheim"})]),e("a",{href:"https://www.google.com/maps/search/?api=1&query=In+den+Schafgärten+25+60437+Frankfurt",target:"_blank",class:"block text-center px-4 py-3 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors"}," In Google Maps öffnen ")],-1))]),e("div",G,[t[12]||(t[12]=e("h3",{class:"text-2xl font-display font-bold text-gray-900 mb-6"}," Senden Sie uns eine Nachricht ",-1)),e("form",{class:"space-y-4",onSubmit:I(w,["prevent"])},[e("div",null,[t[6]||(t[6]=e("label",{for:"name",class:"block text-sm font-medium text-gray-700 mb-1"}," Name * ",-1)),i(e("input",{type:"text",id:"name","onUpdate:modelValue":t[0]||(t[0]=r=>s.value.name=r),required:"",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-all",placeholder:"Ihr Name"},null,512),[[d,s.value.name]])]),e("div",null,[t[7]||(t[7]=e("label",{for:"email",class:"block text-sm font-medium text-gray-700 mb-1"}," E-Mail * ",-1)),i(e("input",{type:"email",id:"email","onUpdate:modelValue":t[1]||(t[1]=r=>s.value.email=r),required:"",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-all",placeholder:"ihre@email.de"},null,512),[[d,s.value.email]])]),e("div",null,[t[8]||(t[8]=e("label",{for:"phone",class:"block text-sm font-medium text-gray-700 mb-1"}," Telefon ",-1)),i(e("input",{type:"tel",id:"phone","onUpdate:modelValue":t[2]||(t[2]=r=>s.value.phone=r),class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-all",placeholder:"+49 123 456789"},null,512),[[d,s.value.phone]])]),e("div",null,[t[9]||(t[9]=e("label",{for:"subject",class:"block text-sm font-medium text-gray-700 mb-1"}," Betreff * ",-1)),i(e("input",{type:"text",id:"subject","onUpdate:modelValue":t[3]||(t[3]=r=>s.value.subject=r),required:"",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-all",placeholder:"Worum geht es?"},null,512),[[d,s.value.subject]])]),e("div",null,[t[10]||(t[10]=e("label",{for:"message",class:"block text-sm font-medium text-gray-700 mb-1"}," Nachricht * ",-1)),i(e("textarea",{id:"message","onUpdate:modelValue":t[4]||(t[4]=r=>s.value.message=r),required:"",rows:"5",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-all resize-none",placeholder:"Ihre Nachricht..."},null,512),[[d,s.value.message]])]),l.value?(a(),n("div",{key:0,class:f(["p-4 rounded-lg",l.value==="success"?"bg-green-50 border border-green-200":"bg-red-50 border border-red-200"])},[e("div",K,[l.value==="success"?(a(),p(b(_),{key:0,size:20,class:"text-green-600 mr-2"})):(a(),p(b(F),{key:1,size:20,class:"text-red-600 mr-2"})),e("p",{class:f([l.value==="success"?"text-green-800":"text-red-800","text-sm font-medium"])},g(u.value),3)])],2)):j("",!0),e("button",{type:"submit",disabled:o.value,class:"w-full px-6 py-4 bg-primary-600 hover:bg-primary-700 disabled:bg-gray-400 disabled:cursor-not-allowed text-white font-semibold rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 flex items-center justify-center"},[o.value?(a(),n("div",$)):(a(),p(b(B),{key:0,size:20,class:"mr-2"})),N(" "+g(o.value?"Wird gesendet...":"E-Mail senden"),1)],8,L),t[11]||(t[11]=e("p",{class:"text-sm text-gray-600 text-center"}," * Pflichtfelder ",-1))],32),t[13]||(t[13]=e("p",{class:"mt-4 text-sm text-gray-600 text-center"}," Ihre Nachricht wird direkt an j.dichmann@gmx.de gesendet ",-1))])])])]))}},Z={class:"min-h-screen"},te={__name:"kontakt",setup(v){return U({title:"Kontakt - Harheimer TC"}),(s,o)=>(a(),n("div",Z,[z(O)]))}};export{te as default};
|