diff --git a/src/components/sections/ContactEnquirySection.tsx b/src/components/sections/ContactEnquirySection.tsx new file mode 100644 index 0000000..10136eb --- /dev/null +++ b/src/components/sections/ContactEnquirySection.tsx @@ -0,0 +1,112 @@ +'use client' + +import { useState } from "react" +import Button from "@/components/ui/Button" +import Input from "@/components/ui/Input" +import { Mail, Phone, Send } from 'lucide-react' + +export default function ContactEnquirySection() { + const [name, setName] = useState("") + const [email, setEmail] = useState("") + const [phone, setPhone] = useState("") + const [message, setMessage] = useState("") + const [submitted, setSubmitted] = useState(false) + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault() + setSubmitted(true) + } + + return ( +
+
+
+
+ + Get in touch + +
+

+ Let us craft your{" "} + stay +

+

+ Bespoke arrangements, group stays, or any special request – we are here to listen. +

+
+ +
+ {/* Form */} +
+ setName(e.target.value)} + required + className="bg-[#1a1511] border-[#403630] text-[#eeeae7] placeholder:text-[#6b5f55] rounded-sm" + /> + setEmail(e.target.value)} + required + className="bg-[#1a1511] border-[#403630] text-[#eeeae7] placeholder:text-[#6b5f55] rounded-sm" + /> + setPhone(e.target.value)} + className="bg-[#1a1511] border-[#403630] text-[#eeeae7] placeholder:text-[#6b5f55] rounded-sm" + /> +