https://mnvpnotts.lovable.app/assets/contact-ByyuAH4N.js

1import{t as e}from"./mail-DhQrNvJ6.js";import{a as t,c as n,i as r,l as i,n as a,o,r as s,s as c,t as l}from"./index-CsPj7yuN.js";var u=r(`map-pin`,[[`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`}]]),d=i(n(),1),f=c(),p=d.forwardRef(({className:e,type:t,...n},r)=>(0,f.jsx)(`input`,{type:t,className:a(`flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm`,e),ref:r,...n}));p.displayName=`Input`;function m(){let[n,r]=(0,d.useState)(`idle`),[i,a]=(0,d.useState)(null);return(0,f.jsx)(`section`,{className:`section-gap`,children:(0,f.jsxs)(`div`,{className:`page-shell space-y-12`,children:[(0,f.jsxs)(`div`,{className:`space-y-5`,children:[(0,f.jsx)(`p`,{className:`eyebrow`,children:`Contact`}),(0,f.jsx)(`h1`,{className:`max-w-3xl text-balance font-heading text-5xl text-foreground sm:text-6xl`,children:`Get in touch.`}),(0,f.jsx)(`p`,{className:`max-w-2xl text-pretty text-lg leading-8 text-muted-foreground`,children:`Whether you want to share an experience, volunteer or simply ask a question, we'd love to hear from you.`})]}),(0,f.jsxs)(`div`,{className:`grid gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-start`,children:[(0,f.jsxs)(`form`,{className:`feature-card space-y-5`,onSubmit:async e=>{e.preventDefault();let n=e.currentTarget,i=new FormData(n),o={name:String(i.get(`name`)??``).trim(),email:String(i.get(`email`)??``).trim(),subject:String(i.get(`subject`)??``).trim()||null,message:String(i.get(`message`)??``).trim()};r(`sending`),a(null);let{error:s}=await t.from(`contact_submissions`).insert(o);if(s){r(`error`),a(`Sorry, something went wrong. Please try again or email us directly.`);return}r(`sent`),n.reset()},children:[(0,f.jsx)(`h2`,{className:`font-heading text-3xl text-foreground`,children:`Send us a message`}),(0,f.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[(0,f.jsxs)(`label`,{className:`space-y-2 text-sm`,children:[(0,f.jsx)(`span`,{className:`font-medium text-foreground`,children:`Your name`}),(0,f.jsx)(p,{required:!0,name:`name`,placeholder:`First and last name`})]}),(0,f.jsxs)(`label`,{className:`space-y-2 text-sm`,children:[(0,f.jsx)(`span`,{className:`font-medium text-foreground`,children:`Email`}),(0,f.jsx)(p,{required:!0,type:`email`,name:`email`,placeholder:`[email protected]`})]})]}),(0,f.jsxs)(`label`,{className:`space-y-2 text-sm`,children:[(0,f.jsx)(`span`,{className:`font-medium text-foreground`,children:`What is this about?`}),(0,f.jsx)(p,{name:`subject`,placeholder:`Volunteering, sharing an experience, a question…`})]}),(0,f.jsxs)(`label`,{className:`space-y-2 text-sm`,children:[(0,f.jsx)(`span`,{className:`font-medium text-foreground`,children:`Your message`}),(0,f.jsx)(`textarea`,{required:!0,name:`message`,rows:5,className:`w-full rounded-2xl border border-input bg-transparent px-4 py-3 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`,placeholder:`Tell us as much or as little as you'd like.`})]}),(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,f.jsx)(l,{type:`submit`,variant:`hero`,size:`lg`,disabled:n===`sending`,children:n===`sending`?`Sending…`:`Send message`}),n===`sent`?(0,f.jsx)(`p`,{className:`text-sm text-primary`,children:`Thank you. We'll be in touch soon.`}):null,n===`error`&&i?(0,f.jsx)(`p`,{className:`text-sm text-destructive`,children:i}):null]})]}),(0,f.jsxs)(`aside`,{className:`space-y-5`,children:[(0,f.jsxs)(`article`,{className:`feature-card`,children:[(0,f.jsx)(u,{className:`size-5 text-primary`}),(0,f.jsx)(`h2`,{className:`mt-3 text-2xl text-foreground`,children:`Where to find us`}),(0,f.jsxs)(`p`,{className:`mt-3 text-sm leading-7 text-muted-foreground`,children:[`Sir John Robinson House`,(0,f.jsx)(`br`,{}),`Sir John Robinson Way`,(0,f.jsx)(`br`,{}),`Arnold, Nottingham`]})]}),(0,f.jsxs)(`article`,{className:`feature-card`,children:[(0,f.jsx)(e,{className:`size-5 text-primary`}),(0,f.jsx)(`h2`,{className:`mt-3 text-2xl text-foreground`,children:`Stay connected`}),(0,f.jsxs)(`div`,{className:`mt-3 grid gap-2 text-sm`,children:[(0,f.jsx)(`a`,{href:`https://www.instagram.com/nottsmnvp/`,className:`text-foreground hover:text-primary`,children:`Instagram: @nottsmnvp`}),(0,f.jsx)(`a`,{href:`https://www.facebook.com/NottsMNVP/photos`,className:`text-foreground hover:text-primary`,children:`Facebook: Notts MNVP`}),(0,f.jsx)(`a`,{href:`https://www.tiktok.com/@nottsmnvp`,className:`text-foreground hover:text-primary`,children:`TikTok: @nottsmnvp`}),(0,f.jsx)(`a`,{href:`https://beacons.ai/nottsmnvp`,className:`text-foreground hover:text-primary`,children:`All our links`})]})]}),(0,f.jsxs)(`article`,{className:`feature-card bg-panel`,children:[(0,f.jsx)(s,{className:`size-5 text-primary`}),(0,f.jsx)(`h2`,{className:`mt-3 text-2xl text-panel-foreground`,children:`Quick actions`}),(0,f.jsxs)(`div`,{className:`mt-4 grid gap-3`,children:[(0,f.jsx)(l,{asChild:!0,variant:`survey`,children:(0,f.jsx)(o,{to:`/share-your-experience`,children:`Share your experience`})}),(0,f.jsx)(l,{asChild:!0,variant:`outlineSoft`,children:(0,f.jsx)(o,{to:`/get-involved`,children:`Volunteer with us`})})]})]})]})]})]})})}export{m as component};