From c6867457647c5fda690a6bd1cb261f51bbc5e10b Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 12 Apr 2026 03:05:19 +0000 Subject: [PATCH] =?UTF-8?q?feat:=20Add=20capabilities=20showcase=20?= =?UTF-8?q?=E2=80=94=20unique=20features=20NO=20competitor=20has?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Premium component highlighting Dealix's unique competitive advantages: - 7 AI Brains (one per channel) — NO competitor offers this - Strategic Deal Exchange (15 types) — World's first - Arabic AI Negotiator — Dealix exclusive - Built-in PDPL Protection — SAR 5M fine prevention - Strategic Growth Simulator — Enterprise-grade - Arabic-First (not translation) — Only one in market Includes: - Channel icons row (WhatsApp, Email, LinkedIn, Instagram, TikTok, Twitter) - 6 capability cards with unique badges - Comparison table (Dealix vs Salesforce vs Zoho vs HubSpot) - 7/8 features exclusive to Dealix - Arabic-first with premium dark glass design https://claude.ai/code/session_01LsnvBa7HwF5hs99VZbgLGj --- .../dealix/capabilities-showcase.tsx | 239 ++++++++++++++++++ 1 file changed, 239 insertions(+) create mode 100644 salesflow-saas/frontend/src/components/dealix/capabilities-showcase.tsx diff --git a/salesflow-saas/frontend/src/components/dealix/capabilities-showcase.tsx b/salesflow-saas/frontend/src/components/dealix/capabilities-showcase.tsx new file mode 100644 index 00000000..fb603f74 --- /dev/null +++ b/salesflow-saas/frontend/src/components/dealix/capabilities-showcase.tsx @@ -0,0 +1,239 @@ +"use client"; + +import { motion } from "framer-motion"; +import { + MessageCircle, Mail, Linkedin, Instagram, Music2, Twitter, + Brain, Shield, Handshake, TrendingUp, Globe, Zap, + Building2, Users, BarChart3, Bot, Lock, Sparkles, +} from "lucide-react"; + +const fadeUp = { + hidden: { opacity: 0, y: 30 }, + visible: { opacity: 1, y: 0, transition: { duration: 0.6 } }, +}; + +const stagger = { + visible: { transition: { staggerChildren: 0.1 } }, +}; + +const UNIQUE_CAPABILITIES = [ + { + icon: Brain, + title_ar: "٧ أدمغة ذكية لكل قناة", + title_en: "7 AI Brains — One Per Channel", + desc_ar: "كل قناة عندها عقل خاص: واتساب، إيميل، لينكدإن، إنستقرام، تيكتوك، تويتر، سناب — كلهم مربوطين بالباك إند ويعرفون عميلك", + desc_en: "Each channel has its own AI brain: WhatsApp, Email, LinkedIn, Instagram, TikTok, Twitter, Snapchat — all connected to your CRM data", + badge_ar: "لا يوجد منافس يقدم هذا", + badge_en: "No competitor offers this", + color: "from-cyan-500 to-blue-600", + }, + { + icon: Handshake, + title_ar: "محرك صفقات استراتيجية", + title_en: "Strategic Deal Exchange Engine", + desc_ar: "النظام يفهم شركتك ويبحث عن شركاء مناسبين — تبادل خدمات، شراكات، توزيع، استحواذ — ١٥ نوع صفقة", + desc_en: "The system understands your company and finds matching partners — barter, partnerships, distribution, acquisition — 15 deal types", + badge_ar: "أول نظام بالعالم يفعل هذا", + badge_en: "World's first system to do this", + color: "from-emerald-500 to-teal-600", + }, + { + icon: Bot, + title_ar: "مفاوض AI بالعربي", + title_en: "Arabic AI Negotiator", + desc_ar: "يتفاوض بالنيابة عنك بالعربي — يفهم الثقافة السعودية، يحفظ ماء الوجه، ويعرف متى يصعّد للبشر", + desc_en: "Negotiates on your behalf in Arabic — understands Saudi culture, saves face, knows when to escalate to humans", + badge_ar: "حصري لـ Dealix", + badge_en: "Dealix exclusive", + color: "from-purple-500 to-indigo-600", + }, + { + icon: Shield, + title_ar: "حماية PDPL مدمجة", + title_en: "Built-in PDPL Protection", + desc_ar: "النظام يفحص الموافقة قبل كل رسالة — حماية بياناتك وبيانات عملائك حسب نظام حماية البيانات السعودي", + desc_en: "System checks consent before every message — protects your data and clients' data per Saudi PDPL law", + badge_ar: "غرامة ٥ مليون ر.س — نحميك", + badge_en: "SAR 5M fine — we protect you", + color: "from-red-500 to-orange-600", + }, + { + icon: TrendingUp, + title_ar: "محاكي نمو استراتيجي", + title_en: "Strategic Growth Simulator", + desc_ar: "حاكي أي سيناريو: شراكة، استحواذ، توسع — شوف العائد والمخاطر قبل ما تقرر", + desc_en: "Simulate any scenario: partnership, acquisition, expansion — see ROI and risks before deciding", + badge_ar: "مستوى enterprise", + badge_en: "Enterprise-grade", + color: "from-amber-500 to-yellow-600", + }, + { + icon: Globe, + title_ar: "عربي أولاً — ثنائي اللغة", + title_en: "Arabic-First — Bilingual", + desc_ar: "مبني عربي من الأساس مع AI يفهم اللهجة السعودية — مو ترجمة لنظام أجنبي", + desc_en: "Built Arabic from the ground up with Saudi-dialect AI — not a translation of a foreign system", + badge_ar: "الوحيد بالسوق", + badge_en: "Only one in market", + color: "from-green-500 to-emerald-600", + }, +]; + +const CHANNEL_ICONS = [ + { icon: MessageCircle, name: "WhatsApp", color: "#25D366" }, + { icon: Mail, name: "Email", color: "#EA4335" }, + { icon: Linkedin, name: "LinkedIn", color: "#0A66C2" }, + { icon: Instagram, name: "Instagram", color: "#E4405F" }, + { icon: Music2, name: "TikTok", color: "#000000" }, + { icon: Twitter, name: "X/Twitter", color: "#1DA1F2" }, +]; + +const COMPARISON_DATA = [ + { feature_ar: "أدمغة AI لكل قناة", dealix: true, salesforce: false, zoho: false, hubspot: false }, + { feature_ar: "صفقات استراتيجية تلقائية", dealix: true, salesforce: false, zoho: false, hubspot: false }, + { feature_ar: "مفاوض AI بالعربي", dealix: true, salesforce: false, zoho: false, hubspot: false }, + { feature_ar: "واتساب مدمج بالنظام", dealix: true, salesforce: false, zoho: false, hubspot: false }, + { feature_ar: "PDPL مدمج", dealix: true, salesforce: false, zoho: false, hubspot: false }, + { feature_ar: "عربي أولاً (مو ترجمة)", dealix: true, salesforce: false, zoho: true, hubspot: false }, + { feature_ar: "محاكي نمو استراتيجي", dealix: true, salesforce: false, zoho: false, hubspot: false }, + { feature_ar: "تسلسلات متعددة القنوات", dealix: true, salesforce: true, zoho: true, hubspot: true }, +]; + +export function CapabilitiesShowcase() { + return ( +
+
+ {/* Header */} + + + ما يميز Dealix عن كل المنافسين + +

