const FacebookIcon = ({ className = "h-6 w-6" }) => ( ); const InstagramIcon = ({ className = "h-6 w-6" }) => ( ); const WhatsAppIcon = ({ className = "h-6 w-6" }) => ( ); const ZaloIcon = ({ className = "h-6 w-6" }) => ( {/* Speech bubble outline */} {/* Letter Z */} ); const PinIcon = ({ className = "h-5 w-5 text-gold" }) => ( ); const ClockIcon = ({ className = "h-5 w-5 text-gold" }) => ( ); const SocialSection = () => { const motion = window.Motion.motion; const AnimatePresence = window.Motion.AnimatePresence; const [isPlaying, setIsPlaying] = React.useState(true); const [isMuted, setIsMuted] = React.useState(true); const [isHighlighted, setIsHighlighted] = React.useState(false); const videoRef = React.useRef(null); React.useEffect(() => { const handleHighlight = () => { setIsHighlighted(true); }; window.addEventListener("trigger-booking-highlight", handleHighlight); return () => { window.removeEventListener("trigger-booking-highlight", handleHighlight); }; }, []); const togglePlay = (e) => { e.stopPropagation(); if (!videoRef.current) return; if (isPlaying) { videoRef.current.pause(); } else { videoRef.current.play().catch((err) => console.log("Video play interrupted:", err)); } setIsPlaying(!isPlaying); }; const toggleMute = (e) => { e.stopPropagation(); if (!videoRef.current) return; videoRef.current.muted = !isMuted; setIsMuted(!isMuted); }; return (
{/* Background glow effects to look highly premium */}
{/* Grid Layout */}
{/* Left Column: Brand, Info, Social Links (lg:col-span-7) */}
{/* Top part: Logo & Description */}
Kongko Spa Logo

Kongko Spa

For Man

Discover a new baseline of male wellness. Kongko Spa offers a curated series of restoration rituals blending ancient methodologies with absolute luxury.

{/* Bottom Part: Subgrid for Locations & Digital Sanctuary */}
{/* Locations & Hours */}

Ritual Locations

{/* Address */} {/* Hours */}
Operating Hours

Daily: 09:00 AM — 10:00 PM

{/* Digital Sanctuary */}
{/* Drawing Circle Highlight & Floating Tooltip */} {isHighlighted && ( <> {/* Hand-drawn look oval overlay */} {/* Tooltip Popup */} {/* Pointing arrow */}
Contact for consultation here )}

Digital Sanctuary

{/* Social Links Row */}
{/* Facebook */} {/* Instagram */} {/* WhatsApp */} {/* Zalo */}
{/* Quick Contacts */}
Direct Booking Hotline / Zalo 077 664 3662
{/* Right Column: Premium Video Showcase (lg:col-span-5) */}
{/* Interactive Video element */}
{/* Divider & Copyright */}
{"\u00A9 2026 KONGKO SPA FOR MEN. ALL RIGHTS RESERVED. DESIGNED FOR GENTLEMEN."}
); }; window.SocialSection = SocialSection;