{"id":2443,"date":"2026-02-08T22:11:31","date_gmt":"2026-02-08T21:11:31","guid":{"rendered":"https:\/\/baderinfo.com\/?page_id=2443"},"modified":"2026-02-08T22:15:27","modified_gmt":"2026-02-08T21:15:27","slug":"card-nfc","status":"publish","type":"page","link":"https:\/\/baderinfo.com\/?page_id=2443","title":{"rendered":"Card NFC"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n NFC Pro - \u0628\u0637\u0627\u0642\u0627\u062a NFC \u0627\u0644\u0630\u0643\u064a\u0629<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800&family=Poppins:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n \r\n :root {\r\n --primary: #0f172a;\r\n --secondary: #ffffff;\r\n --accent: #3b82f6;\r\n --accent-hover: #2563eb;\r\n --text: #334155;\r\n }\r\n \r\n .font-ar {\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n \r\n .font-en {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n .gradient-bg {\r\n background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);\r\n }\r\n \r\n .card-gradient {\r\n background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);\r\n }\r\n \r\n .glow {\r\n box-shadow: 0 0 60px rgba(59, 130, 246, 0.3);\r\n }\r\n \r\n .nfc-card {\r\n perspective: 1000px;\r\n }\r\n \r\n .nfc-card-inner {\r\n transition: transform 0.8s;\r\n transform-style: preserve-3d;\r\n }\r\n \r\n .nfc-card:hover .nfc-card-inner {\r\n transform: rotateY(15deg) rotateX(5deg);\r\n }\r\n \r\n .float-animation {\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n \r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-20px); }\r\n }\r\n \r\n .pulse-ring {\r\n animation: pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;\r\n }\r\n \r\n @keyframes pulse-ring {\r\n 0% { transform: scale(0.8); opacity: 1; }\r\n 100% { transform: scale(2); opacity: 0; }\r\n }\r\n \r\n .scroll-smooth {\r\n scroll-behavior: smooth;\r\n }\r\n \r\n .btn-primary {\r\n background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 40px rgba(59, 130, 246, 0.4);\r\n }\r\n \r\n .feature-card {\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .feature-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n \r\n .price-card {\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .price-card:hover {\r\n transform: scale(1.05);\r\n }\r\n \r\n .price-card.featured {\r\n transform: scale(1.05);\r\n }\r\n \r\n .price-card.featured:hover {\r\n transform: scale(1.1);\r\n }\r\n \r\n [dir=\"ltr\"] .font-main {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n [dir=\"rtl\"] .font-main {\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-main scroll-smooth h-full w-full overflow-auto\">\r\n \r\n <!-- Navigation -->\r\n <nav id=\"navbar\" class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between items-center h-20\">\r\n <!-- Logo -->\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-blue-700 flex items-center justify-center\">\r\n <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span id=\"logo-text\" class=\"text-2xl font-bold text-white\">NFC Pro<\/span>\r\n <\/div>\r\n \r\n <!-- Desktop Menu -->\r\n <div class=\"hidden md:flex items-center gap-8\">\r\n <a href=\"#features\" class=\"nav-link text-white\/80 hover:text-white transition-colors\" data-ar=\"\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a\" data-en=\"Features\">\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a<\/a>\r\n <a href=\"#products\" class=\"nav-link text-white\/80 hover:text-white transition-colors\" data-ar=\"\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\" data-en=\"Products\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/a>\r\n <a href=\"#pricing\" class=\"nav-link text-white\/80 hover:text-white transition-colors\" data-ar=\"\u0627\u0644\u0623\u0633\u0639\u0627\u0631\" data-en=\"Pricing\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/a>\r\n <a href=\"#how-it-works\" class=\"nav-link text-white\/80 hover:text-white transition-colors\" data-ar=\"\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\" data-en=\"How It Works\">\u0643\u064a\u0641 \u064a\u0639\u0645\u0644<\/a>\r\n <a href=\"#contact\" class=\"nav-link text-white\/80 hover:text-white transition-colors\" data-ar=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\" data-en=\"Contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\r\n <\/div>\r\n \r\n <!-- Language Toggle & CTA -->\r\n <div class=\"flex items-center gap-4\">\r\n <button id=\"lang-toggle\" class=\"flex items-center gap-2 px-4 py-2 rounded-full bg-white\/10 hover:bg-white\/20 transition-colors text-white text-sm font-medium\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\"\/>\r\n <\/svg>\r\n <span id=\"lang-text\">EN<\/span>\r\n <\/button>\r\n <a href=\"#contact\" class=\"hidden sm:inline-flex btn-primary px-6 py-3 rounded-full text-white font-semibold text-sm\" data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646\" data-en=\"Order Now\">\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646<\/a>\r\n \r\n <!-- Mobile Menu Button -->\r\n <button id=\"mobile-menu-btn\" class=\"md:hidden p-2 text-white\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Mobile Menu -->\r\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-slate-900\/95 backdrop-blur-lg\">\r\n <div class=\"px-4 py-6 space-y-4\">\r\n <a href=\"#features\" class=\"nav-link block text-white\/80 hover:text-white py-2\" data-ar=\"\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a\" data-en=\"Features\">\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a<\/a>\r\n <a href=\"#products\" class=\"nav-link block text-white\/80 hover:text-white py-2\" data-ar=\"\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\" data-en=\"Products\">\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/a>\r\n <a href=\"#pricing\" class=\"nav-link block text-white\/80 hover:text-white py-2\" data-ar=\"\u0627\u0644\u0623\u0633\u0639\u0627\u0631\" data-en=\"Pricing\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/a>\r\n <a href=\"#how-it-works\" class=\"nav-link block text-white\/80 hover:text-white py-2\" data-ar=\"\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\" data-en=\"How It Works\">\u0643\u064a\u0641 \u064a\u0639\u0645\u0644<\/a>\r\n <a href=\"#contact\" class=\"nav-link block text-white\/80 hover:text-white py-2\" data-ar=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\" data-en=\"Contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"gradient-bg min-h-screen flex items-center relative overflow-hidden\">\r\n <!-- Background Elements -->\r\n <div class=\"absolute inset-0 overflow-hidden\">\r\n <div class=\"absolute top-20 left-10 w-72 h-72 bg-blue-500\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute bottom-20 right-10 w-96 h-96 bg-blue-600\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[800px] bg-blue-500\/5 rounded-full blur-3xl\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-32 relative z-10\">\r\n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n <!-- Text Content -->\r\n <div class=\"text-center lg:text-start\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-500\/20 text-blue-300 text-sm font-medium mb-6\">\r\n <span class=\"w-2 h-2 bg-blue-400 rounded-full animate-pulse\"><\/span>\r\n <span data-ar=\"\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\" data-en=\"Future Technology\">\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/span>\r\n <\/div>\r\n \r\n <h1 id=\"hero-title\" class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-6\">\r\n <span data-ar=\"\u0628\u0637\u0627\u0642\u0627\u062a\" data-en=\"Smart\">\u0628\u0637\u0627\u0642\u0627\u062a<\/span>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-cyan-300\"> NFC <\/span>\r\n <span data-ar=\"\u0627\u0644\u0630\u0643\u064a\u0629\" data-en=\"NFC Cards\">\u0627\u0644\u0630\u0643\u064a\u0629<\/span>\r\n <\/h1>\r\n \r\n <p class=\"text-lg sm:text-xl text-slate-300 mb-8 max-w-xl mx-auto lg:mx-0\" data-ar=\"\u0634\u0627\u0631\u0643 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0628\u0644\u0645\u0633\u0629 \u0648\u0627\u062d\u062f\u0629! \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0639\u0645\u0644\u0643 \u0628\u062a\u0635\u0645\u064a\u0645 \u0641\u0631\u064a\u062f \u064a\u0639\u0643\u0633 \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\" data-en=\"Share your information with a single tap! Professional cards customized for your business with a unique design that reflects your brand identity.\">\r\n \u0634\u0627\u0631\u0643 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0628\u0644\u0645\u0633\u0629 \u0648\u0627\u062d\u062f\u0629! \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0639\u0645\u0644\u0643 \u0628\u062a\u0635\u0645\u064a\u0645 \u0641\u0631\u064a\u062f \u064a\u0639\u0643\u0633 \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\r\n <a href=\"#pricing\" class=\"btn-primary px-8 py-4 rounded-full text-white font-bold text-lg inline-flex items-center justify-center gap-2\">\r\n <span data-ar=\"\u0627\u0637\u0644\u0628 \u0628\u0637\u0627\u0642\u062a\u0643\" data-en=\"Order Your Card\">\u0627\u0637\u0644\u0628 \u0628\u0637\u0627\u0642\u062a\u0643<\/span>\r\n <svg class=\"w-5 h-5 rtl:rotate-180\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#how-it-works\" class=\"px-8 py-4 rounded-full border-2 border-white\/30 text-white font-semibold hover:bg-white\/10 transition-colors inline-flex items-center justify-center gap-2\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z\"\/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n <\/svg>\r\n <span data-ar=\"\u0634\u0627\u0647\u062f \u0643\u064a\u0641 \u064a\u0639\u0645\u0644\" data-en=\"Watch How It Works\">\u0634\u0627\u0647\u062f \u0643\u064a\u0641 \u064a\u0639\u0645\u0644<\/span>\r\n <\/a>\r\n <\/div>\r\n \r\n <!-- Stats -->\r\n <div class=\"grid grid-cols-3 gap-6 mt-12 pt-12 border-t border-white\/10\">\r\n <div class=\"text-center\">\r\n <div class=\"text-3xl sm:text-4xl font-bold text-white\">+5000<\/div>\r\n <div class=\"text-slate-400 text-sm mt-1\" data-ar=\"\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f\" data-en=\"Happy Clients\">\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-3xl sm:text-4xl font-bold text-white\">+50<\/div>\r\n <div class=\"text-slate-400 text-sm mt-1\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u062c\u0627\u0647\u0632\" data-en=\"Ready Designs\">\u062a\u0635\u0645\u064a\u0645 \u062c\u0627\u0647\u0632<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-3xl sm:text-4xl font-bold text-white\">24\/7<\/div>\r\n <div class=\"text-slate-400 text-sm mt-1\" data-ar=\"\u062f\u0639\u0645 \u0641\u0646\u064a\" data-en=\"Support\">\u062f\u0639\u0645 \u0641\u0646\u064a<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card Visual -->\r\n <div class=\"relative flex justify-center\">\r\n <div class=\"nfc-card float-animation\">\r\n <div class=\"nfc-card-inner relative\">\r\n <!-- Main Card -->\r\n <div class=\"w-80 h-48 sm:w-96 sm:h-56 rounded-3xl card-gradient p-6 glow relative overflow-hidden\">\r\n <!-- NFC Waves -->\r\n <div class=\"absolute top-4 right-4\">\r\n <div class=\"relative\">\r\n <div class=\"w-12 h-12 rounded-full border-2 border-blue-400\/50\"><\/div>\r\n <div class=\"absolute inset-0 w-12 h-12 rounded-full border-2 border-blue-400\/30 pulse-ring\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Chip -->\r\n <div class=\"w-12 h-10 rounded-lg bg-gradient-to-br from-yellow-300 to-yellow-500 mb-6\">\r\n <div class=\"w-full h-full grid grid-cols-3 gap-0.5 p-1\">\r\n <div class=\"bg-yellow-600\/50 rounded-sm\"><\/div>\r\n <div class=\"bg-yellow-600\/50 rounded-sm\"><\/div>\r\n <div class=\"bg-yellow-600\/50 rounded-sm\"><\/div>\r\n <div class=\"bg-yellow-600\/50 rounded-sm\"><\/div>\r\n <div class=\"bg-yellow-600\/50 rounded-sm\"><\/div>\r\n <div class=\"bg-yellow-600\/50 rounded-sm\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card Info -->\r\n <div class=\"absolute bottom-6 left-6 right-6\">\r\n <div class=\"text-white\/60 text-xs mb-1\" data-ar=\"\u0627\u0644\u0627\u0633\u0645\" data-en=\"NAME\">\u0627\u0644\u0627\u0633\u0645<\/div>\r\n <div class=\"text-white font-bold text-lg tracking-wide\" data-ar=\"\u0645\u062d\u0645\u062f \u0623\u062d\u0645\u062f\" data-en=\"JOHN DOE\">\u0645\u062d\u0645\u062f \u0623\u062d\u0645\u062f<\/div>\r\n <div class=\"text-blue-400 text-sm mt-1\" data-ar=\"\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\" data-en=\"CEO\">\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a<\/div>\r\n <\/div>\r\n \r\n <!-- Logo -->\r\n <div class=\"absolute bottom-6 right-6 text-white\/30 font-bold text-xl\">NFC<\/div>\r\n <\/div>\r\n \r\n <!-- Decorative Elements -->\r\n <div class=\"absolute -bottom-4 -right-4 w-32 h-32 bg-blue-500\/20 rounded-full blur-2xl\"><\/div>\r\n <div class=\"absolute -top-4 -left-4 w-24 h-24 bg-cyan-500\/20 rounded-full blur-2xl\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Scroll Indicator -->\r\n <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 animate-bounce\">\r\n <svg class=\"w-6 h-6 text-white\/50\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Features Section -->\r\n <section id=\"features\" class=\"py-24 bg-slate-50\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"inline-block px-4 py-2 rounded-full bg-blue-100 text-blue-600 text-sm font-semibold mb-4\" data-ar=\"\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\u061f\" data-en=\"Why Us?\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\u061f<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold text-slate-900 mb-4\" data-ar=\"\u0645\u0645\u064a\u0632\u0627\u062a \u0628\u0637\u0627\u0642\u0627\u062a\u0646\u0627\" data-en=\"Our Card Features\">\u0645\u0645\u064a\u0632\u0627\u062a \u0628\u0637\u0627\u0642\u0627\u062a\u0646\u0627<\/h2>\r\n <p class=\"text-slate-600 max-w-2xl mx-auto\" data-ar=\"\u0628\u0637\u0627\u0642\u0627\u062a NFC \u0627\u0644\u0630\u0643\u064a\u0629 \u062a\u0648\u0641\u0631 \u0644\u0643 \u0637\u0631\u064a\u0642\u0629 \u0639\u0635\u0631\u064a\u0629 \u0648\u0645\u0628\u062a\u0643\u0631\u0629 \u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\" data-en=\"Smart NFC cards provide you with a modern and innovative way to share your professional information\">\u0628\u0637\u0627\u0642\u0627\u062a NFC \u0627\u0644\u0630\u0643\u064a\u0629 \u062a\u0648\u0641\u0631 \u0644\u0643 \u0637\u0631\u064a\u0642\u0629 \u0639\u0635\u0631\u064a\u0629 \u0648\u0645\u0628\u062a\u0643\u0631\u0629 \u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0627\u0644\u0645\u0647\u0646\u064a\u0629<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n <!-- Feature 1 -->\r\n <div class=\"feature-card bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\" data-ar=\"\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u0648\u0631\u064a\u0629\" data-en=\"Instant Sharing\">\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u0648\u0631\u064a\u0629<\/h3>\r\n <p class=\"text-slate-600\" data-ar=\"\u0634\u0627\u0631\u0643 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0628\u0644\u0645\u0633\u0629 \u0648\u0627\u062d\u062f\u0629 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\" data-en=\"Share your data with a single tap without needing additional apps\">\u0634\u0627\u0631\u0643 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0628\u0644\u0645\u0633\u0629 \u0648\u0627\u062d\u062f\u0629 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629<\/p>\r\n <\/div>\r\n \r\n <!-- Feature 2 -->\r\n <div class=\"feature-card bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-green-500 to-green-600 flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\" data-ar=\"\u062a\u062d\u062f\u064a\u062b \u062f\u0627\u0626\u0645\" data-en=\"Always Updated\">\u062a\u062d\u062f\u064a\u062b \u062f\u0627\u0626\u0645<\/h3>\r\n <p class=\"text-slate-600\" data-ar=\"\u062d\u062f\u0651\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0637\u0628\u0627\u0639\u0629 \u0628\u0637\u0627\u0642\u0627\u062a \u062c\u062f\u064a\u062f\u0629\" data-en=\"Update your information anytime without printing new cards\">\u062d\u062f\u0651\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0637\u0628\u0627\u0639\u0629 \u0628\u0637\u0627\u0642\u0627\u062a \u062c\u062f\u064a\u062f\u0629<\/p>\r\n <\/div>\r\n \r\n <!-- Feature 3 -->\r\n <div class=\"feature-card bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-600 flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635\" data-en=\"Custom Design\">\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635<\/h3>\r\n <p class=\"text-slate-600\" data-ar=\"\u0627\u062e\u062a\u0631 \u0645\u0646 \u062a\u0635\u0627\u0645\u064a\u0645\u0646\u0627 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0623\u0648 \u0635\u0645\u0645 \u0628\u0637\u0627\u0642\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629\" data-en=\"Choose from our ready designs or create your own card\">\u0627\u062e\u062a\u0631 \u0645\u0646 \u062a\u0635\u0627\u0645\u064a\u0645\u0646\u0627 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0623\u0648 \u0635\u0645\u0645 \u0628\u0637\u0627\u0642\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629<\/p>\r\n <\/div>\r\n \r\n <!-- Feature 4 -->\r\n <div class=\"feature-card bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-orange-500 to-orange-600 flex items-center justify-center mb-6\">\r\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\" data-ar=\"\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629\" data-en=\"High Quality\">\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629<\/h3>\r\n <p class=\"text-slate-600\" data-ar=\"\u0628\u0637\u0627\u0642\u0627\u062a \u0645\u0635\u0646\u0648\u0639\u0629 \u0645\u0646 \u0645\u0648\u0627\u062f \u0645\u062a\u064a\u0646\u0629 \u062a\u062f\u0648\u0645 \u0644\u0633\u0646\u0648\u0627\u062a \u0637\u0648\u064a\u0644\u0629\" data-en=\"Cards made from durable materials that last for years\">\u0628\u0637\u0627\u0642\u0627\u062a \u0645\u0635\u0646\u0648\u0639\u0629 \u0645\u0646 \u0645\u0648\u0627\u062f \u0645\u062a\u064a\u0646\u0629 \u062a\u062f\u0648\u0645 \u0644\u0633\u0646\u0648\u0627\u062a \u0637\u0648\u064a\u0644\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Additional Features -->\r\n <div class=\"grid md:grid-cols-3 gap-8 mt-12\">\r\n <div class=\"flex items-start gap-4 p-6 bg-white rounded-xl\">\r\n <div class=\"w-12 h-12 rounded-xl bg-blue-100 flex items-center justify-center flex-shrink-0\">\r\n <svg class=\"w-6 h-6 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900 mb-1\" data-ar=\"\u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629\" data-en=\"Eco-Friendly\">\u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629<\/h4>\r\n <p class=\"text-slate-600 text-sm\" data-ar=\"\u0648\u062f\u0627\u0639\u0627\u064b \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0648\u0631\u0642\u064a\u0629 \u0627\u0644\u0645\u0647\u062f\u0631\u0629\" data-en=\"Say goodbye to wasted paper cards\">\u0648\u062f\u0627\u0639\u0627\u064b \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0648\u0631\u0642\u064a\u0629 \u0627\u0644\u0645\u0647\u062f\u0631\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"flex items-start gap-4 p-6 bg-white rounded-xl\">\r\n <div class=\"w-12 h-12 rounded-xl bg-green-100 flex items-center justify-center flex-shrink-0\">\r\n <svg class=\"w-6 h-6 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900 mb-1\" data-ar=\"\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062c\u0647\u0632\u0629\" data-en=\"Compatible with All Devices\">\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062c\u0647\u0632\u0629<\/h4>\r\n <p class=\"text-slate-600 text-sm\" data-ar=\"\u062a\u0639\u0645\u0644 \u0645\u0639 iPhone \u0648 Android\" data-en=\"Works with iPhone and Android\">\u062a\u0639\u0645\u0644 \u0645\u0639 iPhone \u0648 Android<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"flex items-start gap-4 p-6 bg-white rounded-xl\">\r\n <div class=\"w-12 h-12 rounded-xl bg-purple-100 flex items-center justify-center flex-shrink-0\">\r\n <svg class=\"w-6 h-6 text-purple-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-slate-900 mb-1\" data-ar=\"\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629\" data-en=\"Advanced Analytics\">\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629<\/h4>\r\n <p class=\"text-slate-600 text-sm\" data-ar=\"\u062a\u062a\u0628\u0639 \u0639\u062f\u062f \u0627\u0644\u0645\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0645 \u0641\u064a\u0647\u0627 \u0645\u0634\u0627\u0631\u0643\u0629 \u0628\u0637\u0627\u0642\u062a\u0643\" data-en=\"Track how many times your card was shared\">\u062a\u062a\u0628\u0639 \u0639\u062f\u062f \u0627\u0644\u0645\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0645 \u0641\u064a\u0647\u0627 \u0645\u0634\u0627\u0631\u0643\u0629 \u0628\u0637\u0627\u0642\u062a\u0643<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Products Section -->\r\n <section id=\"products\" class=\"py-24 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"inline-block px-4 py-2 rounded-full bg-blue-100 text-blue-600 text-sm font-semibold mb-4\" data-ar=\"\u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627\" data-en=\"Our Products\">\u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold text-slate-900 mb-4\" data-ar=\"\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0628\u0637\u0627\u0642\u062a\u0643\" data-en=\"Choose Your Card Type\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0628\u0637\u0627\u0642\u062a\u0643<\/h2>\r\n <p class=\"text-slate-600 max-w-2xl mx-auto\" data-ar=\"\u0646\u0642\u062f\u0645 \u0646\u0648\u0639\u064a\u0646 \u0645\u0646 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0644\u062a\u0646\u0627\u0633\u0628 \u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\" data-en=\"We offer two types of cards to suit all your needs\">\u0646\u0642\u062f\u0645 \u0646\u0648\u0639\u064a\u0646 \u0645\u0646 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0644\u062a\u0646\u0627\u0633\u0628 \u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 max-w-5xl mx-auto\">\r\n <!-- Standard Card -->\r\n <div class=\"group relative\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-blue-500 to-blue-600 rounded-3xl transform rotate-3 group-hover:rotate-6 transition-transform\"><\/div>\r\n <div class=\"relative bg-white rounded-3xl p-8 shadow-xl\">\r\n <div class=\"w-full h-48 rounded-2xl bg-gradient-to-br from-slate-800 to-slate-900 mb-6 flex items-center justify-center overflow-hidden\">\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 mx-auto mb-4 rounded-xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"text-white font-bold\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u0642\u064a\u0627\u0633\u064a\" data-en=\"Standard Design\">\u062a\u0635\u0645\u064a\u0645 \u0642\u064a\u0627\u0633\u064a<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-2xl font-bold text-slate-900 mb-3\" data-ar=\"\u0628\u0637\u0627\u0642\u0629 \u0628\u062a\u0635\u0645\u064a\u0645 \u0639\u0627\u0645\" data-en=\"Standard Design Card\">\u0628\u0637\u0627\u0642\u0629 \u0628\u062a\u0635\u0645\u064a\u0645 \u0639\u0627\u0645<\/h3>\r\n <p class=\"text-slate-600 mb-6\" data-ar=\"\u0627\u062e\u062a\u0631 \u0645\u0646 \u0645\u062c\u0645\u0648\u0639\u0629 \u062a\u0635\u0627\u0645\u064a\u0645\u0646\u0627 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0636\u0627\u0641\u0629 \u0627\u0633\u0645\u0643 \u0648\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643\" data-en=\"Choose from our ready professional designs with the ability to add your name and information\">\u0627\u062e\u062a\u0631 \u0645\u0646 \u0645\u062c\u0645\u0648\u0639\u0629 \u062a\u0635\u0627\u0645\u064a\u0645\u0646\u0627 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0636\u0627\u0641\u0629 \u0627\u0633\u0645\u0643 \u0648\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643<\/p>\r\n \r\n <ul class=\"space-y-3 mb-8\">\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"+50 \u062a\u0635\u0645\u064a\u0645 \u062c\u0627\u0647\u0632\" data-en=\"50+ Ready Designs\">+50 \u062a\u0635\u0645\u064a\u0645 \u062c\u0627\u0647\u0632<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u062a\u0633\u0644\u064a\u0645 \u0633\u0631\u064a\u0639\" data-en=\"Fast Delivery\">\u062a\u0633\u0644\u064a\u0645 \u0633\u0631\u064a\u0639<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u0625\u0636\u0627\u0641\u0629 \u0634\u0639\u0627\u0631 \u0627\u062e\u062a\u064a\u0627\u0631\u064a\" data-en=\"Optional Logo Addition\">\u0625\u0636\u0627\u0641\u0629 \u0634\u0639\u0627\u0631 \u0627\u062e\u062a\u064a\u0627\u0631\u064a<\/span>\r\n <\/li>\r\n <\/ul>\r\n \r\n <div class=\"flex items-center justify-between\">\r\n <div>\r\n <span class=\"text-sm text-slate-500\" data-ar=\"\u064a\u0628\u062f\u0623 \u0645\u0646\" data-en=\"Starting from\">\u064a\u0628\u062f\u0623 \u0645\u0646<\/span>\r\n <div class=\"text-3xl font-bold text-blue-600\">99 <span class=\"text-lg\" data-ar=\"\u0631\u064a\u0627\u0644\" data-en=\"SAR\">\u0631\u064a\u0627\u0644<\/span><\/div>\r\n <\/div>\r\n <a href=\"#contact\" class=\"btn-primary px-6 py-3 rounded-full text-white font-semibold\" data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646\" data-en=\"Order Now\">\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Custom Card -->\r\n <div class=\"group relative\">\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-purple-500 to-purple-600 rounded-3xl transform -rotate-3 group-hover:-rotate-6 transition-transform\"><\/div>\r\n <div class=\"relative bg-white rounded-3xl p-8 shadow-xl\">\r\n <div class=\"absolute -top-4 right-8 px-4 py-1 bg-gradient-to-r from-purple-500 to-pink-500 rounded-full text-white text-sm font-semibold\" data-ar=\"\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b\" data-en=\"Most Popular\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b<\/div>\r\n \r\n <div class=\"w-full h-48 rounded-2xl bg-gradient-to-br from-purple-900 to-purple-950 mb-6 flex items-center justify-center overflow-hidden\">\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 mx-auto mb-4 rounded-xl bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"text-white font-bold\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635\" data-en=\"Custom Design\">\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-2xl font-bold text-slate-900 mb-3\" data-ar=\"\u0628\u0637\u0627\u0642\u0629 \u0628\u062a\u0635\u0645\u064a\u0645 \u062e\u0627\u0635\" data-en=\"Custom Design Card\">\u0628\u0637\u0627\u0642\u0629 \u0628\u062a\u0635\u0645\u064a\u0645 \u062e\u0627\u0635<\/h3>\r\n <p class=\"text-slate-600 mb-6\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u0641\u0631\u064a\u062f \u0648\u0645\u062e\u0635\u0635 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0623\u0648 \u0634\u062e\u0635\u064a\u062a\u0643 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f\u0647\u0627\" data-en=\"A unique design fully customized for your brand or personality with all the elements you want\">\u062a\u0635\u0645\u064a\u0645 \u0641\u0631\u064a\u062f \u0648\u0645\u062e\u0635\u0635 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0623\u0648 \u0634\u062e\u0635\u064a\u062a\u0643 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f\u0647\u0627<\/p>\r\n \r\n <ul class=\"space-y-3 mb-8\">\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u062d\u0635\u0631\u064a 100%\" data-en=\"100% Exclusive Design\">\u062a\u0635\u0645\u064a\u0645 \u062d\u0635\u0631\u064a 100%<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u062a\u0636\u0645\u0646\" data-en=\"Company Logo Included\">\u0634\u0639\u0627\u0631 \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u062a\u0636\u0645\u0646<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u0623\u0644\u0648\u0627\u0646 \u0648\u062e\u0637\u0648\u0637 \u0645\u062e\u0635\u0635\u0629\" data-en=\"Custom Colors & Fonts\">\u0623\u0644\u0648\u0627\u0646 \u0648\u062e\u0637\u0648\u0637 \u0645\u062e\u0635\u0635\u0629<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u0645\u0631\u0627\u062c\u0639\u0627\u062a \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\u0629\" data-en=\"Unlimited Revisions\">\u0645\u0631\u0627\u062c\u0639\u0627\u062a \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\u0629<\/span>\r\n <\/li>\r\n <\/ul>\r\n \r\n <div class=\"flex items-center justify-between\">\r\n <div>\r\n <span class=\"text-sm text-slate-500\" data-ar=\"\u064a\u0628\u062f\u0623 \u0645\u0646\" data-en=\"Starting from\">\u064a\u0628\u062f\u0623 \u0645\u0646<\/span>\r\n <div class=\"text-3xl font-bold text-purple-600\">199 <span class=\"text-lg\" data-ar=\"\u0631\u064a\u0627\u0644\" data-en=\"SAR\">\u0631\u064a\u0627\u0644<\/span><\/div>\r\n <\/div>\r\n <a href=\"#contact\" class=\"px-6 py-3 rounded-full bg-gradient-to-r from-purple-500 to-pink-500 text-white font-semibold hover:shadow-lg transition-shadow\" data-ar=\"\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646\" data-en=\"Order Now\">\u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- How It Works Section -->\r\n <section id=\"how-it-works\" class=\"py-24 gradient-bg relative overflow-hidden\">\r\n <div class=\"absolute inset-0\">\r\n <div class=\"absolute top-0 left-1\/4 w-96 h-96 bg-blue-500\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute bottom-0 right-1\/4 w-96 h-96 bg-cyan-500\/10 rounded-full blur-3xl\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"inline-block px-4 py-2 rounded-full bg-white\/10 text-blue-300 text-sm font-semibold mb-4\" data-ar=\"\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\u061f\" data-en=\"How It Works?\">\u0643\u064a\u0641 \u064a\u0639\u0645\u0644\u061f<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold text-white mb-4\" data-ar=\"\u062e\u0637\u0648\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0644\u0644\u0628\u062f\u0621\" data-en=\"Simple Steps to Get Started\">\u062e\u0637\u0648\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0644\u0644\u0628\u062f\u0621<\/h2>\r\n <p class=\"text-slate-300 max-w-2xl mx-auto\" data-ar=\"\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0628\u0637\u0627\u0642\u062a\u0643 \u0627\u0644\u0630\u0643\u064a\u0629 \u0641\u064a 4 \u062e\u0637\u0648\u0627\u062a \u0633\u0647\u0644\u0629\" data-en=\"Get your smart card in 4 easy steps\">\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0628\u0637\u0627\u0642\u062a\u0643 \u0627\u0644\u0630\u0643\u064a\u0629 \u0641\u064a 4 \u062e\u0637\u0648\u0627\u062a \u0633\u0647\u0644\u0629<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-4 gap-8\">\r\n <!-- Step 1 -->\r\n <div class=\"text-center\">\r\n <div class=\"relative inline-block mb-6\">\r\n <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center mx-auto\">\r\n <span class=\"text-3xl font-bold text-white\">1<\/span>\r\n <\/div>\r\n <div class=\"hidden md:block absolute top-1\/2 left-full w-full h-0.5 bg-gradient-to-r from-blue-500 to-transparent\"><\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\" data-ar=\"\u0627\u062e\u062a\u0631 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\" data-en=\"Choose Design\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/h3>\r\n <p class=\"text-slate-400\" data-ar=\"\u0627\u062e\u062a\u0631 \u0645\u0646 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0623\u0648 \u0627\u0637\u0644\u0628 \u062a\u0635\u0645\u064a\u0645\u0627\u064b \u0645\u062e\u0635\u0635\u0627\u064b\" data-en=\"Choose from ready designs or request a custom design\">\u0627\u062e\u062a\u0631 \u0645\u0646 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0623\u0648 \u0627\u0637\u0644\u0628 \u062a\u0635\u0645\u064a\u0645\u0627\u064b \u0645\u062e\u0635\u0635\u0627\u064b<\/p>\r\n <\/div>\r\n \r\n <!-- Step 2 -->\r\n <div class=\"text-center\">\r\n <div class=\"relative inline-block mb-6\">\r\n <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-cyan-500 to-cyan-600 flex items-center justify-center mx-auto\">\r\n <span class=\"text-3xl font-bold text-white\">2<\/span>\r\n <\/div>\r\n <div class=\"hidden md:block absolute top-1\/2 left-full w-full h-0.5 bg-gradient-to-r from-cyan-500 to-transparent\"><\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\" data-ar=\"\u0623\u0636\u0641 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643\" data-en=\"Add Your Info\">\u0623\u0636\u0641 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643<\/h3>\r\n <p class=\"text-slate-400\" data-ar=\"\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\" data-en=\"Send us your data and social media links\">\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/p>\r\n <\/div>\r\n \r\n <!-- Step 3 -->\r\n <div class=\"text-center\">\r\n <div class=\"relative inline-block mb-6\">\r\n <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-purple-500 to-purple-600 flex items-center justify-center mx-auto\">\r\n <span class=\"text-3xl font-bold text-white\">3<\/span>\r\n <\/div>\r\n <div class=\"hidden md:block absolute top-1\/2 left-full w-full h-0.5 bg-gradient-to-r from-purple-500 to-transparent\"><\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\" data-ar=\"\u0646\u0635\u0646\u0639 \u0628\u0637\u0627\u0642\u062a\u0643\" data-en=\"We Create Your Card\">\u0646\u0635\u0646\u0639 \u0628\u0637\u0627\u0642\u062a\u0643<\/h3>\r\n <p class=\"text-slate-400\" data-ar=\"\u0646\u0642\u0648\u0645 \u0628\u062a\u0635\u0645\u064a\u0645 \u0648\u0628\u0631\u0645\u062c\u0629 \u0628\u0637\u0627\u0642\u062a\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\" data-en=\"We design and program your card professionally\">\u0646\u0642\u0648\u0645 \u0628\u062a\u0635\u0645\u064a\u0645 \u0648\u0628\u0631\u0645\u062c\u0629 \u0628\u0637\u0627\u0642\u062a\u0643 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/p>\r\n <\/div>\r\n \r\n <!-- Step 4 -->\r\n <div class=\"text-center\">\r\n <div class=\"relative inline-block mb-6\">\r\n <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-green-500 to-green-600 flex items-center justify-center mx-auto\">\r\n <span class=\"text-3xl font-bold text-white\">4<\/span>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-white mb-2\" data-ar=\"\u0627\u0633\u062a\u0644\u0645 \u0648\u0634\u0627\u0631\u0643\" data-en=\"Receive & Share\">\u0627\u0633\u062a\u0644\u0645 \u0648\u0634\u0627\u0631\u0643<\/h3>\r\n <p class=\"text-slate-400\" data-ar=\"\u0627\u0633\u062a\u0644\u0645 \u0628\u0637\u0627\u0642\u062a\u0643 \u0648\u0627\u0628\u062f\u0623 \u0628\u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0628\u0644\u0645\u0633\u0629\" data-en=\"Receive your card and start sharing with a tap\">\u0627\u0633\u062a\u0644\u0645 \u0628\u0637\u0627\u0642\u062a\u0643 \u0648\u0627\u0628\u062f\u0623 \u0628\u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0628\u0644\u0645\u0633\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Demo Video Placeholder -->\r\n <div class=\"mt-16 max-w-3xl mx-auto\">\r\n <div class=\"aspect-video rounded-2xl bg-slate-800\/50 backdrop-blur border border-white\/10 flex items-center justify-center cursor-pointer group\">\r\n <div class=\"text-center\">\r\n <div class=\"w-20 h-20 rounded-full bg-white\/10 flex items-center justify-center mx-auto mb-4 group-hover:scale-110 transition-transform\">\r\n <svg class=\"w-8 h-8 text-white mr-[-4px]\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path d=\"M8 5v14l11-7z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"text-white font-semibold\" data-ar=\"\u0634\u0627\u0647\u062f \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\" data-en=\"Watch How The Card Works\">\u0634\u0627\u0647\u062f \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Pricing Section -->\r\n <section id=\"pricing\" class=\"py-24 bg-slate-50\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"inline-block px-4 py-2 rounded-full bg-blue-100 text-blue-600 text-sm font-semibold mb-4\" data-ar=\"\u0627\u0644\u0623\u0633\u0639\u0627\u0631\" data-en=\"Pricing\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold text-slate-900 mb-4\" data-ar=\"\u0628\u0627\u0642\u0627\u062a \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u062c\u0645\u064a\u0639\" data-en=\"Packages for Everyone\">\u0628\u0627\u0642\u0627\u062a \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u062c\u0645\u064a\u0639<\/h2>\r\n <p class=\"text-slate-600 max-w-2xl mx-auto\" data-ar=\"\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\" data-en=\"Choose the package that suits your needs\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-3 gap-8 max-w-5xl mx-auto\">\r\n <!-- Basic Package -->\r\n <div class=\"price-card bg-white rounded-3xl p-8 shadow-lg border border-slate-200\">\r\n <div class=\"text-center mb-8\">\r\n <h3 class=\"text-xl font-bold text-slate-900 mb-2\" data-ar=\"\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\" data-en=\"Basic Package\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\r\n <p class=\"text-slate-500 text-sm\" data-ar=\"\u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646\" data-en=\"For Individuals & Beginners\">\u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646<\/p>\r\n <div class=\"mt-6\">\r\n <span class=\"text-5xl font-bold text-slate-900\">99<\/span>\r\n <span class=\"text-slate-500\" data-ar=\"\u0631\u064a\u0627\u0644\" data-en=\"SAR\">\u0631\u064a\u0627\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <ul class=\"space-y-4 mb-8\">\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u0628\u0637\u0627\u0642\u0629 \u0648\u0627\u062d\u062f\u0629\" data-en=\"1 Card\">\u0628\u0637\u0627\u0642\u0629 \u0648\u0627\u062d\u062f\u0629<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u0642\u064a\u0627\u0633\u064a\" data-en=\"Standard Design\">\u062a\u0635\u0645\u064a\u0645 \u0642\u064a\u0627\u0633\u064a<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u0635\u0641\u062d\u0629 \u0634\u062e\u0635\u064a\u0629 \u0628\u0633\u064a\u0637\u0629\" data-en=\"Simple Personal Page\">\u0635\u0641\u062d\u0629 \u0634\u062e\u0635\u064a\u0629 \u0628\u0633\u064a\u0637\u0629<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u062f\u0639\u0645 \u0641\u0646\u064a \u0623\u0633\u0627\u0633\u064a\" data-en=\"Basic Support\">\u062f\u0639\u0645 \u0641\u0646\u064a \u0623\u0633\u0627\u0633\u064a<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3 opacity-40\">\r\n <svg class=\"w-5 h-5 text-slate-400 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-500\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635\" data-en=\"Custom Design\">\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635<\/span>\r\n <\/li>\r\n <\/ul>\r\n \r\n <a href=\"#contact\" class=\"block w-full py-4 text-center rounded-xl border-2 border-slate-200 text-slate-700 font-semibold hover:bg-slate-50 transition-colors\" data-ar=\"\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629\" data-en=\"Choose Package\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629<\/a>\r\n <\/div>\r\n \r\n <!-- Pro Package -->\r\n <div class=\"price-card featured bg-gradient-to-b from-blue-600 to-blue-700 rounded-3xl p-8 shadow-2xl relative\">\r\n <div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2 px-6 py-1 bg-gradient-to-r from-yellow-400 to-orange-400 rounded-full text-slate-900 text-sm font-bold\" data-ar=\"\u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u0627\u064b\" data-en=\"Best Seller\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u0627\u064b<\/div>\r\n \r\n <div class=\"text-center mb-8\">\r\n <h3 class=\"text-xl font-bold text-white mb-2\" data-ar=\"\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\" data-en=\"Pro Package\">\u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\r\n <p class=\"text-blue-200 text-sm\" data-ar=\"\u0644\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629\" data-en=\"For Professionals & Small Businesses\">\u0644\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629<\/p>\r\n <div class=\"mt-6\">\r\n <span class=\"text-5xl font-bold text-white\">199<\/span>\r\n <span class=\"text-blue-200\" data-ar=\"\u0631\u064a\u0627\u0644\" data-en=\"SAR\">\u0631\u064a\u0627\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <ul class=\"space-y-4 mb-8\">\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-300 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-white\" data-ar=\"\u0628\u0637\u0627\u0642\u0629 \u0648\u0627\u062d\u062f\u0629\" data-en=\"1 Card\">\u0628\u0637\u0627\u0642\u0629 \u0648\u0627\u062d\u062f\u0629<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-300 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-white\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\" data-en=\"Fully Custom Design\">\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0635\u0635 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-300 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-white\" data-ar=\"\u0635\u0641\u062d\u0629 \u0634\u062e\u0635\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629\" data-en=\"Advanced Personal Page\">\u0635\u0641\u062d\u0629 \u0634\u062e\u0635\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-300 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-white\" data-ar=\"\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629\" data-en=\"Sharing Analytics\">\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-300 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-white\" data-ar=\"\u062f\u0639\u0645 \u0641\u0646\u064a \u0645\u0645\u064a\u0632\" data-en=\"Priority Support\">\u062f\u0639\u0645 \u0641\u0646\u064a \u0645\u0645\u064a\u0632<\/span>\r\n <\/li>\r\n <\/ul>\r\n \r\n <a href=\"#contact\" class=\"block w-full py-4 text-center rounded-xl bg-white text-blue-600 font-bold hover:bg-blue-50 transition-colors\" data-ar=\"\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629\" data-en=\"Choose Package\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629<\/a>\r\n <\/div>\r\n \r\n <!-- Business Package -->\r\n <div class=\"price-card bg-white rounded-3xl p-8 shadow-lg border border-slate-200\">\r\n <div class=\"text-center mb-8\">\r\n <h3 class=\"text-xl font-bold text-slate-900 mb-2\" data-ar=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\" data-en=\"Business Package\">\u0628\u0627\u0642\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\r\n <p class=\"text-slate-500 text-sm\" data-ar=\"\u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\" data-en=\"For Companies & Organizations\">\u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/p>\r\n <div class=\"mt-6\">\r\n <span class=\"text-5xl font-bold text-slate-900\">499<\/span>\r\n <span class=\"text-slate-500\" data-ar=\"\u0631\u064a\u0627\u0644\" data-en=\"SAR\">\u0631\u064a\u0627\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <ul class=\"space-y-4 mb-8\">\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"5 \u0628\u0637\u0627\u0642\u0627\u062a\" data-en=\"5 Cards\">5 \u0628\u0637\u0627\u0642\u0627\u062a<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u062d\u062f \u0644\u0644\u0634\u0631\u0643\u0629\" data-en=\"Unified Company Design\">\u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u062d\u062f \u0644\u0644\u0634\u0631\u0643\u0629<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0625\u062f\u0627\u0631\u064a\u0629\" data-en=\"Admin Dashboard\">\u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0625\u062f\u0627\u0631\u064a\u0629<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a\" data-en=\"Reports & Analytics\">\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\r\n <\/svg>\r\n <span class=\"text-slate-700\" data-ar=\"\u062f\u0639\u0645 \u0641\u0646\u064a VIP\" data-en=\"VIP Support\">\u062f\u0639\u0645 \u0641\u0646\u064a VIP<\/span>\r\n <\/li>\r\n <\/ul>\r\n \r\n <a href=\"#contact\" class=\"block w-full py-4 text-center rounded-xl border-2 border-slate-200 text-slate-700 font-semibold hover:bg-slate-50 transition-colors\" data-ar=\"\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629\" data-en=\"Choose Package\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Custom Quote -->\r\n <div class=\"mt-12 text-center\">\r\n <p class=\"text-slate-600 mb-4\" data-ar=\"\u062a\u062d\u062a\u0627\u062c \u0643\u0645\u064a\u0629 \u0623\u0643\u0628\u0631\u061f \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u062e\u0627\u0635\" data-en=\"Need a larger quantity? Contact us for a special offer\">\u062a\u062d\u062a\u0627\u062c \u0643\u0645\u064a\u0629 \u0623\u0643\u0628\u0631\u061f \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u062e\u0627\u0635<\/p>\r\n <a href=\"#contact\" class=\"inline-flex items-center gap-2 text-blue-600 font-semibold hover:text-blue-700\">\r\n <span data-ar=\"\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062e\u0635\u0635\" data-en=\"Request Custom Quote\">\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062e\u0635\u0635<\/span>\r\n <svg class=\"w-5 h-5 rtl:rotate-180\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Testimonials Section -->\r\n <section class=\"py-24 bg-white\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"inline-block px-4 py-2 rounded-full bg-blue-100 text-blue-600 text-sm font-semibold mb-4\" data-ar=\"\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\" data-en=\"Testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold text-slate-900 mb-4\" data-ar=\"\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0639\u0645\u0644\u0627\u0624\u0646\u0627\" data-en=\"What Our Clients Say\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <!-- Testimonial 1 -->\r\n <div class=\"bg-slate-50 rounded-2xl p-8\">\r\n <div class=\"flex items-center gap-1 mb-4\">\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"text-slate-600 mb-6\" data-ar=\"\u0628\u0637\u0627\u0642\u0629 \u0631\u0627\u0626\u0639\u0629! \u0623\u0635\u0628\u062d\u062a \u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0633\u0647\u0644\u0629 \u062c\u062f\u0627\u064b. \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0645\u062a\u0627\u0632\u0629.\" data-en=\"Amazing card! Sharing my information with clients has become so easy. Professional design and excellent quality.\">\u0628\u0637\u0627\u0642\u0629 \u0631\u0627\u0626\u0639\u0629! \u0623\u0635\u0628\u062d\u062a \u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0633\u0647\u0644\u0629 \u062c\u062f\u0627\u064b. \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0645\u062a\u0627\u0632\u0629.<\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white font-bold\">\u0645<\/div>\r\n <div>\r\n <div class=\"font-bold text-slate-900\" data-ar=\"\u0645\u062d\u0645\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a\" data-en=\"Mohammed Al-Otaibi\">\u0645\u062d\u0645\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a<\/div>\r\n <div class=\"text-slate-500 text-sm\" data-ar=\"\u0631\u062c\u0644 \u0623\u0639\u0645\u0627\u0644\" data-en=\"Businessman\">\u0631\u062c\u0644 \u0623\u0639\u0645\u0627\u0644<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Testimonial 2 -->\r\n <div class=\"bg-slate-50 rounded-2xl p-8\">\r\n <div class=\"flex items-center gap-1 mb-4\">\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"text-slate-600 mb-6\" data-ar=\"\u0637\u0644\u0628\u062a 10 \u0628\u0637\u0627\u0642\u0627\u062a \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0634\u0631\u0643\u062a\u064a. \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u062d\u062f \u0623\u0639\u0637\u0649 \u0627\u0646\u0637\u0628\u0627\u0639\u0627\u064b \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0627\u064b \u0631\u0627\u0626\u0639\u0627\u064b \u0644\u062f\u0649 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.\" data-en=\"I ordered 10 cards for my company team. The unified design gave our clients a great professional impression.\">\u0637\u0644\u0628\u062a 10 \u0628\u0637\u0627\u0642\u0627\u062a \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0634\u0631\u0643\u062a\u064a. \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u062d\u062f \u0623\u0639\u0637\u0649 \u0627\u0646\u0637\u0628\u0627\u0639\u0627\u064b \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0627\u064b \u0631\u0627\u0626\u0639\u0627\u064b \u0644\u062f\u0649 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.<\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-purple-500 to-purple-600 flex items-center justify-center text-white font-bold\">\u0633<\/div>\r\n <div>\r\n <div class=\"font-bold text-slate-900\" data-ar=\"\u0633\u0627\u0631\u0629 \u0627\u0644\u0634\u0645\u0631\u064a\" data-en=\"Sara Al-Shammari\">\u0633\u0627\u0631\u0629 \u0627\u0644\u0634\u0645\u0631\u064a<\/div>\r\n <div class=\"text-slate-500 text-sm\" data-ar=\"\u0645\u062f\u064a\u0631\u0629 \u062a\u0633\u0648\u064a\u0642\" data-en=\"Marketing Manager\">\u0645\u062f\u064a\u0631\u0629 \u062a\u0633\u0648\u064a\u0642<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Testimonial 3 -->\r\n <div class=\"bg-slate-50 rounded-2xl p-8\">\r\n <div class=\"flex items-center gap-1 mb-4\">\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"text-slate-600 mb-6\" data-ar=\"\u0623\u0641\u0636\u0644 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0644\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0634\u062e\u0635\u064a! \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u062f\u0627\u0626\u0645\u0627\u064b \u064a\u0646\u0628\u0647\u0631\u0648\u0646 \u0639\u0646\u062f\u0645\u0627 \u0623\u0634\u0627\u0631\u0643 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a \u0628\u0645\u062c\u0631\u062f \u0644\u0645\u0633\u0629 \u0644\u0644\u0647\u0627\u062a\u0641.\" data-en=\"Best investment for personal marketing! Clients are always impressed when I share my info with just a phone tap.\">\u0623\u0641\u0636\u0644 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0644\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0634\u062e\u0635\u064a! \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u062f\u0627\u0626\u0645\u0627\u064b \u064a\u0646\u0628\u0647\u0631\u0648\u0646 \u0639\u0646\u062f\u0645\u0627 \u0623\u0634\u0627\u0631\u0643 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a \u0628\u0645\u062c\u0631\u062f \u0644\u0645\u0633\u0629 \u0644\u0644\u0647\u0627\u062a\u0641.<\/p>\r\n <div class=\"flex items-center gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-green-500 to-green-600 flex items-center justify-center text-white font-bold\">\u0623<\/div>\r\n <div>\r\n <div class=\"font-bold text-slate-900\" data-ar=\"\u0623\u062d\u0645\u062f \u0627\u0644\u062f\u0648\u0633\u0631\u064a\" data-en=\"Ahmed Al-Dosari\">\u0623\u062d\u0645\u062f \u0627\u0644\u062f\u0648\u0633\u0631\u064a<\/div>\r\n <div class=\"text-slate-500 text-sm\" data-ar=\"\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0642\u0627\u0631\u064a\" data-en=\"Real Estate Consultant\">\u0645\u0633\u062a\u0634\u0627\u0631 \u0639\u0642\u0627\u0631\u064a<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Section -->\r\n <section class=\"py-24 bg-slate-50\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"inline-block px-4 py-2 rounded-full bg-blue-100 text-blue-600 text-sm font-semibold mb-4\" data-ar=\"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\" data-en=\"FAQ\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-bold text-slate-900 mb-4\" data-ar=\"\u0647\u0644 \u0644\u062f\u064a\u0643 \u0633\u0624\u0627\u0644\u061f\" data-en=\"Have a Question?\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0633\u0624\u0627\u0644\u061f<\/h2>\r\n <\/div>\r\n \r\n <div class=\"space-y-4\" id=\"faq-container\">\r\n <!-- FAQ 1 -->\r\n <div class=\"faq-item bg-white rounded-2xl overflow-hidden\">\r\n <button class=\"faq-btn w-full px-6 py-5 flex items-center justify-between text-right\" onclick=\"toggleFaq(this)\">\r\n <span\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NFC Pro – \u0628\u0637\u0627\u0642\u0627\u062a NFC \u0627\u0644\u0630\u0643\u064a\u0629 NFC Pro \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 EN \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2443","page","type-page","status-publish","hentry"],"lang":"en","translations":{"en":2443},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/baderinfo.com\/index.php?rest_route=\/wp\/v2\/pages\/2443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baderinfo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/baderinfo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/baderinfo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baderinfo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2443"}],"version-history":[{"count":13,"href":"https:\/\/baderinfo.com\/index.php?rest_route=\/wp\/v2\/pages\/2443\/revisions"}],"predecessor-version":[{"id":2456,"href":"https:\/\/baderinfo.com\/index.php?rest_route=\/wp\/v2\/pages\/2443\/revisions\/2456"}],"wp:attachment":[{"href":"https:\/\/baderinfo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}