https://removemark.io/_nuxt/er7K7CTr.js

1import{_ as k}from"./B_cHaAiG.js";import{_ as w}from"./DNYNTGKr.js";import{_ as j}from"./zNe2iqen.js";import{_ as M}from"./DI3rn9mz.js";import{B as F,P as U,M as D,C as P,_ as T,a as B,b as E,c as I,d as A,e as L,f as W,g as H,h as R,i as q,j as z}from"./DhLRiFKD.js";import{_ as G}from"./B5_tu4US.js";import{_ as Y}from"./DYYbKJpS.js";import{_ as J}from"./P_pK0p-F.js";import{f as K,a9 as O,k as Q,c as X,a as l,b as t,u as i,w as o,o as _,x as Z,g as h,A as ee,d as s}from"./C2yVDIt9.js";const le={id:"contact",class:"container py-24 sm:py-32 section-optimize contain-layout"},te={class:"grid grid-cols-1 md:grid-cols-2 gap-8"},oe={class:"flex flex-col gap-4"},se={class:"flex gap-2 mb-1"},ae={class:"flex gap-2 mb-1"},ne={class:"flex gap-2 mb-1"},ie={class:"flex gap-2"},me={class:"flex flex-col md:flex-row gap-8"},de={class:"flex flex-col w-full gap-1.5"},re={class:"flex flex-col w-full gap-1.5"},ue={class:"flex flex-col gap-1.5"},fe={class:"flex flex-col gap-1.5"},pe={class:"flex flex-col gap-1.5"},ye=K({__name:"Contact",setup(_e){const a=O({firstName:"",lastName:"",email:"",subject:"Web Development",message:""}),c=Q(!1),g=()=>{const{firstName:p,lastName:e,email:u,subject:m,message:d}=a;console.log(a);const f=`mailto:[email protected]?subject=${m}&body=Hello I am ${p} ${e}, my Email is ${u}. %0D%0A${d}`;window.location.href=f};return(p,e)=>{const u=w,m=T,d=G,f=I,v=E,r=W,x=L,b=A,V=B,$=Y,C=J,S=j,y=M,N=k;return _(),X("section",le,[l("section",te,[l("div",null,[e[13]||(e[13]=l("div",{class:"mb-4"},[l("h2",{class:"text-lg text-primary mb-2 tracking-wider"},"Contact"),l("h2",{class:"text-3xl md:text-4xl font-bold"},"Connect With Us")],-1)),e[14]||(e[14]=l("p",{class:"mb-8 text-muted-foreground lg:w-5/6"}," Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum ipsam sint enim exercitationem ex autem corrupti quas tenetur ",-1)),l("div",oe,[l("div",null,[l("div",se,[t(i(F)),e[5]||(e[5]=l("div",{class:"font-bold"},"Find Us",-1))]),e[6]||(e[6]=l("div",null,"742 Evergreen Terrace, Springfield, IL 62704",-1))]),l("div",null,[l("div",ae,[t(i(U)),e[7]||(e[7]=l("div",{class:"font-bold"},"Call Us",-1))]),e[8]||(e[8]=l("div",null,"+1 (619) 123-4567",-1))]),l("div",null,[l("div",ne,[t(i(D)),e[9]||(e[9]=l("div",{class:"font-bold"},"Mail Us",-1))]),e[10]||(e[10]=l("div",null,"[email protected]",-1))]),l("div",null,[l("div",ie,[t(i(P)),e[11]||(e[11]=l("div",{class:"font-bold"},"Visit Us",-1))]),e[12]||(e[12]=l("div",null,[l("div",null,"Monday - Friday"),l("div",null,"8AM - 4PM")],-1))])])]),t(N,{class:"bg-muted/60 dark:bg-card"},{default:o(()=>[t(u,{class:"text-primary text-2xl"}),t(S,null,{default:o(()=>[l("form",{onSubmit:Z(g,["prevent"]),class:"grid gap-4"},[l("div",me,[l("div",de,[t(m,{for:"first-name"},{default:o(()=>e[15]||(e[15]=[s("First Name")])),_:1}),t(d,{id:"first-name",type:"text",placeholder:"Leopoldo",modelValue:a.firstName,"onUpdate:modelValue":e[0]||(e[0]=n=>a.firstName=n)},null,8,["modelValue"])]),l("div",re,[t(m,{for:"last-name"},{default:o(()=>e[16]||(e[16]=[s("Last Name")])),_:1}),t(d,{id:"last-name",type:"text",placeholder:"Miranda",modelValue:a.lastName,"onUpdate:modelValue":e[1]||(e[1]=n=>a.lastName=n)},null,8,["modelValue"])])]),l("div",ue,[t(m,{for:"email"},{default:o(()=>e[17]||(e[17]=[s("Email")])),_:1}),t(d,{id:"email",type:"email",placeholder:"[email protected]",modelValue:a.email,"onUpdate:modelValue":e[2]||(e[2]=n=>a.email=n)},null,8,["modelValue"])]),l("div",fe,[t(m,{for:"subject"},{default:o(()=>e[18]||(e[18]=[s("Subject")])),_:1}),t(V,{modelValue:a.subject,"onUpdate:modelValue":e[3]||(e[3]=n=>a.subject=n)},{default:o(()=>[t(v,null,{default:o(()=>[t(f,{placeholder:"Select a subject"})]),_:1}),t(b,null,{default:o(()=>[t(x,null,{default:o(()=>[t(r,{value:"Web Development"},{default:o(()=>e[19]||(e[19]=[s(" Web Development ")])),_:1}),t(r,{value:"Mobile Development"},{default:o(()=>e[20]||(e[20]=[s(" Mobile Development ")])),_:1}),t(r,{value:"Figma Design"},{default:o(()=>e[21]||(e[21]=[s(" Figma Design ")])),_:1}),t(r,{value:"REST API "},{default:o(()=>e[22]||(e[22]=[s(" REST API ")])),_:1}),t(r,{value:"FullStack Project"},{default:o(()=>e[23]||(e[23]=[s(" FullStack Project ")])),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])]),l("div",pe,[t(m,{for:"message"},{default:o(()=>e[24]||(e[24]=[s("Message")])),_:1}),t($,{id:"message",placeholder:"Your message...",rows:"5",modelValue:a.message,"onUpdate:modelValue":e[4]||(e[4]=n=>a.message=n)},null,8,["modelValue"])]),c.value?(_(),h(i(z),{key:0,variant:"destructive"},{default:o(()=>[t(i(H),{class:"w-4 h-4"}),t(i(R),null,{default:o(()=>e[25]||(e[25]=[s("Error")])),_:1}),t(i(q),null,{default:o(()=>e[26]||(e[26]=[s(" There is an error in the form. Please check your input. ")])),_:1})]),_:1})):ee("",!0),t(C,{class:"mt-4"},{default:o(()=>e[27]||(e[27]=[s("Send message")])),_:1})],32)]),_:1}),t(y)]),_:1})])])}}});

1export{ye as _};