https://kc8nax21sn3wva8x0geds0zz.macaly.app/assets/contact-B778BEZs.js

1import{c as u,r as l,k as e,L as p}from"./index-DRU7g3XG.js";import{N as g,F as b}from"./Footer-BtsjQdgx.js";import{W as f}from"./WhatsAppWidget-D_SyKwav.js";const j="https://book.nightsbridge.com/26042",v=["Wild Bay","Sea View","Uberkei","Beach Cottage"];function k(){const{cottage:o}=u.useSearch(),x=o&&v.includes(o)?o:"",[t,n]=l.useState({name:"",email:"",phone:"",cottage:x,message:"",checkin:"",checkout:"",guests:""}),[m,i]=l.useState(!1),[c,d]=l.useState(!1);function a(s){n(r=>({...r,[s.target.name]:s.target.value}))}function h(s){s.preventDefault(),d(!0);const r=`Hi, I'd like to enquire about a stay at Hole in the Wall Cottages.%0A%0AName: ${encodeURIComponent(t.name)}%0AEmail: ${encodeURIComponent(t.email)}%0ACottage: ${encodeURIComponent(t.cottage)}%0ACheck-in: ${encodeURIComponent(t.checkin)}%0ACheck-out: ${encodeURIComponent(t.checkout)}%0AGuests: ${encodeURIComponent(t.guests)}%0AMessage: ${encodeURIComponent(t.message)}`;setTimeout(()=>{d(!1),i(!0),window.open(`https://wa.me/27627639181?text=${r}`,"_blank")},600)}return e.jsxs("div",{className:"min-h-screen",style:{fontFamily:"var(--font-body)"},children:[e.jsx(g,{}),e.jsxs("section",{className:"relative pt-32 pb-16 px-4 bg-ocean-blue text-white overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-20",children:e.jsx("img",{src:"https://images.pexels.com/photos/1438829/pexels-photo-1438829.jpeg?auto=compress&cs=tinysrgb&w=1920",alt:"",className:"w-full h-full object-cover",width:"1920",height:"1080",loading:"eager"})}),e.jsxs("div",{className:"relative z-10 max-w-4xl mx-auto text-center",children:[e.jsx("p",{className:"text-turquoise text-xs uppercase tracking-widest font-semibold mb-4",children:"Get In Touch"}),e.jsx("h1",{className:"text-4xl sm:text-5xl font-bold mb-5",style:{fontFamily:"var(--font-heading)"},children:"Contact Us"}),e.jsx("p",{className:"text-white/80 text-lg max-w-xl mx-auto",children:"Questions about availability, directions, or anything else? We'd love to hear from you. We typically respond within a few hours."})]})]}),e.jsx("section",{className:"py-20 px-4 bg-white",children:e.jsxs("div",{className:"max-w-6xl mx-auto grid lg:grid-cols-5 gap-12",children:[e.jsxs("div",{className:"lg:col-span-2 space-y-6",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-2xl font-bold text-charcoal mb-5",style:{fontFamily:"var(--font-heading)"},children:"Reach Us Directly"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("a",{href:"https://wa.me/27627639181",target:"_blank",rel:"noopener noreferrer",className:"flex items-start gap-4 p-4 bg-seafoam/50 rounded-xl hover:bg-seafoam transition-colors group",children:[e.jsx("div",{className:"w-10 h-10 bg-green-500 rounded-full flex items-center justify-center text-white text-lg flex-shrink-0",children:"💬"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold text-charcoal group-hover:text-ocean-blue transition-colors",children:"WhatsApp (Fastest Response)"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"+27 62 763 9181"}),e.jsx("div",{className:"text-xs text-charcoal-soft mt-0.5",children:"Typically replies within 1 hour"})]})]}),e.jsxs("a",{href:"tel:+27867820223",className:"flex items-start gap-4 p-4 bg-seafoam/50 rounded-xl hover:bg-seafoam transition-colors group",children:[e.jsx("div",{className:"w-10 h-10 bg-ocean-blue rounded-full flex items-center justify-center text-white text-lg flex-shrink-0",children:"📞"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold text-charcoal group-hover:text-ocean-blue transition-colors",children:"Phone"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"+27 86 782 0223"}),e.jsx("div",{className:"text-xs text-charcoal-soft mt-0.5",children:"Mon–Fri, 8am–6pm SAST"})]})]}),e.jsxs("a",{href:"mailto:[email protected]",className:"flex items-start gap-4 p-4 bg-seafoam/50 rounded-xl hover:bg-seafoam transition-colors group",children:[e.jsx("div",{className:"w-10 h-10 bg-rust rounded-full flex items-center justify-center text-white text-lg flex-shrink-0",children:"✉️"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold text-charcoal group-hover:text-ocean-blue transition-colors",children:"Email"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"[email protected]"}),e.jsx("div",{className:"text-xs text-charcoal-soft mt-0.5",children:"Response within 24 hours"})]})]})]})]}),e.jsxs("div",{className:"bg-wild-sand/50 rounded-2xl p-6",children:[e.jsx("h3",{className:"font-bold text-charcoal mb-3",style:{fontFamily:"var(--font-heading)"},children:"Location"}),e.jsxs("p",{className:"text-charcoal-soft text-sm leading-relaxed mb-3",children:["Hole in the Wall Holiday Cottages",e.jsx("br",{}),"Hole in the Wall, Coffee Bay",e.jsx("br",{}),"Eastern Cape, South Africa"]}),e.jsx("p",{className:"text-xs text-muted-foreground mb-3",children:"GPS: -32.033081, 29.109174"}),e.jsx("a",{href:"https://maps.google.com/?q=-32.033081,29.109174",target:"_blank",rel:"noopener noreferrer",className:"text-xs text-ocean-blue underline hover:no-underline",children:"Get directions in Google Maps"})]}),e.jsxs("div",{className:"bg-ocean-blue/10 rounded-2xl p-5 border border-ocean-blue/20",children:[e.jsx("div",{className:"text-sm font-semibold text-ocean-blue mb-2",children:"🚀 Book Direct & Save"}),e.jsx("p",{className:"text-xs text-charcoal-soft mb-3",children:"Skip the middleman. Book directly through our NightsBridge portal for the best rates, no fees, and instant confirmation."}),e.jsx("a",{href:j,target:"_blank",rel:"noopener noreferrer",className:"block w-full text-center bg-rust text-white py-2.5 rounded-lg text-sm font-semibold hover:bg-rust/90 transition-all",children:"Check Availability Now"})]})]}),e.jsxs("div",{className:"lg:col-span-3",children:[e.jsx("h2",{className:"text-2xl font-bold text-charcoal mb-6",style:{fontFamily:"var(--font-heading)"},children:"Send an Enquiry"}),m?e.jsxs("div",{className:"bg-seafoam/50 rounded-2xl p-10 text-center border border-turquoise/30",children:[e.jsx("div",{className:"text-4xl mb-4",children:"🎉"}),e.jsx("h3",{className:"text-xl font-bold text-charcoal mb-3",style:{fontFamily:"var(--font-heading)"},children:"Message Sent!"}),e.jsx("p",{className:"text-charcoal-soft mb-6",children:"Your enquiry has been opened in WhatsApp. We look forward to chatting with you about your Wild Coast holiday!"}),e.jsxs("div",{className:"flex gap-3 justify-center",children:[e.jsx("button",{onClick:()=>

1{i(!1),n({name:"",email:"",phone:"",cottage:"",message:"",checkin:"",checkout:"",guests:""})},className:"text-sm text-ocean-blue underline hover:no-underline",children:"Send another enquiry"}),e.jsx("span",{className:"text-muted-foreground",children:"·"}),e.jsx(p,{to:"/accommodation",className:"text-sm text-ocean-blue underline hover:no-underline",children:"View our cottages"})]})]}):e.jsxs("form",{onSubmit:h,"data-testid":"contact-enquiry-form",className:"space-y-5",children:[e.jsxs("div",{className:"grid sm:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold text-charcoal uppercase tracking-wide mb-1.5",children:"Your Name *"}),e.jsx("input",{type:"text",name:"name",value:t.name,onChange:a,required:!0,placeholder:"John Smith",className:"w-full border border-border rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-ocean-blue focus:border-transparent"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold text-charcoal uppercase tracking-wide mb-1.5",children:"Email Address *"}),e.jsx("input",{type:"email",name:"email",value:t.email,onChange:a,required:!0,placeholder:"[email protected]",className:"w-full border border-border rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-ocean-blue focus:border-transparent"})]})]}),e.jsxs("div",{className:"grid sm:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold text-charcoal uppercase tracking-wide mb-1.5",children:"Phone / WhatsApp"}),e.jsx("input",{type:"tel",name:"phone",value:t.phone,onChange:a,placeholder:"+27 83 000 0000",className:"w-full border border-border rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-ocean-blue focus:border-transparent"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold text-charcoal uppercase tracking-wide mb-1.5",children:"Cottage of Interest"}),e.jsxs("select",{name:"cottage",value:t.cottage,onChange:a,className:"w-full border border-border rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-ocean-blue focus:border-transparent bg-white",children:[e.jsx("option",{value:"",children:"Any / Not sure yet"}),e.jsx("option",{value:"Wild Bay",children:"Wild Bay (Sleeps 8)"}),e.jsx("option",{value:"Sea View",children:"Sea View (Sleeps 6)"}),e.jsx("option",{value:"Uberkei",children:"Uberkei (Sleeps 6)"}),e.jsx("option",{value:"Beach Cottage",children:"Beach Cottage (Sleeps 6)"})]})]})]}),e.jsxs("div",{className:"grid sm:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold text-charcoal uppercase tracking-wide mb-1.5",children:"Check-in Date"}),e.jsx("input",{type:"date",name:"checkin",value:t.checkin,onChange:a,className:"w-full border border-border rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-ocean-blue focus:border-transparent"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold text-charcoal uppercase tracking-wide mb-1.5",children:"Check-out Date"}),e.jsx("input",{type:"date",name:"checkout",value:t.checkout,onChange:a,className:"w-full border border-border rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-ocean-blue focus:border-transparent"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold text-charcoal uppercase tracking-wide mb-1.5",children:"No. of Guests"}),e.jsxs("select",{name:"guests",value:t.guests,onChange:a,className:"w-full border border-border rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-ocean-blue focus:border-transparent bg-white",children:[e.jsx("option",{value:"",children:"Select"}),[1,2,3,4,5,6,7,8].map(s=>e.jsxs("option",{value:s,children:[s," ",s===1?"guest":"guests"]},s))]})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold text-charcoal uppercase tracking-wide mb-1.5",children:"Message *"}),e.jsx("textarea",{name:"message",value:t.message,onChange:a,required:!0,rows:5,placeholder:"Tell us about your holiday plans, ask any questions, or request a quote...",className:"w-full border border-border rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-ocean-blue focus:border-transparent resize-none"})]}

