Netlify
tcp/443 tcp/80
Open service 2a05:d014:58f:6200::258:443 · crystalmediacorp.com
2026-01-12 04:11
HTTP/1.1 200 OK
Accept-Ranges: bytes
Age: 0
Cache-Control: public,max-age=0,must-revalidate
Cache-Status: "Netlify Edge"; fwd=miss
Content-Length: 34448
Content-Type: text/html; charset=UTF-8
Date: Mon, 12 Jan 2026 04:11:55 GMT
Etag: "cd4260f63a6964dba18aa53706a00520-ssl"
Server: Netlify
Strict-Transport-Security: max-age=31536000
X-Nf-Request-Id: 01KER6EGEM951RMHCN4BP2FP4Q
Connection: close
Page title: مؤسسة كريستال الإعلامية
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مؤسسة كريستال الإعلامية</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Cairo', sans-serif;
}
.hero-gradient {
background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
}
.gold-gradient {
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
}
.text-gradient {
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3);
}
.pattern-dots {
background-image: radial-gradient(circle, #FFD700 1px, transparent 1px);
background-size: 20px 20px;
opacity: 0.1;
}
.animate-float {
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.dark-mode .dark\:bg-gray-900 { background-color: #111827; }
.dark-mode .dark\:bg-gray-800 { background-color: #1f2937; }
.dark-mode .dark\:text-white { color: white; }
.dark-mode .dark\:text-gray-300 { color: #d1d5db; }
</style>
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="fixed top-0 w-full bg-black/95 backdrop-blur-sm z-50 shadow-lg">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between h-20">
<!-- Logo -->
<div class="flex items-center">
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ29sZEdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZEMjAwO3N0b3Atb3BhY2l0eToxIiAvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkE1MDA7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIAogICAgPCEtLSBEaWFtb25kIFNoYXBlIC0tPgogICAgPHBhdGggZD0iTTMwIDVMNTUgMzBMMzAgNTVMNSAzMHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBDMCIgc3Ryb2tlLXdpZHRoPSIzIi8+CiAgICAKICAgIDwhLS0gSW5uZXIgRGlhbW9uZCAtLT4KICAgIDxwYXRoIGQ9Ik0zMCAxNUw0NSAzMEwzMCA0NUwxNSAzMHoiIGZpbGw9InVybCgjZ29sZEdyYWQpIi8+CiAgICAKICAgIDwhLS0gQ3Jvd24gLS0+CiAgICA8cGF0aCBkPSJNMjAgNWwtMiA2aDI0bC0yLTZsLTMgM2wtMy0zbC0zIDNsLTMtM2wtMyAzbC0zLTN6IiBmaWxsPSJ1cmwoI2dvbGRHcmFkKSIvPgogICAgCiAgICA8IS0tIENhbWVyYSBJY29uIC0tPgogICAgPGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iNiIgZmlsbD0iIzJBMkEyQSIvPgogICAgPGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZEMjAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPGNpcmNsZSBjeD0iMzQiIGN5PSIyNiIgcj0iMSIgZmlsbD0iI0ZGRDIwMCIvPgo8L3N2Zz4=" alt="Crystal Media" class="h-12 w-12">
<span class="mr-2 text-yellow-400 text-xl font-bold">كريستال الإعلامية</span>
</div>
<!-- Navigation -->
<nav class="hidden md:flex items-center space-x-8 space-x-reverse">
<a href="#home" class="text-gray-300 hover:text-yellow-400 transition">الرئيسية</a>
<a href="#about" class="text-gray-300 hover:text-yellow-400 transition">من نحن</a>
<a href="#programs" class="text-gray-300 hover:text-yellow-400 transition">البرامج</a>
<a href="#partnerships" class="text-gr
Open service 2a05:d014:58f:6200::258:80 · crystalmediacorp.com
2026-01-12 04:11
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Mon, 12 Jan 2026 04:12:03 GMT Location: https://crystalmediacorp.com/ Server: Netlify X-Nf-Request-Id: 01KER6EQVM3F4MJ58KDVTEPGTV Content-Length: 44 Connection: close Redirecting to https://crystalmediacorp.com/
Open service 35.157.26.135:443 · crystalmediacorp.com
2026-01-12 04:11
HTTP/1.1 200 OK
Accept-Ranges: bytes
Age: 2
Cache-Control: public,max-age=0,must-revalidate
Cache-Status: "Netlify Edge"; hit
Content-Length: 34448
Content-Type: text/html; charset=UTF-8
Date: Mon, 12 Jan 2026 04:11:55 GMT
Etag: "cd4260f63a6964dba18aa53706a00520-ssl"
Server: Netlify
Strict-Transport-Security: max-age=31536000
X-Nf-Request-Id: 01KER6EGC2H82R2KCFH0MEFMMQ
Connection: close
Page title: مؤسسة كريستال الإعلامية
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مؤسسة كريستال الإعلامية</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Cairo', sans-serif;
}
.hero-gradient {
background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
}
.gold-gradient {
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
}
.text-gradient {
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3);
}
.pattern-dots {
background-image: radial-gradient(circle, #FFD700 1px, transparent 1px);
background-size: 20px 20px;
opacity: 0.1;
}
.animate-float {
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.dark-mode .dark\:bg-gray-900 { background-color: #111827; }
.dark-mode .dark\:bg-gray-800 { background-color: #1f2937; }
.dark-mode .dark\:text-white { color: white; }
.dark-mode .dark\:text-gray-300 { color: #d1d5db; }
</style>
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="fixed top-0 w-full bg-black/95 backdrop-blur-sm z-50 shadow-lg">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between h-20">
<!-- Logo -->
<div class="flex items-center">
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ29sZEdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZEMjAwO3N0b3Atb3BhY2l0eToxIiAvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkE1MDA7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIAogICAgPCEtLSBEaWFtb25kIFNoYXBlIC0tPgogICAgPHBhdGggZD0iTTMwIDVMNTUgMzBMMzAgNTVMNSAzMHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBDMCIgc3Ryb2tlLXdpZHRoPSIzIi8+CiAgICAKICAgIDwhLS0gSW5uZXIgRGlhbW9uZCAtLT4KICAgIDxwYXRoIGQ9Ik0zMCAxNUw0NSAzMEwzMCA0NUwxNSAzMHoiIGZpbGw9InVybCgjZ29sZEdyYWQpIi8+CiAgICAKICAgIDwhLS0gQ3Jvd24gLS0+CiAgICA8cGF0aCBkPSJNMjAgNWwtMiA2aDI0bC0yLTZsLTMgM2wtMy0zbC0zIDNsLTMtM2wtMyAzbC0zLTN6IiBmaWxsPSJ1cmwoI2dvbGRHcmFkKSIvPgogICAgCiAgICA8IS0tIENhbWVyYSBJY29uIC0tPgogICAgPGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iNiIgZmlsbD0iIzJBMkEyQSIvPgogICAgPGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZEMjAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPGNpcmNsZSBjeD0iMzQiIGN5PSIyNiIgcj0iMSIgZmlsbD0iI0ZGRDIwMCIvPgo8L3N2Zz4=" alt="Crystal Media" class="h-12 w-12">
<span class="mr-2 text-yellow-400 text-xl font-bold">كريستال الإعلامية</span>
</div>
<!-- Navigation -->
<nav class="hidden md:flex items-center space-x-8 space-x-reverse">
<a href="#home" class="text-gray-300 hover:text-yellow-400 transition">الرئيسية</a>
<a href="#about" class="text-gray-300 hover:text-yellow-400 transition">من نحن</a>
<a href="#programs" class="text-gray-300 hover:text-yellow-400 transition">البرامج</a>
<a href="#partnerships" class="text-gr
Open service 35.157.26.135:80 · crystalmediacorp.com
2026-01-12 04:11
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Mon, 12 Jan 2026 04:12:03 GMT Location: https://crystalmediacorp.com/ Server: Netlify X-Nf-Request-Id: 01KER6EQX95GB7K1E6RBNQNE50 Content-Length: 44 Connection: close Redirecting to https://crystalmediacorp.com/
Open service 63.176.8.218:80 · crystalmediacorp.com
2026-01-12 04:11
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Mon, 12 Jan 2026 04:12:04 GMT Location: https://crystalmediacorp.com/ Server: Netlify X-Nf-Request-Id: 01KER6ES87SNE0BXXMA07H8PDP Content-Length: 44 Connection: close Redirecting to https://crystalmediacorp.com/
Open service 63.176.8.218:443 · crystalmediacorp.com
2026-01-12 04:11
HTTP/1.1 200 OK
Accept-Ranges: bytes
Age: 3
Cache-Control: public,max-age=0,must-revalidate
Cache-Status: "Netlify Edge"; hit
Content-Length: 34448
Content-Type: text/html; charset=UTF-8
Date: Mon, 12 Jan 2026 04:11:56 GMT
Etag: "cd4260f63a6964dba18aa53706a00520-ssl"
Server: Netlify
Strict-Transport-Security: max-age=31536000
X-Nf-Request-Id: 01KER6EGWG317SEAPSQQBDV6QS
Connection: close
Page title: مؤسسة كريستال الإعلامية
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مؤسسة كريستال الإعلامية</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Cairo', sans-serif;
}
.hero-gradient {
background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
}
.gold-gradient {
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
}
.text-gradient {
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3);
}
.pattern-dots {
background-image: radial-gradient(circle, #FFD700 1px, transparent 1px);
background-size: 20px 20px;
opacity: 0.1;
}
.animate-float {
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.dark-mode .dark\:bg-gray-900 { background-color: #111827; }
.dark-mode .dark\:bg-gray-800 { background-color: #1f2937; }
.dark-mode .dark\:text-white { color: white; }
.dark-mode .dark\:text-gray-300 { color: #d1d5db; }
</style>
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="fixed top-0 w-full bg-black/95 backdrop-blur-sm z-50 shadow-lg">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between h-20">
<!-- Logo -->
<div class="flex items-center">
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ29sZEdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZEMjAwO3N0b3Atb3BhY2l0eToxIiAvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkE1MDA7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIAogICAgPCEtLSBEaWFtb25kIFNoYXBlIC0tPgogICAgPHBhdGggZD0iTTMwIDVMNTUgMzBMMzAgNTVMNSAzMHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBDMCIgc3Ryb2tlLXdpZHRoPSIzIi8+CiAgICAKICAgIDwhLS0gSW5uZXIgRGlhbW9uZCAtLT4KICAgIDxwYXRoIGQ9Ik0zMCAxNUw0NSAzMEwzMCA0NUwxNSAzMHoiIGZpbGw9InVybCgjZ29sZEdyYWQpIi8+CiAgICAKICAgIDwhLS0gQ3Jvd24gLS0+CiAgICA8cGF0aCBkPSJNMjAgNWwtMiA2aDI0bC0yLTZsLTMgM2wtMy0zbC0zIDNsLTMtM2wtMyAzbC0zLTN6IiBmaWxsPSJ1cmwoI2dvbGRHcmFkKSIvPgogICAgCiAgICA8IS0tIENhbWVyYSBJY29uIC0tPgogICAgPGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iNiIgZmlsbD0iIzJBMkEyQSIvPgogICAgPGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZEMjAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPGNpcmNsZSBjeD0iMzQiIGN5PSIyNiIgcj0iMSIgZmlsbD0iI0ZGRDIwMCIvPgo8L3N2Zz4=" alt="Crystal Media" class="h-12 w-12">
<span class="mr-2 text-yellow-400 text-xl font-bold">كريستال الإعلامية</span>
</div>
<!-- Navigation -->
<nav class="hidden md:flex items-center space-x-8 space-x-reverse">
<a href="#home" class="text-gray-300 hover:text-yellow-400 transition">الرئيسية</a>
<a href="#about" class="text-gray-300 hover:text-yellow-400 transition">من نحن</a>
<a href="#programs" class="text-gray-300 hover:text-yellow-400 transition">البرامج</a>
<a href="#partnerships" class="text-gr
Open service 2a05:d014:58f:6200::259:80 · crystalmediacorp.com
2026-01-12 04:11
HTTP/1.1 301 Moved Permanently Content-Type: text/plain; charset=utf-8 Date: Mon, 12 Jan 2026 04:12:03 GMT Location: https://crystalmediacorp.com/ Server: Netlify X-Nf-Request-Id: 01KER6EQJRMYFX7DE0S6V7FC2M Content-Length: 44 Connection: close Redirecting to https://crystalmediacorp.com/
Open service 2a05:d014:58f:6200::259:443 · crystalmediacorp.com
2026-01-12 04:11
HTTP/1.1 200 OK
Accept-Ranges: bytes
Age: 1
Cache-Control: public,max-age=0,must-revalidate
Cache-Status: "Netlify Edge"; fwd=miss
Content-Length: 34448
Content-Type: text/html; charset=UTF-8
Date: Mon, 12 Jan 2026 04:11:56 GMT
Etag: "cd4260f63a6964dba18aa53706a00520-ssl"
Server: Netlify
Strict-Transport-Security: max-age=31536000
X-Nf-Request-Id: 01KER6EGN9HAVDG51NWE3791KB
Connection: close
Page title: مؤسسة كريستال الإعلامية
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مؤسسة كريستال الإعلامية</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Cairo', sans-serif;
}
.hero-gradient {
background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%);
}
.gold-gradient {
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
}
.text-gradient {
background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3);
}
.pattern-dots {
background-image: radial-gradient(circle, #FFD700 1px, transparent 1px);
background-size: 20px 20px;
opacity: 0.1;
}
.animate-float {
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.dark-mode .dark\:bg-gray-900 { background-color: #111827; }
.dark-mode .dark\:bg-gray-800 { background-color: #1f2937; }
.dark-mode .dark\:text-white { color: white; }
.dark-mode .dark\:text-gray-300 { color: #d1d5db; }
</style>
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="fixed top-0 w-full bg-black/95 backdrop-blur-sm z-50 shadow-lg">
<div class="container mx-auto px-4">
<div class="flex items-center justify-between h-20">
<!-- Logo -->
<div class="flex items-center">
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ29sZEdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZEMjAwO3N0b3Atb3BhY2l0eToxIiAvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkE1MDA7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIAogICAgPCEtLSBEaWFtb25kIFNoYXBlIC0tPgogICAgPHBhdGggZD0iTTMwIDVMNTUgMzBMMzAgNTVMNSAzMHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0MwQzBDMCIgc3Ryb2tlLXdpZHRoPSIzIi8+CiAgICAKICAgIDwhLS0gSW5uZXIgRGlhbW9uZCAtLT4KICAgIDxwYXRoIGQ9Ik0zMCAxNUw0NSAzMEwzMCA0NUwxNSAzMHoiIGZpbGw9InVybCgjZ29sZEdyYWQpIi8+CiAgICAKICAgIDwhLS0gQ3Jvd24gLS0+CiAgICA8cGF0aCBkPSJNMjAgNWwtMiA2aDI0bC0yLTZsLTMgM2wtMy0zbC0zIDNsLTMtM2wtMyAzbC0zLTN6IiBmaWxsPSJ1cmwoI2dvbGRHcmFkKSIvPgogICAgCiAgICA8IS0tIENhbWVyYSBJY29uIC0tPgogICAgPGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iNiIgZmlsbD0iIzJBMkEyQSIvPgogICAgPGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZEMjAwIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPGNpcmNsZSBjeD0iMzQiIGN5PSIyNiIgcj0iMSIgZmlsbD0iI0ZGRDIwMCIvPgo8L3N2Zz4=" alt="Crystal Media" class="h-12 w-12">
<span class="mr-2 text-yellow-400 text-xl font-bold">كريستال الإعلامية</span>
</div>
<!-- Navigation -->
<nav class="hidden md:flex items-center space-x-8 space-x-reverse">
<a href="#home" class="text-gray-300 hover:text-yellow-400 transition">الرئيسية</a>
<a href="#about" class="text-gray-300 hover:text-yellow-400 transition">من نحن</a>
<a href="#programs" class="text-gray-300 hover:text-yellow-400 transition">البرامج</a>
<a href="#partnerships" class="text-gr