diff --git a/src/components/sections/IkayaMailSection.tsx b/src/components/sections/IkayaMailSection.tsx new file mode 100644 index 0000000..6191997 --- /dev/null +++ b/src/components/sections/IkayaMailSection.tsx @@ -0,0 +1,36 @@ +'use client' + +import { useState, type FormEvent } from 'react' +import { LayoutGrid } from 'lucide-react' +import Button from '@/components/ui/Button' +import Input from '@/components/ui/Input' + +export default function IkayaMailSection() { + const [email, setEmail] = useState('') + const [subscribed, setSubscribed] = useState(false) + + const handleSubmit = (e: FormEvent) => { + e.preventDefault() + if (email.trim()) setSubscribed(true) + } + + return ( +
+
+
+ +
+

Join the iKhaya family

+

First access to new artisan collections, design inspiration from Durban, and the stories behind every hand-painted pattern. No hard sell — just an invitation to stay connected.

+ {subscribed ? ( +

Sawubona! Check your inbox to confirm your welcome note.

+ ) : ( +
+ setEmail(e.target.value)} placeholder="Your email address" className="flex-1" /> + +
+ )} +
+
+ ) +} \ No newline at end of file