import React from ‘react’; /* يمكنك استبدال الأيقونات بأي مكتبة تفضلها مثل Lucide React */ const TechnicalSkills = () => { const skillGroups = [ { title: “Core Development & Architecture”, color: “blue”, skills: [“PHP (Core & Laravel)”, “MySQL Database Design”, “JavaScript (ES6+/jQuery)”, “HTML5 & CSS3 Architecture”, “WordPress Custom Dev”] }, { title: “Cyber Security & Hardening”, color: “red”, skills: [“Web Vulnerability Assessment”, “SQL Injection Prevention”, “Malware Removal & Recovery”, “SSL/TLS Configurations”, “DDoS Mitigation”] }, { title: “Infrastructure & DevOps”, color: “green”, skills: [“Linux Server Administration”, “Cloud Hosting (AWS/DigitalOcean)”, “Server Optimization (Nginx/Apache)”, “Automated Backups”, “DNS & SMTP Management”] }, { title: “Growth & Digital Marketing”, color: “yellow”, skills: [“Google Ads Mastery (SEM)”, “Technical SEO Optimization”, “Data Analytics (GA4 & GTM)”, “Conversion Rate Optimization”, “Strategic Growth Planning”] } ]; return (

المهارات التقنية Technical Expertise

{skillGroups.map((group, index) => (

{group.title}

{group.skills.map((skill, sIndex) => ( {skill} ))}

))}

); }; export default TechnicalSkills;