<style> @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Tajawal:wght@400;500;700;800&display=swap'); .gr-page * { box-sizing: border-box; margin: 0; padding: 0; } .gr-page { font-family: 'Tajawal', sans-serif; background: #060a14; color: #e2e8f0; direction: rtl; padding: 0; margin: 0; line-height: 1.8; } /* ===== HERO ===== */ .gr-hero { background: linear-gradient(135deg, #060a14 0%, #0d1526 100%); border-bottom: 1px solid rgba(56,189,248,0.15); padding: 4rem 1.5rem; text-align: center; position: relative; overflow: hidden; } .gr-hero::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(56,189,248,0.12), transparent 70%); border-radius: 50%; pointer-events: none; } .gr-eyebrow { display: inline-block; background: rgba(56,189,248,0.1); border: 1px solid rgba(56,189,248,0.3); color: #38bdf8; font-family: 'Cairo', sans-serif; font-size: 0.85rem; font-weight: 700; padding: 0.4rem 1.2rem; border-radius: 999px; margin-bottom: 1.5rem; } .gr-hero h1 { font-family: 'Cairo', sans-serif; font-size: clamp(1.8rem, 5vw, 3rem); font-weight: 900; color: #ffffff; line-height: 1.3; margin-bottom: 1.2rem; } .gr-hero h1 span { background: linear-gradient(135deg, #38bdf8, #f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .gr-hero p { color: #94a3b8; font-size: 1.05rem; max-width: 640px; margin: 0 auto 2rem; line-height: 1.9; } .gr-hero p strong { color: #e2e8f0; } /* Stats */ .gr-stats { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem; margin-top: 1rem; } .gr-stat { text-align: center; } .gr-stat-num { display: block; font-family: 'Cairo', sans-serif; font-size: 1.8rem; font-weight: 900; color: #38bdf8; } .gr-stat-label { font-size: 0.82rem; color: #94a3b8; } /* ===== SECTION WRAPPER ===== */ .gr-section { padding: 3.5rem 1.5rem; max-width: 1100px; margin: 0 auto; } .gr-section-title { text-align: center; margin-bottom: 2.5rem; } .gr-divider { width: 50px; height: 3px; background: linear-gradient(90deg, #38bdf8, #f59e0b); border-radius: 999px; margin: 0 auto 1rem; } .gr-section-title h2 { font-family: 'Cairo', sans-serif; font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 800; color: #ffffff; margin-bottom: 0.6rem; } .gr-section-title p { color: #94a3b8; font-size: 0.97rem; max-width: 520px; margin: 0 auto; } /* ===== STORY ===== */ .gr-story-bg { background: #0d1526; border-top: 1px solid rgba(56,189,248,0.1); border-bottom: 1px solid rgba(56,189,248,0.1); } .gr-story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: start; } @media (max-width: 700px) { .gr-story-grid { grid-template-columns: 1fr; } } .gr-story-text h2 { font-family: 'Cairo', sans-serif; font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; color: #ffffff; margin-bottom: 1rem; } .gr-story-text p { color: #94a3b8; font-size: 1rem; margin-bottom: 0.9rem; } .gr-story-text p strong { color: #e2e8f0; } .gr-timeline-box { background: #111d35; border: 1px solid rgba(56,189,248,0.15); border-radius: 1.2rem; padding: 2rem 1.5rem; } .gr-timeline-label { font-family: 'Cairo', sans-serif; font-size: 0.9rem; font-weight: 700; color: #38bdf8; margin-bottom: 1.4rem; } .gr-tl-item { display: flex; gap: 1rem; margin-bottom: 1.3rem; align-items: flex-start; } .gr-tl-dot { flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%; background: rgba(56,189,248,0.1); border: 1px solid rgba(56,189,248,0.3); display: flex; align-items: center; justify-content: center; font-size: 1rem; } .gr-tl-content strong { display: block; font-family: 'Cairo', sans-serif; font-weight: 700; color: #e2e8f0; font-size: 0.93rem; margin-bottom: 0.2rem; } .gr-tl-content span { font-size: 0.85rem; color: #94a3b8; } /* ===== PILLARS ===== */ .gr-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; } @media (max-width: 800px) { .gr-pillars { grid-template-columns: 1fr; } } .gr-card { background: #111d35; border: 1px solid rgba(56,189,248,0.12); border-radius: 1.2rem; padding: 2rem 1.5rem; position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .gr-card:hover { transform: translateY(-5px); box-shadow: 0 16px 48px rgba(56,189,248,0.1); } .gr-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; border-radius: 0 0 1.2rem 1.2rem; } .gr-card.c-blue::after { background: linear-gradient(90deg, #38bdf8, #60a5fa); } .gr-card.c-gold::after { background: linear-gradient(90deg, #f59e0b, #fbbf24); } .gr-card.c-green::after { background: linear-gradient(90deg, #10b981, #34d399); } .gr-card-icon { font-size: 1.6rem; width: 52px; height: 52px; border-radius: 0.8rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1.2rem; } .c-blue .gr-card-icon { background: rgba(56,189,248,0.1); } .c-gold .gr-card-icon { background: rgba(245,158,11,0.1); } .c-green .gr-card-icon { background: rgba(16,185,129,0.1); } .gr-card-tag { display: inline-block; font-family: 'Cairo', sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; padding: 0.2rem 0.65rem; border-radius: 999px; margin-bottom: 0.7rem; } .c-blue .gr-card-tag { background: rgba(56,189,248,0.1); color: #38bdf8; } .c-gold .gr-card-tag { background: rgba(245,158,11,0.1); color: #f59e0b; } .c-green .gr-card-tag { background: rgba(16,185,129,0.1); color: #10b981; } .gr-card h3 { font-family: 'Cairo', sans-serif; font-size: 1.15rem; font-weight: 800; color: #ffffff; margin-bottom: 0.75rem; } .gr-card p { font-size: 0.93rem; color: #94a3b8; line-height: 1.85; } /* ===== FEATURES ===== */ .gr-features-bg { background: #0d1526; border-top: 1px solid rgba(56,189,248,0.1); border-bottom: 1px solid rgba(56,189,248,0.1); } .gr-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } @media (max-width: 600px) { .gr-features { grid-template-columns: 1fr; } } .gr-feat-item { background: #111d35; border: 1px solid rgba(56,189,248,0.1); border-radius: 0.9rem; padding: 1.4rem 1.3rem; display: flex; gap: 1rem; align-items: flex-start; transition: border-color 0.3s; } .gr-feat-item:hover { border-color: rgba(56,189,248,0.3); } .gr-feat-icon { font-size: 1.4rem; width: 44px; height: 44px; flex-shrink: 0; border-radius: 0.6rem; background: rgba(56,189,248,0.08); display: flex; align-items: center; justify-content: center; } .gr-feat-text h4 { font-family: 'Cairo', sans-serif; font-size: 0.97rem; font-weight: 700; color: #e2e8f0; margin-bottom: 0.3rem; } .gr-feat-text p { font-size: 0.88rem; color: #94a3b8; line-height: 1.7; } /* ===== AUDIENCE ===== */ .gr-audience { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } @media (max-width: 700px) { .gr-audience { grid-template-columns: 1fr; } } .gr-aud-card { background: #111d35; border: 1px solid rgba(56,189,248,0.12); border-radius: 1rem; padding: 1.8rem 1.3rem; text-align: center; transition: transform 0.3s; } .gr-aud-card:hover { transform: translateY(-4px); } .gr-aud-emoji { font-size: 2rem; margin-bottom: 0.9rem; display: block; } .gr-aud-card h4 { font-family: 'Cairo', sans-serif; font-size: 1rem; font-weight: 700; color: #e2e8f0; margin-bottom: 0.5rem; } .gr-aud-card p { font-size: 0.87rem; color: #94a3b8; line-height: 1.7; } /* ===== PROMISE ===== */ .gr-promise { background: linear-gradient(135deg, rgba(14,165,233,0.08), rgba(245,158,11,0.05)); border: 1px solid rgba(56,189,248,0.2); border-radius: 1.4rem; padding: 3.5rem 2rem; text-align: center; } .gr-promise h2 { font-family: 'Cairo', sans-serif; font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 900; color: #ffffff; margin-bottom: 1rem; } .gr-promise p { color: #94a3b8; max-width: 580px; margin: 0 auto 2rem; font-size: 1rem; line-height: 1.9; } .gr-btn { display: inline-block; background: linear-gradient(135deg, #38bdf8, #0ea5e9); color: #000000 !important; font-family: 'Cairo', sans-serif; font-weight: 800; font-size: 1rem; padding: 0.85rem 2rem; border-radius: 999px; text-decoration: none !important; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 4px 20px rgba(56,189,248,0.35); } .gr-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(56,189,248,0.5); } /* ===== FOOTER ===== */ .gr-footer { background: #060a14; border-top: 1px solid rgba(56,189,248,0.1); text-align: center; padding: 2rem 1.5rem; font-size: 0.88rem; color: #94a3b8; } .gr-footer a { color: #38bdf8; text-decoration: none; font-weight: 600; } </style> <!--==================== PAGE START ====================--> <div class="gr-page"> <!--HERO--> <div class="gr-hero"> <div class="gr-eyebrow">🤖 من نحن؟</div> <h1>حيث يلتقي <span>الذكاء الاصطناعي</span><br />بالطموح العربي</h1> <p> منذ عام 2022، ونحن نؤمن بأن المعرفة التقنية حق للجميع. <strong>GoodRobotiQ</strong> ليست مجرد مدونة — بل هي رفيقك في رحلة فهم عالم الذكاء الاصطناعي والتجارة الإلكترونية، وتحويل ذلك الفهم إلى دخل حقيقي. </p> <div class="gr-stats"> <div class="gr-stat"> <span class="gr-stat-num">2022</span> <span class="gr-stat-label">عام التأسيس</span> </div> <div class="gr-stat"> <span class="gr-stat-num">+22</span> <span class="gr-stat-label">دولة عربية نخدمها</span> </div> <div class="gr-stat"> <span class="gr-stat-num">100%</span> <span class="gr-stat-label">محتوى عربي أصيل</span> </div> <div class="gr-stat"> <span class="gr-stat-num">AI</span> <span class="gr-stat-label">تخصصنا الأول</span> </div> </div> </div> <!--STORY--> <div class="gr-story-bg"> <div class="gr-section"> <div class="gr-story-grid"> <div class="gr-story-text"> <div class="gr-divider" style="margin: 0px 0px 1rem;"></div> <h2>قصة بدأت بسؤال بسيط</h2> <p> في عالم يتسارع فيه التطور التقني بشكل لم نشهده من قبل، لاحظنا <strong>فجوة واسعة</strong> في المحتوى العربي المتخصص الذي يتحدث عن الذكاء الاصطناعي والتجارة الإلكترونية بشكل عملي وأمين. </p> <p> كان السؤال الذي دفعنا للانطلاق: <strong>لماذا لا يجد المتحدث بالعربية محتوى احترافياً يساعده على توظيف هذه الأدوات لصالحه؟</strong> </p> <p> من هذا الإحساس بالمسؤولية وُلدت <strong>GoodRobotiQ</strong> — منصة تضع المعرفة التقنية بين يدي كل عربي يسعى للتطور والربح عبر الإنترنت. </p> </div> <div class="gr-timeline-box"> <div class="gr-timeline-label">🗺️ رحلتنا حتى اليوم</div> <div class="gr-tl-item"> <div class="gr-tl-dot">🚀</div> <div class="gr-tl-content"> <strong>2022 — الانطلاقة</strong> <span>تأسيس المدونة برؤية واضحة: تمكين العربي تقنياً.</span> </div> </div> <div class="gr-tl-item"> <div class="gr-tl-dot">🤖</div> <div class="gr-tl-content"> <strong>مرحلة الذكاء الاصطناعي</strong> <span>توسعنا نحو تغطية أدوات AI الأكثر تأثيراً في السوق.</span> </div> </div> <div class="gr-tl-item"> <div class="gr-tl-dot">🛒</div> <div class="gr-tl-content"> <strong>التجارة الإلكترونية</strong> <span>شروحات عملية لأسواق العمل والتجارة الرقمية.</span> </div> </div> <div class="gr-tl-item"> <div class="gr-tl-dot">🌍</div> <div class="gr-tl-content"> <strong>اليوم</strong> <span>نصل إلى قراء في جميع أرجاء الوطن العربي ونستمر في النمو.</span> </div> </div> </div> </div> </div> </div> <!--PILLARS--> <div class="gr-section"> <div class="gr-section-title"> <div class="gr-divider"></div> <h2>ما الذي يقودنا؟</h2> <p>ثلاثة محاور تُشكّل هوية GoodRobotiQ وتحدد كل قرار نتخذه</p> </div> <div class="gr-pillars"> <div class="gr-card c-blue"> <div class="gr-card-icon">🔭</div> <div class="gr-card-tag">رؤيتنا</div> <h3>عالم عربي رقمي متمكّن</h3> <p> نؤمن بعالم يستخدم فيه كل عربي الذكاء الاصطناعي والتجارة الإلكترونية كأدوات لتحرير إمكاناته وبناء مستقبل مالي مستقل — بلغته وبشروطه. </p> </div> <div class="gr-card c-gold"> <div class="gr-card-icon">🎯</div> <div class="gr-card-tag">مهمتنا</div> <h3>تحويل التعقيد إلى وضوح</h3> <p> تقديم محتوى تقني عربي عميق وموضوعي وحديث، يُبسّط أدوات الذكاء الاصطناعي والتجارة الإلكترونية ويضعها في سياق عملي يصلح للتطبيق الفوري. </p> </div> <div class="gr-card c-green"> <div class="gr-card-icon">💡</div> <div class="gr-card-tag">لماذا نحن؟</div> <h3>أمانة المعلومة قبل كل شيء</h3> <p> لا نروّج لأداة لمجرد الترويج. كل مقال يضم إيجابيات وسلبيات واضحة — لأن ثقتك أغلى عندنا من أي شيء آخر. </p> </div> </div> </div> <!--FEATURES--> <div class="gr-features-bg"> <div class="gr-section"> <div class="gr-section-title"> <div class="gr-divider"></div> <h2>ما الذي يجعلنا مختلفين؟</h2> <p>هذه المعايير تجعلنا وجهة موثوقة لكل باحث عن المعرفة التقنية</p> </div> <div class="gr-features"> <div class="gr-feat-item"> <div class="gr-feat-icon">⚡</div> <div class="gr-feat-text"> <h4>مواكبة أحدث التريندات</h4> <p>نتابع عالم الذكاء الاصطناعي لحظة بلحظة ونُوصل إليك كل جديد بأسرع وقت.</p> </div> </div> <div class="gr-feat-item"> <div class="gr-feat-icon">⚖️</div> <div class="gr-feat-text"> <h4>تحليل موضوعي وشفاف</h4> <p>لكل مقال نستعرض الإيجابيات والسلبيات بصدق، لأن هدفنا مصلحتك لا الإعلان.</p> </div> </div> <div class="gr-feat-item"> <div class="gr-feat-icon">🎓</div> <div class="gr-feat-text"> <h4>تخصص دقيق لا تشتت</h4> <p>نركّز على AI والتجارة الإلكترونية ونتعمق فيهما بدل التشتت في كل المجالات.</p> </div> </div> <div class="gr-feat-item"> <div class="gr-feat-icon">💰</div> <div class="gr-feat-text"> <h4>تركيز على الربح العملي</h4> <p>كل شرح يهدف لنتيجة ملموسة: كيف تُحوّل هذه الأداة إلى مصدر دخل؟</p> </div> </div> <div class="gr-feat-item"> <div class="gr-feat-icon">🌐</div> <div class="gr-feat-text"> <h4>محتوى عربي أصيل 100%</h4> <p>كل كلمة تُكتب بالعربية وتراعي السياق الثقافي والمالي للقارئ العربي.</p> </div> </div> <div class="gr-feat-item"> <div class="gr-feat-icon">🔄</div> <div class="gr-feat-text"> <h4>تحديث مستمر</h4> <p>نراجع مقالاتنا ونُحدّثها بانتظام لأن عالم الـ AI يتغير بشكل متسارع.</p> </div> </div> </div> </div> </div> <!--AUDIENCE--> <div class="gr-section"> <div class="gr-section-title"> <div class="gr-divider"></div> <h2>لمن نكتب؟</h2> <p>مدونة GoodRobotiQ صُمّمت خصيصاً لهؤلاء</p> </div> <div class="gr-audience"> <div class="gr-aud-card"> <span class="gr-aud-emoji">🛍️</span> <h4>رواد التجارة الإلكترونية</h4> <p>من يريد بناء متجر رقمي ناجح أو تطوير أعماله التجارية عبر الإنترنت.</p> </div> <div class="gr-aud-card"> <span class="gr-aud-emoji">🤖</span> <h4>مستخدمو أدوات الـ AI</h4> <p>من يريد فهم وتوظيف ChatGPT وغيره من الأدوات في عمله اليومي بكفاءة.</p> </div> <div class="gr-aud-card"> <span class="gr-aud-emoji">💻</span> <h4>الباحثون عن الربح الرقمي</h4> <p>من يسعى لتحقيق دخل من الإنترنت عبر الفريلانس أو المشاريع الرقمية.</p> </div> </div> </div> <!--PROMISE--> <div class="gr-section" style="padding-top: 0px;"> <div class="gr-promise"> <h2>⭐ وعدنا لك: معلومة أمينة — كل مرة</h2> <p> نعلم أن وقتك ثمين وأن قراراتك المالية مهمة. لذلك التزمنا منذ اليوم الأول بأن يكون كل محتوى نقدمه دقيقاً، مُحدَّثاً، وخادماً لمصلحتك وحدك — لا للإعلان ولا للترويج الأعمى. </p> <a class="gr-btn" href="https://goodrobotiq.com">🚀 استكشف المدونة الآن</a> </div> </div> <!--FOOTER--> <div class="gr-footer"> © 2022–2026 <a href="https://goodrobotiq.com">GoodRobotiQ.com</a> — جميع الحقوق محفوظة. صُنع بشغف للقارئ العربي 🤍 </div> </div> <!--==================== PAGE END ====================-->