diff --git a/src/components/sections/GuestEnquirySection.tsx b/src/components/sections/GuestEnquirySection.tsx new file mode 100644 index 0000000..af6cb82 --- /dev/null +++ b/src/components/sections/GuestEnquirySection.tsx @@ -0,0 +1,103 @@ +'use client' + +import { useState } from 'react' +import Button from '@/components/ui/Button' +import Input from '@/components/ui/Input' +import { Clock, Mail, Phone } from 'lucide-react' + +export default function GuestEnquirySection() { + const [name, setName] = useState('') + const [email, setEmail] = useState('') + const [message, setMessage] = useState('') + const [submitted, setSubmitted] = useState(false) + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault() + // Simulate submission + setSubmitted(true) + setName('') + setEmail('') + setMessage('') + } + + return ( +
+
+
+

+ Let us craft your journey +

+

+ Whether it is a pre-arrival request, a celebration arrangement, + or simply curiosity — reach out and we will respond within 24 hours. +

+
+
+ {/* Form */} +
+ setName(e.target.value)} + required + className="border-[#d4dadd] focus:border-[#d4af37] rounded-xl bg-[#f2f4f5] px-4 py-3 text-sm" + /> + setEmail(e.target.value)} + required + className="border-[#d4dadd] focus:border-[#d4af37] rounded-xl bg-[#f2f4f5] px-4 py-3 text-sm" + /> +