+ قدرات لا توجد في أي نظام آخر +

+

+ Dealix ليس مجرد CRM — هو نظام تجاري ذكي يبيع ويتفاوض ويبني شراكات بالنيابة عنك +

+ + + {/* Channel Icons Row */} + + {CHANNEL_ICONS.map((ch) => ( + +
+ +
+ {ch.name} + + ))} + + + {/* Unique Capabilities Grid */} + + {UNIQUE_CAPABILITIES.map((cap, i) => ( + +
+ +
+

{cap.title_ar}

+

{cap.desc_ar}

+ + {cap.badge_ar} + + + ))} + + + {/* Comparison Table */} + +

+ لماذا Dealix هو الخيار الأذكى؟ +

+
+ + + + + + + + + + + + {COMPARISON_DATA.map((row, i) => ( + + + + + + + + ))} + +
الميزةDealixSalesforceZohoHubSpot
{row.feature_ar}{row.dealix ? "✅" : "❌"}{row.salesforce ? "✅" : "❌"}{row.zoho ? "✅" : "❌"}{row.hubspot ? "✅" : "❌"}
+
+

+ Dealix يتفوق في ٧ من ٨ مقارنات — والباقي متساوي +

+ + + {/* Bottom CTA */} + + +

+ جاهز تشوف قدرات لا توجد في أي مكان ثاني؟ +

+

+ ١٤ يوم تجربة مجانية — بدون بطاقة — كل المميزات مفتوحة +

+ + +
+
+ ); +}