A I Landing Page - Copy this Html, Bootstrap Component to your project
<!DOCTYPE-html>-<html-lang="ar">-<head>-<meta-charset="UTF-8">-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0">-<title>الخارق-AI</title>-<style>-body-{-font-family:-Arial,-sans-serif;-background:-url('رابط_صورة_الخلفية')-no-repeat-center-center-fixed;-background-size:-cover;-color:-#fff;-text-align:-center;-margin:-0;-padding:-0;-}-.container-{-background:-rgba(0,-0,-0,-0.8);-padding:-30px;-border-radius:-10px;-margin:-50px-auto;-width:-90%;-max-width:-600px;-}-.logo-{-max-width:-200px;-margin:-20px-auto;-display:-block;-}-h1,-h2,-p-{-margin:-10px-0;-}-button-{-background-color:-#4CAF50;-color:-white;-border:-none;-padding:-10px-20px;-margin:-10px;-border-radius:-5px;-cursor:-pointer;-font-size:-16px;-}-button:hover-{-background-color:-#45a049;-}-footer-{-background-color:-#222;-color:-#fff;-text-align:-center;-padding:-10px;-font-size:-12px;-position:-fixed;-bottom:-0;-width:-100%;-}-</style>-</head>-<body>-<img-src="رابط_صورة_الشعار"-alt="شعار-الخارق-AI"-class="logo">-<div-class="container">-<h1>مرحبًا-بك-في-تطبيق-الخارق-AI</h1>-<p>جميع-ميزات-الذكاء-الاصطناعي-بين-يديك</p>-<h2>الميزات-المتوفرة:</h2>-<ul>-<li>إنشاء-صور-باستخدام-الذكاء-الاصطناعي</li>-<li>إنشاء-مقاطع-فيديو</li>-<li>إنشاء-ملفات-بوربوينت،-وورد،-وبي-دي-إف</li>-<li>التحدث-مع-الذكاء-الاصطناعي-بالصوت</li>-<li>تعلم-اللغات-والبرمجة</li>-</ul>-<h3>الأسعار:</h3>-<p>الاشتراك-الأسبوعي:-15-دولار-(5-مرات-كل-24-ساعة)</p>-<p>الاشتراك-الشهري:-20-دولار-(10-مرات-كل-24-ساعة)</p>-<p>الاشتراك-السنوي:-100-دولار-(50-مرة-كل-24-ساعة)</p>-<p>الاشتراك-اللامحدود:-5000-دولار-(عدد-استخدامات-غير-محدود)</p>-<button-onclick="showSubscription()">اشتراك-الآن</button>-<p-id="usageMessage"></p>-</div>-<footer>-<p>تنويه:-المالك-غير-مسؤول-عن-أي-معلومات-خاطئة-أو-محتوى-غير-لائق.-يرجى-استخدام-التطبيق-بما-يرضي-الله.</p>-</footer>-<script>-const-openaiApiKey-=-"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";-const-deepaiApiKey-=-"e48d2b4c-b141-4812-b378-6c38255206a2";-let-usageCount-=-0;-let-subscriptionType-=-null;-function-useFeature()-{-if-(!subscriptionType)-{-alert("الرجاء-الاشتراك-للوصول-إلى-المميزات.");-showSubscription();-return;-}-const-limits-=-{-"weekly":-5,-"monthly":-10,-"yearly":-50,-"unlimited":-Infinity-};-if-(usageCount->=-limits[subscriptionType])-{-alert("لقد-وصلت-إلى-الحد-المسموح-به.-الرجاء-الانتظار-أو-ترقية-الاشتراك.");-}-else-{-usageCount++;-alert("تم-استخدام-الميزة-بنجاح!");-}-}-function-showSubscription()-{-document.body.innerHTML-=-`-<div-class="container">-<h1>الاشتراك-في-الخارق-AI</h1>-<p>قم-بإدخال-القسيمة-لتفعيل-الاشتراك:</p>-<input-type="text"-id="couponCode"-placeholder="أدخل-القسيمة"-style="padding:-10px;-width:-80%;-margin:-10px-auto;-display:-block;-border-radius:-5px;-border:-none;">-<button-onclick="validateCoupon()">تفعيل-الاشتراك</button>-<p-id="responseMessage"></p>-</div>-`;-}-function-validateCoupon()-{-const-couponCode-=-document.getElementById('couponCode').value;-const-coupons-=-{-"weekly":-["WEEKLY1",-"WEEKLY2",-"WEEKLY3"],-"monthly":-["MONTHLY1",-"MONTHLY2",-"MONTHLY3"],-"yearly":-["YEARLY1",-"YEARLY2",-"YEARLY3"],-"unlimited":-["UNLIMITED1",-"UNLIMITED2",-"UNLIMITED3"]-};-const-messageElement-=-document.getElementById('responseMessage');-let-valid-=-false;-for-(let-type-in-coupons)-{-if-(coupons[type].includes(couponCode))-{-subscriptionType-=-type;-valid-=-true;-break;-}-}-if-(valid)-{-messageElement.innerHTML-=-"<span-style='color:-green;'>تم-تفعيل-الاشتراك-بنجاح!</span>";-setTimeout(()-=>-{-window.location.reload();-},-2000);-}-else-{-messageElement.innerHTML-=-"<span-style='color:-red;'>القسيمة-غير-صحيحة.</span>";-}-}-</script>-</body>-</html>
