diff --git a/src/components/sections/ContactSection.tsx b/src/components/sections/ContactSection.tsx new file mode 100644 index 0000000..fd42c13 --- /dev/null +++ b/src/components/sections/ContactSection.tsx @@ -0,0 +1,144 @@ +'use client' + +import { useEmDashContent } from '@/hooks/useEmDashContent' +import { Clock, Mail, MapPin, Phone } from 'lucide-react' + +interface BusinessHour { + day_of_week: string + open_time?: string + close_time?: string + is_closed?: boolean + note?: string +} + +export default function ContactSection() { + const { items, loading } = useEmDashContent('business_hours') + + if (loading) { + return ( +
+
+
+ ) + } + + if (items.length === 0) return null + + const hours = items.map((item) => item.data as BusinessHour) + + // Static contact info (these could also come from CMS but are hardcoded per brief) + const address = '23 Mary Fitzgerald Street, Newtown, Johannesburg, 2001' + const phone = '+27 11 832 4500' + const email = 'info@mashobanefirm.co.za' + + return ( +
+
+
+

Get in Touch

+

+ We're here for you. Call, email, or visit our offices in Newtown. +

+
+ +
+ {/* Left — Contact details */} +
+
+
+ +
+
+

Office Address

+

{address}

+

+ + View on Google Maps + +

+
+
+ +
+
+ +
+
+

Phone

+

+ {phone} +

+

+ + WhatsApp Us + +

+
+
+ +
+
+ +
+
+

Email

+

+ {email} +

+
+
+ +
+
+ +
+
+

Office Hours

+
+ {hours.map((h, i) => ( +
+ {h.day_of_week} + {h.is_closed ? ( + Closed + ) : ( + {h.open_time} – {h.close_time} + )} + {h.note && ({h.note})} +
+ ))} +
+

Closed on South African public holidays.

+
+
+
+ + {/* Right — Map placeholder */} +
+
+
+ +

Map loaded here

+

23 Mary Fitzgerald Street, Newtown, Johannesburg

+
+
+
+
+
+
+ ) +}