22 lines
8.2 KiB
JavaScript
22 lines
8.2 KiB
JavaScript
import{e as f,r as c,c as n,o as a,a as e,F as x,i as y,n as b,l as p,q as I,t as g,j as C,h as j,k as i,v as d,u as h,d as z,b as N}from"#entry";import{M as q,C as V}from"./C5SyyWEb.js";import{A as T}from"./C8kQt0fa.js";import{u as E}from"./Bhye03_j.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 F=f("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 U=f("MailIcon",[["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"}]]);/**
|
|
* @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 _=f("PhoneIcon",[["path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z",key:"foiqr5"}]]);/**
|
|
* @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 A=f("SendIcon",[["path",{d:"m22 2-7 20-4-9-9-4Z",key:"1q3vgg"}],["path",{d:"M22 2 11 13",key:"nzbqef"}]]),B={id:"contact",class:"py-16 sm:py-20 bg-white"},D={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"},L={class:"grid lg:grid-cols-2 gap-12 items-start"},P={class:"space-y-6"},H={class:"font-display font-bold text-gray-900 mb-2"},W={class:"bg-gradient-to-br from-primary-50 to-primary-100/50 rounded-2xl p-8 shadow-xl"},G={class:"flex items-center"},K=["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:q,title:"Trainingsort",content:["Sporthalle der Grundschule Harheim","In den Schafgärten 25","60437 Frankfurt/Main"],color:"from-red-500 to-pink-500"},{icon:_,title:"Telefon",content:["06101-4992227"],color:"from-green-500 to-emerald-500"},{icon:U,title:"E-Mail",content:["j.dichmann@gmx.de"],color:"from-blue-500 to-cyan-500"},{icon:V,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",B,[e("div",D,[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",L,[e("div",P,[(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:b(["flex-shrink-0 w-12 h-12 bg-gradient-to-br rounded-lg flex items-center justify-center",r.color])},[(a(),p(I(r.icon),{size:24,class:"text-white"}))],2),e("div",null,[e("h3",H,g(r.title),1),(a(!0),n(x,null,y(r.content,(M,S)=>(a(),n("p",{key:S,class:"text-gray-600"},g(M),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",W,[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:C(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:b(["p-4 rounded-lg",l.value==="success"?"bg-green-50 border border-green-200":"bg-red-50 border border-red-200"])},[e("div",G,[l.value==="success"?(a(),p(h(F),{key:0,size:20,class:"text-green-600 mr-2"})):(a(),p(h(T),{key:1,size:20,class:"text-red-600 mr-2"})),e("p",{class:b([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(h(A),{key:0,size:20,class:"mr-2"})),z(" "+g(o.value?"Wird gesendet...":"E-Mail senden"),1)],8,K),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"},Y={__name:"kontakt",setup(v){return E({title:"Kontakt - Harheimer TC"}),(s,o)=>(a(),n("div",Z,[N(O)]))}};export{Y as default};
|