:root{ --tc-blue-1:#071a3a; --tc-blue-2:#0a2a66; --tc-blue-3:#0b3a92; --tc-yellow:#FFD200; --tc-text:#eaf2ff; --tc-muted:rgba(234,242,255,.72); --tc-card:rgba(255,255,255,.06); --tc-stroke:rgba(255,255,255,.12); --tc-shadow: 0 18px 45px rgba(0,0,0,.35); --tc-radius:22px; } .tc-deliten{ direction: rtl; font-family: "Tajawal","Cairo","Noto Kufi Arabic",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color: var(--tc-text); background: radial-gradient(900px 520px at 85% 10%, rgba(255,210,0,.18), transparent 55%), radial-gradient(900px 520px at 15% 10%, rgba(59,130,246,.18), transparent 55%), linear-gradient(180deg, var(--tc-blue-1), var(--tc-blue-2) 55%, #061635); border-radius: var(--tc-radius); padding: 26px; box-shadow: var(--tc-shadow); overflow:hidden; } .tc-deliten *{ box-sizing:border-box; } .tc-topbar{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; } .tc-brand{ display:flex; align-items:center; gap:12px; } .tc-logo{ width:44px; height:44px; border-radius:14px; background: radial-gradient(16px 16px at 35% 35%, rgba(255,210,0,.65), transparent 70%), linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.02)); border: 1px solid var(--tc-stroke); display:grid; place-items:center; } .tc-logo span{ font-weight:900; color:var(--tc-yellow); letter-spacing:.5px; } .tc-titlewrap h1{ margin:0; font-size:22px; line-height:1.35; font-weight:900; } .tc-titlewrap p{ margin:6px 0 0; color:var(--tc-muted); font-size:14px; line-height:1.7; max-width: 980px; } .tc-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-start; } .tc-btn{ appearance:none; border:1px solid var(--tc-stroke); background: rgba(255,255,255,.06); color: var(--tc-text); padding: 11px 14px; border-radius: 14px; font-weight:800; text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition: transform .15s ease, background .15s ease, border-color .15s ease; user-select:none; } .tc-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.18); } .tc-btn-primary{ background: linear-gradient(135deg, rgba(255,210,0,.95), rgba(255,210,0,.72)); color:#071a3a; border-color: rgba(255,210,0,.55); } .tc-btn-primary:hover{ background: linear-gradient(135deg, rgba(255,210,0,1), rgba(255,210,0,.78)); } .tc-lang{ display:flex; gap:8px; align-items:center; background: rgba(255,255,255,.05); border:1px solid var(--tc-stroke); border-radius: 999px; padding: 6px; } .tc-lang button{ border:0; background:transparent; color:var(--tc-muted); padding:8px 12px; border-radius: 999px; cursor:pointer; font-weight:900; transition: background .15s ease, color .15s ease; } .tc-lang button.active{ background: rgba(255,210,0,.22); color: var(--tc-yellow); } .tc-hero{ display:grid; grid-template-columns: 1.25fr .9fr; gap: 18px; margin-top: 16px; } .tc-card{ background: var(--tc-card); border: 1px solid var(--tc-stroke); border-radius: var(--tc-radius); padding: 18px; box-shadow: 0 10px 25px rgba(0,0,0,.22); } .tc-badge{ display:inline-flex; align-items:center; gap:8px; padding: 8px 12px; border-radius: 999px; border:1px solid rgba(255,210,0,.35); background: rgba(255,210,0,.12); color: var(--tc-yellow); font-weight:900; font-size:13px; margin-bottom: 10px; } .tc-hero h2{ margin:0; font-size:20px; line-height:1.4; font-weight:1000; } .tc-hero .tc-lead{ margin:10px 0 0; color: var(--tc-muted); line-height:1.9; font-size:14px; } .tc-features{ margin-top: 14px; display:grid; gap:10px; } .tc-feature{ display:flex; gap:10px; align-items:flex-start; padding: 12px; border-radius: 16px; border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.10); } .tc-check{ width:26px; height:26px; border-radius: 9px; background: rgba(255,210,0,.18); border:1px solid rgba(255,210,0,.35); display:grid; place-items:center; flex: 0 0 auto; color: var(--tc-yellow); font-weight:1000; } .tc-feature b{ display:block; margin:0 0 3px; } .tc-feature span{ color: var(--tc-muted); font-size:13px; line-height:1.7; } .tc-media{ position:relative; display:grid; gap:12px; overflow:hidden; } .tc-hero-img{ width:100%; display:block; border-radius: 22px; border:1px solid rgba(255,255,255,.14); box-shadow: 0 22px 55px rgba(0,0,0,.35); background: rgba(0,0,0,.15); } .tc-media-row{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; } .tc-media-badge{ position:absolute; top: 14px; left: 14px; padding: 8px 10px; border-radius: 999px; background: rgba(7,26,58,.55); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(6px); font-weight:1000; color: var(--tc-yellow); display:flex; gap:8px; align-items:center; } .tc-section-title{ margin: 20px 0 10px; font-size: 18px; font-weight:1000; } .tc-grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; } .tc-mini h3{ margin:0; font-size:15px; font-weight:1000; } .tc-mini p{ margin:8px 0 0; color: var(--tc-muted); line-height:1.85; font-size:13px; } /* EN mode */ .tc-deliten[data-lang="en"]{ direction:ltr; } .tc-deliten[data-lang="en"] .tc-actions{ justify-content:flex-end; } /* Responsive */ @media (max-width: 980px){ .tc-hero{ grid-template-columns: 1fr; } .tc-grid-2{ grid-template-columns: 1fr; } .tc-topbar{ flex-direction:column; align-items:flex-start; } .tc-actions{ width:100%; } .tc-media-row{ grid-template-columns: 1fr; } }
<h1 class="tc-i18n" data-ar="مرحبًا بكم في DeliTen – حلّكم الأمثل لتجربة طعام متكاملة!" data-en="Welcome to DeliTen — your ultimate solution for a complete food experience!"> <p class="tc-i18n" data-ar="في DeliTen نعمل على إعادة ابتكار تجربة تناول الطعام لكلٍّ من الزبائن وأصحاب المطاعم. من خلال تطبيقات مبتكرة، نمنح محبّي الطعام طريقة سهلة لاكتشاف المطاعم والأطباق، كما نتيح لأصحاب المطاعم تنظيم طلباتهم ومنيوهاتهم بطريقة احترافية وسهلة." data-en="At DeliTen, we reinvent dining for both customers and restaurant owners. With innovative apps, we help food lovers discover places and dishes easily, while empowering restaurants to manage menus and orders professionally.">

🍔
<h2 class="tc-i18n" data-ar="تطبيق للزبائن الباحثين عن تجربة طلب طعام ذكية وسهلة" data-en="A smart, easy food-ordering experience for customers"> <p class="tc-lead tc-i18n" data-ar="يُعدّ DeliTen التطبيق المخصّص للزبائن الباحثين عن تجربة طلب طعام ذكية وسهلة الاستخدام. يمنحك التطبيق القدرة على استكشاف المطاعم، تصفّح المنيو بتفاصيل دقيقة، وإرسال الطلبات بسرعة وبخطوات بسيطة دون أي تعقيد." data-en="DeliTen is designed for customers who want a smart, easy ordering experience. Explore restaurants, browse detailed menus, and place orders quickly with simple steps.">

✓
✓
✓
✓
📲DeliTen
<img class="tc-hero-img" src="https://tenecall.ps/wp-content/uploads/2023/11/New-Project-6-1.png" alt="DeliTen app preview">
<img class="tc-hero-img" src="https://tenecall.ps/wp-content/uploads/2023/11/Screenshot-2023-11-30-141955.png" alt="DeliTen screenshot"> <img class="tc-hero-img" src="https://tenecall.ps/wp-content/uploads/2024/06/unnamed.png" alt="Deliten Customer App">

<p class="tc-i18n" data-ar="تجربة متكاملة لاكتشاف المطاعم والأطباق — كل شيء في تطبيق واحد." data-en="A complete experience to discover restaurants and dishes — all in one app.">

<p class="tc-i18n" data-ar="ادخل إلى عالم متنوع من النكهات — من الوجبات السريعة إلى الأطباق العالمية." data-en="Dive into a world of flavors — from fast food to global dishes.">

<p class="tc-i18n" data-ar="تعرّف على أفضل المطاعم القريبة، وجرّب أماكن جديدة، وادعم الأعمال المحلية." data-en="Find the best nearby restaurants, try new places, and support local businesses.">. Jorge trish stratus naked nude

<p class="tc-i18n" data-ar="اختر أطباقك، خصّص طلبك، وتتبّع الحالة لحظة بلحظة حتى الاستلام أو التوصيل." data-en="Pick your favorites, customize your order, and track status in real time.">

(function(){ const root = document.getElementById('tcDeliten'); const btnAR = document.getElementById('tcLangAR'); const btnEN = document.getElementById('tcLangEN'); function setLang(lang){ root.dataset.lang = lang; btnAR.classList.toggle('active', lang === 'ar'); btnEN.classList.toggle('active', lang === 'en'); root.querySelectorAll('.tc-i18n').forEach(el=>{ const v = el.getAttribute(lang === 'ar' ? 'data-ar' : 'data-en'); if (v !== null) el.textContent = v; }); } btnAR.addEventListener('click', ()=>setLang('ar')); btnEN.addEventListener('click', ()=>setLang('en')); setLang('ar'); })();