// ================================================================
// "سعد الشعلاني" — نسخة WordPress (SPA) عبر React UMD + Tailwind CDN
// الصفحات عبر Hash Router: #/ , #/songs , #/consulting , #/social , #/cinema , #/workshop
// ================================================================
function cn(...classes){ return classes.filter(Boolean).join(" "); }
const EMAIL_TO = "saadalshalani@gmail.com";
const WHATSAPP_NUMBER_RAW = "0096599718278";
const X_URL = "https://x.com/saadalshalani";
const BRAND = "سعد الشعلاني";
const PHONE_E164 = "+96599718278";
const TEL_LINK = `tel:${PHONE_E164}`;
function getRoute(){ const h = window.location.hash; if(!h || h==="#" || h==="#/") return "/"; return h.startsWith("#")?h.slice(1):h; }
function currentRouteId(){ const r=getRoute(); return r.startsWith("/")?r.slice(1):r; }
const buildAnchorUrl=(id)=>{ const base=location.href.split("#")[0]; const hash=location.hash||""; return `${base}${hash}${hash.includes(`#${id}`)?"":`#${id}`}`; };
function validateContact({phone,email,message}){
const errors=[];
if(!phone && !email) errors.push("يرجى إدخال الهاتف أو الإيميل على الأقل.");
if(!String(message).trim()) errors.push("يرجى كتابة تفاصيل الطلب.");
return { ok: errors.length===0, errors };
}
function buildWhatsAppLink(raw){ let d=String(raw).replace(/\D/g,""); if(d.startsWith("00")) d=d.slice(2); return `https://wa.me/${d}`; }
const WHATSAPP_LINK = buildWhatsAppLink(WHATSAPP_NUMBER_RAW);
function makeFallbackBanner(text){
const svg = `
`;
return "data:image/svg+xml;utf8,"+encodeURIComponent(svg);
}
// Icons
const Svg = ({children,...p}) => ();
const IconSparkles=(p)=>();
const IconMusic=(p)=>();
const IconMessage=(p)=>();
const IconShare=(p)=>();
const IconFilm=(p)=>();
const IconPhone=(p)=>();
const IconSend=(p)=>();
const IconCheck=(p)=>();
const IconMail=(p)=>();
const IconTwitter=(p)=>();
const IconMoon=(p)=>();
const IconSun=(p)=>();
const ThemeContext = React.createContext({ isDark:false, toggleTheme:()=>{} });
const useTheme=()=>React.useContext(ThemeContext);
function Button({variant="default", size="md", className, children, ...props}){
const { isDark }=useTheme();
const base="inline-flex items-center justify-center font-medium transition-colors focus:outline-none disabled:opacity-50 disabled:pointer-events-none rounded-2xl select-none active:scale-[.99]";
const sizes={ sm:"min-h-10 h-10 px-3 text-sm", md:"min-h-11 h-11 px-4", lg:"min-h-12 h-12 px-5 text-base" };
const variants={ default:"bg-gray-900 text-white hover:bg-gray-800", secondary:isDark?"bg-neutral-800 text-gray-100 hover:bg-neutral-700":"bg-gray-100 text-gray-900 hover:bg-gray-200", outline:isDark?"border border-neutral-700 hover:bg-neutral-800":"border border-gray-300 hover:bg-gray-50", ghost:isDark?"hover:bg-neutral-800":"hover:bg-gray-100" };
return ;
}
function Input(p){ const {isDark}=useTheme(); return ; }
function Textarea(p){ const {isDark}=useTheme(); return ; }
function Card({className="", children}){ const {isDark}=useTheme(); return {children}
; }
function CardContent({className="", children}){ return {children}
; }
function ShareBar({anchorId, title}){
const url = buildAnchorUrl(anchorId);
const shareNative = async()=>{ if(!navigator.share){ alert("المشاركة غير مدعومة في هذا المتصفح. استخدم واتساب أو X بالأسفل."); return; } try{ await navigator.share({title, text:title, url}); }catch{} };
const links = ((u,t)=>({ whatsapp:`https://wa.me/?text=${encodeURIComponent(t)}%20${encodeURIComponent(u)}`, twitter:`https://twitter.com/intent/tweet?url=${encodeURIComponent(u)}&text=${encodeURIComponent(t)}` }))(url,title);
const openWin=(u)=>window.open(u,"_blank","noopener,noreferrer");
return (
);
}
async function sendViaFormSubmit({ section, name, phone, email, message }){
const payload={ section, name, phone, email, message, _subject:`طلب جديد – ${section}`, _template:"table", _captcha:"false", _honey:"" };
const res = await fetch(`https://formsubmit.co/ajax/${EMAIL_TO}`, { method:"POST", headers:{ "Content-Type":"application/json", Accept:"application/json" }, body: JSON.stringify(payload) });
if(!res.ok) throw new Error("send-failed"); return res.json();
}
function openMailtoFallback({ section, name, phone, email, message }){
const subject=`طلب جديد – ${section}`;
const lines=[`القسم: ${section}`, name?`الاسم: ${name}`:null, phone?`الهاتف: ${phone}`:null, email?`الإيميل: ${email}`:null, "", "الرسالة:", message].filter(Boolean);
const body=encodeURIComponent(lines.join("\\n"));
location.href=`mailto:${EMAIL_TO}?subject=${encodeURIComponent(subject)}&body=${body}`;
}
function ContactForm({ section }){
const [name,setName]=React.useState(""); const [phone,setPhone]=React.useState(""); const [email,setEmail]=React.useState(""); const [message,setMessage]=React.useState("");
const [sent,setSent]=React.useState(false); const [error,setError]=React.useState(""); const [sending,setSending]=React.useState(false);
const onSubmit=async(e)=>{
e.preventDefault(); setError("");
const { ok, errors } = validateContact({ phone, email, message }); if(!ok){ setError(errors[0]); return; }
try{ setSending(true); await sendViaFormSubmit({ section, name, phone, email, message }); setSent(true); }
catch{ try{ openMailtoFallback({ section, name, phone, email, message }); setSent(true);} catch{ setError("تعذّر إرسال الرسالة. جرّب لاحقاً أو تواصل عبر واتساب."); } }
finally{ setSending(false); setName(""); setPhone(""); setEmail(""); setMessage(""); }
};
if(sent) return (تم استلام رسالتك
سنتواصل معك قريباً.