<!DOCTYPE html>
<html lang="ar" dir="rtl">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>Saudi Rewards | مكافآت السعودية</title>
		<link rel="icon" href="/assets/favicon_sr.ico" type="image/x-icon" sizes="any" />
		<link
			href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap"
			rel="stylesheet"
		/>
		<link rel="icon" href="favicon.ico" />
		<style>
			:root {
				--bg: #f3f4f6;
				--card: #ffffff;
				--text: #0f172a;
				--muted: #6b7280;
				--primary: #c49a6c;
				--primary-dark: #a97c4f;
				--ring: rgba(196, 154, 108, 0.25);
				--border: #e5e7eb;
			}
			h1,
			h2 {
				color: var(--primary);
			}
			.tag {
				background: var(--primary);
				color: #fff;
			}
			.tier h3 {
				color: var(--primary);
			}
			.nav .links a:hover {
				color: var(--primary);
			}
			footer strong {
				color: var(--primary);
			}
		</style>

		<style>
			:root {
				--bg: #f3f4f6;
				--card: #ffffff;
				--text: #0f172a;
				--muted: #6b7280;
				--primary: #c49a6c;
				--primary-dark: #a97c4f;
				--ring: rgba(196, 154, 108, 0.25);
				--border: #e5e7eb;
			}
			* {
				box-sizing: border-box;
			}
			html,
			body {
				height: 100%;
			}
			body {
				margin: 0;
				background: var(--bg);
				color: var(--text);
				font-family: 'Cairo', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
					sans-serif;
			}
			a {
				color: inherit;
				text-decoration: none;
			}
			.container {
				max-width: 1200px;
				margin: auto;
				padding: 0 20px;
			}
			.btn {
				appearance: none;
				border: none;
				border-radius: 14px;
				background: var(--primary);
				color: #fff;
				font-weight: 800;
				padding: 14px 18px;
				cursor: pointer;
				transition: transform 0.05s, filter 0.15s, background 0.15s;
				display: inline-flex;
				align-items: center;
				gap: 10px;
			}
			.btn:hover {
				background: var(--primary-dark);
				filter: saturate(1.05);
			}
			.btn:active {
				transform: translateY(1px);
			}
			.btn-outline {
				background: transparent;
				border: 1px solid var(--border);
				color: var(--text);
			}
			.nav {
				position: sticky;
				top: 0;
				z-index: 50;
				background: #fff;
				border-bottom: 1px solid var(--border);
			}
			.nav .bar {
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 64px;
			}
			.nav .links {
				display: flex;
				gap: 18px;
				align-items: center;
			}
			.hero {
				background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.96)),
					url('/assets/pattern-placeholder.jpg');
				background-size: cover;
				background-position: center;
			}
			.hero .wrap {
				display: grid;
				grid-template-columns: 1.1fr 0.9fr;
				gap: 24px;
				align-items: center;
				padding: 48px 0;
			}
			.hero h1 {
				font-size: clamp(28px, 4.5vw, 44px);
				margin: 0 0 10px;
				font-weight: 800;
			}
			.hero p {
				margin: 0 0 18px;
				color: var(--muted);
				font-size: clamp(14px, 2.5vw, 18px);
			}
			.card {
				background: #fff;
				border-radius: 20px;
				box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06), 0 2px 10px rgba(0, 0, 0, 0.04);
				border: 1px solid #f1f2f4;
			}
			.kpis {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 14px;
				margin-top: 18px;
			}
			.kpi {
				padding: 16px;
				border-radius: 16px;
				border: 1px solid #eef0f3;
				background: #fff;
				text-align: center;
			}
			.kpi .v {
				font-weight: 800;
				font-size: 22px;
			}
			.kpi .t {
				color: var(--muted);
				font-size: 13px;
			}
			.section {
				padding: 42px 0;
			}
			.grid-3 {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 18px;
			}
			.grid-2 {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 18px;
			}
			.feature {
				padding: 20px;
			}
			.feature h3 {
				margin: 0 0 8px;
				font-size: 18px;
			}
			.feature p {
				margin: 0;
				color: var(--muted);
				font-size: 14px;
				line-height: 1.8;
			}
			.tier {
				padding: 22px;
				text-align: center;
			}
			.tier h3 {
				margin: 4px 0 8px;
			}
			.tier .pts {
				font-weight: 800;
				font-size: 20px;
			}
			.logos {
				display: grid;
				grid-template-columns: repeat(6, 1fr);
				gap: 18px;
				align-items: center;
			}
			.logos img {
				width: 100%;
				height: 52px;
				object-fit: contain;
				filter: grayscale(1);
				opacity: 0.85;
			}
			.list {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 14px;
			}
			.item {
				padding: 16px;
				border: 1px solid #eef0f3;
				border-radius: 14px;
				background: #fff;
			}
			.item h4 {
				margin: 0 0 6px;
				font-size: 16px;
			}
			.item p {
				margin: 0;
				color: var(--muted);
				font-size: 14px;
				line-height: 1.9;
			}
			.faq {
				border: 1px solid #eef0f3;
				border-radius: 16px;
				overflow: hidden;
			}
			.faq details {
				border-bottom: 1px solid #eef0f3;
				background: #fff;
			}
			.faq summary {
				cursor: pointer;
				list-style: none;
				padding: 16px 18px;
				font-weight: 700;
			}
			.faq p {
				padding: 0 18px 18px;
				margin: 0;
				color: var(--muted);
				line-height: 1.9;
			}
			.footer {
				background: #fff;
				border-top: 1px solid var(--border);
				margin-top: 28px;
			}
			.footer .cols {
				display: grid;
				grid-template-columns: 2fr 1fr 1fr;
				gap: 18px;
				padding: 28px 0;
			}
			.small {
				font-size: 13px;
				color: var(--muted);
			}
			.chip {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				padding: 10px 12px;
				border-radius: 12px;
				background: #fff;
				border: 1px solid #eef0f3;
			}
			.tag {
				background: rgba(196, 154, 108, 0.1);
				color: #7b5a36;
				border-radius: 999px;
				padding: 6px 10px;
				font-size: 12px;
				font-weight: 700;
			}
			@media (max-width: 1024px) {
				.hero .wrap {
					grid-template-columns: 1fr;
				}
				.grid-3 {
					grid-template-columns: 1fr 1fr;
				}
				.logos {
					grid-template-columns: repeat(3, 1fr);
				}
				.kpis {
					grid-template-columns: repeat(2, 1fr);
				}
				.footer .cols {
					grid-template-columns: 1fr 1fr;
				}
			}
			@media (max-width: 640px) {
				.grid-3,
				.grid-2,
				.list {
					grid-template-columns: 1fr;
				}
				.logos {
					grid-template-columns: repeat(2, 1fr);
				}
			}
		</style>
	</head>
	<body>
		<header class="nav">
			<div class="container bar">
				<div class="links">
					<strong>Saudi Rewards</strong>
				</div>
				<nav class="links">
					<a href="#about">عن البرنامج</a>
					<a href="#how">كيف يعمل</a>
					<a href="#tiers">الفئات</a>
					<a href="#partners">الشركاء</a>
					<a href="#faq">الأسئلة الشائعة</a>
				</nav>
			</div>
		</header>

		<section class="hero">
			<div class="container wrap">
				<div>
					<h1>مكافآت مصمّمة خصيصًا لك</h1>
					<p>
						Saudi Rewards برنامج وطني موحّد يقدّم مزايا ومكافآت لدى شبكة واسعة من الشركاء المحليين
						والدوليين. اربح نقاطًا مقابل مشترياتك وخدماتك الحكومية المختارة، وارفع فئتك لتحصل على امتيازات
						إضافية.
					</p>

					<div class="kpis">
						<div class="kpi">
							<div class="v">+1.8M</div>
							<div class="t">عضو مسجّل</div>
						</div>
						<div class="kpi">
							<div class="v">+650</div>
							<div class="t">شريك متعاون</div>
						</div>
						<div class="kpi">
							<div class="v">SAR 120M</div>
							<div class="t">قيمة مكافآت مُستبدلة</div>
						</div>
						<div class="kpi">
							<div class="v">4</div>
							<div class="t">فئات عضوية</div>
						</div>
					</div>
				</div>
				<div class="card" style="padding: 24px">
					<div class="chip">
						<span class="tag">جديد</span>
						<span>عروض صيف 2025 على السفر والفنادق</span>
					</div>

					<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px">
						<div class="card" style="padding: 14px">
							<strong>خصومات فورية</strong>
							<p class="small">حتى 25% لدى المطاعم، الأزياء، والترفيه.</p>
						</div>
						<div class="card" style="padding: 14px">
							<strong>ترقية تلقائية</strong>
							<p class="small">ترتقي للفئة التالية عند بلوغ حد النقاط السنوي.</p>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section id="about" class="section">
			<div class="container grid-3">
				<div class="feature card">
					<div style="display: flex; align-items: center; gap: 10px">
						<div class="tag">عن البرنامج</div>
					</div>
					<h3>برنامج موحّد ومتكامل</h3>
					<p>
						Saudi Rewards يربط بين المستفيدين ومئات العلامات التجارية، ويقدّم تجربة سهلة عبر تطبيق وموقع
						موحّد. النقاط تتراكم تلقائيًا عند الشراء من الشركاء المشاركين أو عند تسديد بعض الرسوم الحكومية
						المختارة داخل القنوات الرقمية الداعمة للبرنامج.
					</p>
				</div>
				<div class="feature card">
					<h3>الشفافية والخصوصية</h3>
					<p>
						نحافظ على بياناتك وفق أفضل الممارسات والتشريعات المحلية. يمكنك إدارة تفضيلاتك، مراجعة سجلات
						النقاط، ومعرفة كيفية احتسابها في أي وقت.
					</p>
				</div>
				<div class="feature card">
					<h3>الدعم متعدد القنوات</h3>
					<p>
						فريق الدعم متواجد عبر مركز الاتصال، البريد الإلكتروني، والدردشة داخل التطبيق. متوسط وقت الرد
						خلال يومي عمل.
					</p>
				</div>
			</div>
		</section>

		<section id="how" class="section">
			<div class="container grid-3">
				<div class="feature card">
					<h3>١) انضم</h3>
					<p>
						اشترك مجانًا باستخدام بريدك المؤسسي أو الوطني الموحّد. بعد التفعيل، ستحصل على رقم عضويتك ورمز
						الاستبدال.
					</p>
				</div>
				<div class="feature card">
					<h3>٢) اكسب</h3>
					<p>
						اكسب نقاطًا عند الشراء من الشركاء أو عبر استخدام الخدمات الرقمية المتّصلة بالبرنامج. بعض الحملات
						تمنح نقاطًا مضاعفة في مواسم محددة.
					</p>
				</div>
				<div class="feature card">
					<h3>٣) استبدل</h3>
					<p>
						حوّل نقاطك إلى خصومات فورية، قسائم إلكترونية، أميال سفر، أو تذاكر فعاليات. الاستبدال يتم مباشرةً
						عبر التطبيق أو لدى نقاط البيع المشاركة.
					</p>
				</div>
			</div>
		</section>

		<section id="tiers" class="section">
			<div class="container">
				<h2 style="margin: 0 0 16px">فئات العضوية</h2>
				<p class="small">
					تُحتسب الفئة وفق مجموع نقاط الكسب خلال آخر 12 شهرًا. يتم الترقية تلقائيًا عند بلوغ الحد المطلوب.
				</p>
				<div
					class="grid-4"
					style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 14px"
				>
					<div class="tier card">
						<img src="/assets/tier1.svg" alt="الفئة الأساسية" style="height: 54px" />
						<h3>أساسي</h3>
						<div class="pts">0 – 4,999 نقطة</div>
						<p class="small">عروض عامة وخصومات موسمية.</p>
					</div>
					<div class="tier card">
						<img src="/assets/tier2.svg" alt="الفئة الفضية" style="height: 54px" />
						<h3>فضّي</h3>
						<div class="pts">5,000 – 24,999</div>
						<p class="small">عروض مضاعفة أيام نهاية الأسبوع ودخول مبكر لبعض الحملات.</p>
					</div>
					<div class="tier card">
						<img src="/assets/tier3.svg" alt="الفئة الذهبية" style="height: 54px" />
						<h3>ذهبي</h3>
						<div class="pts">25,000 – 99,999</div>
						<p class="small">نقاط إضافية 10% على مشتريات مختارة وخدمة دعم أولوية.</p>
					</div>
					<div class="tier card">
						<img src="/assets/tier4.svg" alt="الفئة البلاتينية" style="height: 54px" />
						<h3>بلاتيني</h3>
						<div class="pts">100,000+</div>
						<p class="small">أفضل الأسعار لدى شركاء مختارين، وترقيات فندقية متوافرة بحسب التوافر.</p>
					</div>
				</div>
			</div>
		</section>
{# 
		<section id="partners" class="section">
			<div class="container">
				<h2 style="margin: 0 0 16px">شركاؤنا</h2>
				<p class="small">شبكة متنامية من قطاعات التجزئة، السفر، الترفيه، والخدمات الرقمية.</p>
				<div class="logos card" style="padding: 18px; margin-top: 12px">
					<img src="/assets/SRA.jpeg" alt="شريك 1" />
					<img src="/assets/pif.svg" alt="شريك 2" />
					<img src="/assets/newmurabba.webp" alt="شريك 1" />
					<img src="/assets/qiddiya.svg" alt="شريك 2" />
					<img src="/assets/rsg.webp" alt="شريك 1" />
					<img src="/assets/al-bawani-logo-500x200.webp" alt="شريك 2" />
				</div>
			</div>
		</section> #}

		<section class="section">
			<div class="container grid-2">
				<div class="card" style="padding: 20px">
					<h2 style="margin: 0 0 10px">طرق كسب النقاط</h2>
					<div class="list" style="margin-top: 10px">
						<div class="item">
							<h4>المشتريات لدى الشركاء</h4>
							<p>نقطة واحدة لكل 5 ريال لدى معظم الشركاء، مع حملات مضاعفة موسمية.</p>
						</div>
						<div class="item">
							<h4>العروض الخاصة</h4>
							<p>مكافآت ترحيبية عند أول عملية، ونقاط إضافية عند الوصول لهدف شهري.</p>
						</div>
						<div class="item">
							<h4>الخدمات الرقمية المتصلة</h4>
							<p>
								بعض الخدمات الحكومية المختارة تمنح نقاطًا عند إنجازها داخل القنوات المتكاملة مع
								البرنامج.
							</p>
						</div>
						<div class="item">
							<h4>الدعوات</h4>
							<p>ادعُ أصدقاءك وسجّلوا أول عملية مؤهلة لتحصل على نقاط إضافية.</p>
						</div>
					</div>
				</div>
				<div class="card" style="padding: 20px">
					<h2 style="margin: 0 0 10px">طرق الاستبدال</h2>
					<div class="list" style="margin-top: 10px">
						<div class="item">
							<h4>خصومات فورية</h4>
							<p>استخدم نقاطك كجزء من قيمة الفاتورة لدى شركائنا.</p>
						</div>
						<div class="item">
							<h4>قسائم إلكترونية</h4>
							<p>تحويل النقاط إلى قسائم رقمية قابلة للاستخدام عبر التطبيق أو الويب.</p>
						</div>
						<div class="item">
							<h4>السفر والضيافة</h4>
							<p>استبدل لإصدار قسائم فنادق أو تذاكر فعاليات، مع مزايا إضافية لفئات النخبة.</p>
						</div>
						<div class="item">
							<h4>التحويل لشركاء مكافآت</h4>
							<p>إمكانية تحويل النقاط إلى برامج مختارة بنسبة تحويل معلنة داخل التطبيق.</p>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section id="faq" class="section">
			<div class="container">
				<h2 style="margin: 0 0 14px">الأسئلة الشائعة</h2>
				<div class="faq">
					<details open>
						<summary>هل التسجيل مجاني؟ وهل توجد رسوم سنوية؟</summary>
						<p>
							التسجيل مجاني بالكامل ولا توجد رسوم سنوية على العضوية الأساسية. قد تتوفر مزايا مدفوعة
							اختيارية لفئات النخبة.
						</p>
					</details>
					<details>
						<summary>متى تُحتسب نقاطي بعد الشراء؟</summary>
						<p>
							تظهر النقاط عادةً خلال 24–72 ساعة من العملية. الحملات الخاصة قد تستغرق مدة أطول يُعلن عنها
							مسبقًا.
						</p>
					</details>
					<details>
						<summary>هل تنتهي صلاحية النقاط؟</summary>
						<p>
							تنتهي النقاط بعد 24 شهرًا من تاريخ الكسب إن لم تُستخدم. يتم تذكيرك قبل الانتهاء عبر البريد
							والإشعارات.
						</p>
					</details>
					<details>
						<summary>كيف يتم تحديد فئة العضوية؟</summary>
						<p>
							بناءً على مجموع النقاط المكتسبة خلال آخر 12 شهرًا المتدحرجة. عند بلوغ الحد يتم الترقية
							تلقائيًا.
						</p>
					</details>
					<details>
						<summary>ما هي قنوات الدعم المتاحة؟</summary>
						<p>
							الدعم عبر مركز الاتصال، البريد الإلكتروني، والدردشة داخل التطبيق. الردود غالبًا خلال يومي
							عمل.
						</p>
					</details>
				</div>
			</div>
		</section>

		<footer class="footer">
			<div class="container cols">
				<div>
					<div style="display: flex; align-items: center; gap: 10px">
						<strong>Saudi Rewards</strong>
					</div>
					<p class="small" style="margin-top: 10px">
						برنامج مكافآت سعودي موحّد يجمع أفضل العروض في مكان واحد ويمنحك تجربة سهلة وموثوقة.
					</p>
				</div>
				<div>
					<strong>روابط</strong>
					<div style="display: grid; gap: 8px; margin-top: 10px" class="small">
						<a href="#about">عن البرنامج</a>
						<a href="#partners">الشركاء</a>
						<a href="#faq">الأسئلة الشائعة</a>
						<a href="/index.html">تسجيل الدخول</a>
					</div>
				</div>
				<div>
					<strong>تواصل</strong>
					<div style="display: grid; gap: 8px; margin-top: 10px" class="small">
						<a href="/cdn-cgi/l/email-protection#eb989e9b9b84999fab9984928a878a9d828a9f828485988e999d82888ec5888486"><span class="__cf_email__" data-cfemail="c2b1b7b2b2adb0b682b0adbba3aea3b4aba3b6abadacb1a7b0b4aba1a7eca1adaf">[email&#160;protected]</span></a>
						<span>الهاتف: 9200 00000</span>
						<span>الأحد–الخميس: 9 ص – 5 م</span>
					</div>
				</div>
			</div>
			<div style="border-top: 1px solid var(--border)">
				<div
					class="container"
					style="
						display: flex;
						justify-content: space-between;
						align-items: center;
						gap: 12px;
						padding: 12px 0;
					"
				>
					<span class="small">© 2025 Saudi Rewards. جميع الحقوق محفوظة.</span>
					<div class="small" style="display: flex; gap: 10px">
						<a href="#">الشروط والأحكام</a>
						<a href="#">الخصوصية</a>
						<a href="#">الملفات المؤقتة</a>
					</div>
				</div>
			</div>
		</footer>
	<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>
