diff --git a/src/components/sections/EnquiryFormSection.tsx b/src/components/sections/EnquiryFormSection.tsx new file mode 100644 index 0000000..71c27ec --- /dev/null +++ b/src/components/sections/EnquiryFormSection.tsx @@ -0,0 +1,87 @@ +'use client' +import { useState } from 'react' +import { Mail, MessageCircle, Send } from 'lucide-react' +import Image from 'next/image' +import Button from '@/components/ui/Button' +import Input from '@/components/ui/Input' + +export default function EnquiryFormSection() { + const [name, setName] = useState('') + const [email, setEmail] = useState('') + const [message, setMessage] = useState('') + const [submitted, setSubmitted] = useState(false) + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault() + setSubmitted(true) + } + return ( +
+
+
+
+
+ Mama Ngema in workshop +
+
+

Sawubona! Ask me anything.

+
+
+
+

Talk to Mama Ngema

+

Ask me about ingredients, orders, or skincare rituals

+

I reply within 24 hours. You can also reach me directly on WhatsApp or email.

+ {submitted ? ( +
+

Siyabonga! Your message has been received.

+

I'll get back to you soon.

+
+ ) : ( +
+ setName(e.target.value)} + required + /> + setEmail(e.target.value)} + required + /> +