1),e.jsx("button",{type:"submit",disabled:c,className:"w-full bg-rust text-white py-3.5 rounded-lg font-semibold text-sm hover:bg-rust/90 transition-all shadow-md disabled:opacity-60 flex items-center justify-center gap-2",children:c?e.jsxs(e.Fragment,{children:[e.jsxs("svg",{className:"w-4 h-4 animate-spin",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]}),"Sending..."]}):"Send Enquiry via WhatsApp"}),e.jsx("p",{className:"text-xs text-center text-muted-foreground",children:"Your enquiry will be opened in WhatsApp for a fast response"})]})]})]})}),e.jsx("section",{className:"py-16 px-4 bg-white",children:e.jsxs("div",{className:"max-w-5xl mx-auto",children:[e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("p",{className:"text-turquoise text-xs uppercase tracking-widest font-semibold mb-2",children:"Find Us"}),e.jsx("h2",{className:"text-3xl font-bold text-charcoal",style:{fontFamily:"var(--font-heading)"},children:"Our Location"}),e.jsx("p",{className:"text-muted-foreground mt-2",children:"Hole in the Wall Holiday Cottages, Wild Coast, Eastern Cape, South Africa"})]}),e.jsx("div",{className:"rounded-2xl overflow-hidden shadow-lg border border-border/40",children:e.jsx("iframe",{title:"Hole in the Wall Holiday Cottages location",src:"https://www.google.com/maps?q=-32.033081,29.109174&z=15&output=embed",width:"100%",height:"450",style:{border:0,display:"block"},allowFullScreen:!0,loading:"lazy",referrerPolicy:"no-referrer-when-downgrade"})}),e.jsx("p",{className:"text-center text-sm text-muted-foreground mt-4",children:e.jsx("a",{href:"https://www.google.com/maps?q=-32.033081,29.109174",target:"_blank",rel:"noopener noreferrer",className:"text-ocean-blue hover:underline",children:"Open in Google Maps →"})})]})}),e.jsx(b,{}),e.jsx(f,{})]})}export{k as component};