system-prompts-and-models-o.../personal-brand-engine/landing_page/index.html
VoXc2 4bb2442313
Add Personal Brand Engine - 7 AI Agents Automation System
Complete AI-powered personal brand automation for Sami Assiri.\n\n7 agents: LinkedIn, Email, Social Media, WhatsApp, CV Optimizer, Content Strategist, Opportunity Scout.\nInfra: FastAPI + APScheduler + Docker + Ollama/Groq LLM + GitHub Pages landing page.\n83 files, ~10K lines. Cost: $0-5/month.
2026-03-30 11:45:48 +03:00

316 lines
17 KiB
HTML

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sami Assiri | سامي العسيري - Field Services Engineer</title>
<meta name="description" content="Sami Mohammed Assiri - Field Services Engineer at METCO | Smiths Detection Airport Security Specialist | Mechanical Engineer">
<meta name="keywords" content="Sami Assiri, سامي العسيري, Field Services Engineer, METCO, Smiths Detection, Airport Security, Mechanical Engineer">
<!-- Open Graph -->
<meta property="og:title" content="Sami Assiri | سامي العسيري">
<meta property="og:description" content="Field Services Engineer - Airport Security Technology Specialist">
<meta property="og:type" content="profile">
<meta property="og:locale" content="ar_SA">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Language Toggle -->
<button class="lang-toggle" onclick="toggleLanguage()" aria-label="Switch Language">
<span id="lang-btn-text">EN</span>
</button>
<!-- Hero Section -->
<header class="hero">
<div class="hero-bg"></div>
<div class="container">
<div class="profile-card">
<div class="avatar">
<div class="avatar-placeholder">SA</div>
</div>
<h1 class="name">
<span class="ar">سامي محمد العسيري</span>
<span class="en" style="display:none;">Sami Mohammed Assiri</span>
</h1>
<p class="title">
<span class="ar">مهندس خدمات ميدانية | متخصص أمن المطارات</span>
<span class="en" style="display:none;">Field Services Engineer | Airport Security Specialist</span>
</p>
<p class="company">
<span class="ar">METCO - خدمات الشرق الأوسط | مطار الملك خالد الدولي</span>
<span class="en" style="display:none;">METCO - Middle East Services | King Khalid International Airport</span>
</p>
<div class="badges">
<span class="badge">Smiths Detection</span>
<span class="badge">Mechanical Engineering</span>
<span class="badge">Python & Analytics</span>
<span class="badge">Ex-Samsung E&A</span>
</div>
</div>
</div>
</header>
<!-- Contact Actions -->
<section class="actions">
<div class="container">
<div class="action-grid">
<a href="mailto:sami.assiri11@gmail.com" class="action-btn primary">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
<span class="ar">راسلني</span>
<span class="en" style="display:none;">Email Me</span>
</a>
<a href="tel:+966597788539" class="action-btn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
<span class="ar">اتصل</span>
<span class="en" style="display:none;">Call</span>
</a>
<a href="https://www.linkedin.com/in/sami-assiri-a300622b2/" target="_blank" class="action-btn linkedin">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
LinkedIn
</a>
<a href="#" onclick="downloadVCard()" class="action-btn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg>
<span class="ar">حفظ جهة الاتصال</span>
<span class="en" style="display:none;">Save Contact</span>
</a>
</div>
</div>
</section>
<!-- About Section -->
<section class="about">
<div class="container">
<h2>
<span class="ar">نبذة عني</span>
<span class="en" style="display:none;">About Me</span>
</h2>
<p class="about-text">
<span class="ar">
مهندس ميكانيكي وخدمات ميدانية في شركة METCO (خدمات الشرق الأوسط) بمطار الملك خالد الدولي بالرياض.
متخصص في صيانة وتشغيل أنظمة أمن المطارات من Smiths Detection، بما في ذلك أجهزة الأشعة السينية (HI-SCAN)
وأجهزة كشف المتفجرات (IONSCAN 600) وأنظمة الفحص المتقدمة (CTX).
<br><br>
سابقاً في Samsung E&A حيث طورت لوحات بيانات بايثون وأتمتت تخطيط المشاريع.
رئيس فرع SPE الأصالة - نقلت الفرع من 0 إلى 89 عضو فعال. حاصل على 10+ شهادات مهنية.
</span>
<span class="en" style="display:none;">
Field Services Engineer at METCO (Middle East Services) stationed at King Khalid International Airport, Riyadh.
Specialized in Smiths Detection airport security systems including HI-SCAN X-ray screening,
IONSCAN 600 trace detection, and CTX advanced inspection systems.
<br><br>
Previously at Samsung E&A where I engineered Python-powered dashboards and automated project planning
for multi-billion-dollar oil & gas projects. As President of SPE Alasala Chapter, scaled membership
from 0 to 89 active participants. 10+ professional certifications.
</span>
</p>
</div>
</section>
<!-- Experience Section -->
<section class="experience">
<div class="container">
<h2>
<span class="ar">الخبرات</span>
<span class="en" style="display:none;">Experience</span>
</h2>
<div class="timeline">
<div class="timeline-item current">
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-badge">
<span class="ar">الحالي</span>
<span class="en" style="display:none;">Current</span>
</div>
<h3>Field Services Engineer</h3>
<p class="company-name">METCO - Middle East Services</p>
<p class="location">
<span class="ar">مطار الملك خالد الدولي، الرياض</span>
<span class="en" style="display:none;">King Khalid International Airport, Riyadh</span>
</p>
<p class="period">Jan 2026 - Present</p>
<ul>
<li>Smiths Detection airport security equipment maintenance & operation</li>
<li>HI-SCAN X-Ray | IONSCAN 600 | CTX Systems</li>
<li>Preventive & corrective maintenance, system calibration</li>
</ul>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>Planning Engineer Intern</h3>
<p class="company-name">Samsung E&A Saudi Arabia</p>
<p class="period">Feb 2025 - May 2025</p>
<ul>
<li>Python dashboards reducing reporting time by 75%</li>
<li>4,327 activities modeled in Primavera P6</li>
<li>Analytics for multi-billion-dollar Aramco projects</li>
</ul>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>President - SPE Alasala Chapter</h3>
<p class="company-name">Society of Petroleum Engineers</p>
<p class="period">Sep 2024 - Present</p>
<ul>
<li>Scaled from 0 to 89 active members</li>
<li>50,000+ organic social impressions</li>
<li>Partnerships with Aramco & Saudi Council of Engineers</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Skills Section -->
<section class="skills">
<div class="container">
<h2>
<span class="ar">المهارات</span>
<span class="en" style="display:none;">Skills</span>
</h2>
<div class="skills-grid">
<div class="skill-category">
<h3>
<span class="ar">أمن المطارات والهندسة</span>
<span class="en" style="display:none;">Airport Security & Engineering</span>
</h3>
<div class="skill-tags">
<span>Smiths Detection</span>
<span>HI-SCAN X-Ray</span>
<span>IONSCAN 600</span>
<span>CTX Systems</span>
<span>HVAC</span>
<span>BIM</span>
</div>
</div>
<div class="skill-category">
<h3>
<span class="ar">البيانات والتحليلات</span>
<span class="en" style="display:none;">Data & Analytics</span>
</h3>
<div class="skill-tags">
<span>Python</span>
<span>SQL</span>
<span>Power BI</span>
<span>Pandas</span>
<span>Plotly/Dash</span>
<span>Excel</span>
</div>
</div>
<div class="skill-category">
<h3>
<span class="ar">إدارة المشاريع</span>
<span class="en" style="display:none;">Project Management</span>
</h3>
<div class="skill-tags">
<span>Primavera P6</span>
<span>MS Project</span>
<span>Monte Carlo</span>
<span>Risk Analysis</span>
<span>Cost Control</span>
</div>
</div>
<div class="skill-category">
<h3>
<span class="ar">الشهادات</span>
<span class="en" style="display:none;">Certifications</span>
</h3>
<div class="skill-tags">
<span>ABB E-Design</span>
<span>KNX Systems</span>
<span>SBC 501</span>
<span>PMI</span>
<span>EFQM</span>
<span>Autodesk BIM</span>
</div>
</div>
</div>
</div>
</section>
<!-- Awards Section -->
<section class="awards">
<div class="container">
<h2>
<span class="ar">الجوائز</span>
<span class="en" style="display:none;">Awards</span>
</h2>
<div class="awards-grid">
<div class="award-card">
<div class="award-icon">&#127942;</div>
<h3>Best Capstone Project</h3>
<p>1st of 16 teams - Alasala Colleges (2025)</p>
</div>
<div class="award-card">
<div class="award-icon">&#11088;</div>
<h3>SPE KSA Excellence Award</h3>
<p>Society of Petroleum Engineers (2025)</p>
</div>
<div class="award-card">
<div class="award-icon">&#127941;</div>
<h3>Presidential Recognition</h3>
<p>SPE International (2025)</p>
</div>
</div>
</div>
</section>
<!-- Book a Meeting Section -->
<section class="booking">
<div class="container">
<h2>
<span class="ar">احجز موعد</span>
<span class="en" style="display:none;">Book a Meeting</span>
</h2>
<p class="booking-desc">
<span class="ar">تبي تتواصل معي؟ احجز موعد مباشرة من هنا</span>
<span class="en" style="display:none;">Want to connect? Book a meeting directly here</span>
</p>
<div id="cal-embed">
<!-- Cal.com embed will be inserted here -->
<a href="mailto:sami.assiri11@gmail.com" class="booking-fallback">
<span class="ar">راسلني على الإيميل لحجز موعد</span>
<span class="en" style="display:none;">Email me to schedule a meeting</span>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="social-links">
<a href="https://www.linkedin.com/in/sami-assiri-a300622b2/" target="_blank" aria-label="LinkedIn">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
</a>
<a href="mailto:sami.assiri11@gmail.com" aria-label="Email">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
</a>
<a href="tel:+966597788539" aria-label="Phone">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
</a>
</div>
<p class="footer-text">
<span class="ar">&copy; 2026 سامي العسيري. جميع الحقوق محفوظة.</span>
<span class="en" style="display:none;">&copy; 2026 Sami Assiri. All rights reserved.</span>
</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>