{"id":25903,"date":"2025-10-28T19:27:34","date_gmt":"2025-10-28T15:27:34","guid":{"rendered":"https:\/\/tatbiqi.om\/?page_id=25903"},"modified":"2025-10-29T01:08:25","modified_gmt":"2025-10-28T21:08:25","slug":"tatbiqi-homepage-redesign","status":"publish","type":"page","link":"https:\/\/tatbiqi.om\/ar\/tatbiqi-homepage-redesign\/","title":{"rendered":"Tatbiqi Homepage Redesign"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Tatbiqi Homepage<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n \/* Hero Section *\/\n .hero-section {\n background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\n padding: 80px 20px;\n position: relative;\n overflow: hidden;\n }\n \n .hero-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\n }\n \n .hero-text {\n z-index: 2;\n }\n \n .badge {\n display: inline-block;\n background: white;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n margin-bottom: 20px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n }\n \n .hero-title {\n font-size: 56px;\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 20px;\n color: #1f2937;\n }\n \n .hero-title .highlight {\n color: #10b981;\n }\n \n .hero-description {\n font-size: 18px;\n color: #6b7280;\n margin-bottom: 30px;\n }\n \n .button-group {\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n }\n \n .btn {\n padding: 14px 28px;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n border: 2px solid transparent;\n text-decoration: none;\n display: inline-block;\n transition: all 0.3s;\n }\n \n .btn-primary {\n background: #10b981;\n color: white;\n border-color: #10b981;\n }\n \n .btn-primary:hover {\n background: #059669;\n border-color: #059669;\n }\n \n .btn-secondary {\n background: transparent;\n color: #10b981;\n border-color: #10b981;\n }\n \n .btn-secondary:hover {\n background: #10b981;\n color: white;\n }\n \n .hero-image {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .card-mockup {\n width: 100%;\n max-width: 400px;\n height: 500px;\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n border-radius: 24px;\n box-shadow: 0 20px 60px rgba(16, 185, 129, 0.3);\n padding: 30px;\n position: relative;\n }\n \n .card-header {\n background: rgba(255,255,255,0.2);\n border-radius: 12px;\n padding: 15px;\n margin-bottom: 20px;\n }\n \n .card-line {\n height: 40px;\n background: rgba(255,255,255,0.3);\n border-radius: 8px;\n margin-bottom: 15px;\n }\n \n .card-line.short {\n width: 70%;\n }\n \n .card-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-top: 30px;\n }\n \n .card-item {\n background: rgba(255,255,255,0.2);\n border-radius: 12px;\n height: 100px;\n }\n \n \/* Section Styles *\/\n .section {\n padding: 80px 20px;\n }\n \n .section-header {\n text-align: center;\n margin-bottom: 60px;\n }\n \n .section-title {\n font-size: 42px;\n font-weight: 700;\n margin-bottom: 15px;\n color: #1f2937;\n }\n \n .section-subtitle {\n font-size: 18px;\n color: #6b7280;\n max-width: 600px;\n margin: 0 auto;\n }\n \n \/* Services Section *\/\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n \n .service-card {\n background: white;\n border-radius: 16px;\n padding: 30px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n border-top: 4px solid;\n transition: transform 0.3s;\n }\n \n .service-card:hover {\n transform: translateY(-5px);\n }\n \n .service-card:nth-child(1) {\n border-top-color: #f97316;\n }\n \n .service-card:nth-child(2) {\n border-top-color: #a855f7;\n }\n \n .service-card:nth-child(3) {\n border-top-color: #3b82f6;\n }\n \n .service-card:nth-child(4) {\n border-top-color: #10b981;\n }\n \n .service-icon {\n width: 60px;\n height: 60px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n margin-bottom: 20px;\n }\n \n .service-card:nth-child(1) .service-icon {\n background: linear-gradient(135deg, #f97316, #ea580c);\n color: white;\n }\n \n .service-card:nth-child(2) .service-icon {\n background: linear-gradient(135deg, #a855f7, #9333ea);\n color: white;\n }\n \n .service-card:nth-child(3) .service-icon {\n background: linear-gradient(135deg, #3b82f6, #2563eb);\n color: white;\n }\n \n .service-card:nth-child(4) .service-icon {\n background: linear-gradient(135deg, #10b981, #059669);\n color: white;\n }\n \n .service-title {\n font-size: 22px;\n font-weight: 700;\n margin-bottom: 12px;\n color: #1f2937;\n }\n \n .service-description {\n font-size: 15px;\n color: #6b7280;\n margin-bottom: 20px;\n }\n \n .service-benefits {\n margin-bottom: 20px;\n }\n \n .service-benefits h4 {\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 10px;\n color: #374151;\n }\n \n .service-benefits ul {\n list-style: none;\n }\n \n .service-benefits li {\n padding: 5px 0;\n color: #6b7280;\n font-size: 14px;\n position: relative;\n padding-left: 20px;\n }\n \n .service-benefits li:before {\n content: \"\u25cf\";\n color: #10b981;\n position: absolute;\n left: 0;\n }\n \n \/* Projects Section *\/\n .projects-section {\n background: #f9fafb;\n }\n \n .project-filters {\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-bottom: 40px;\n flex-wrap: wrap;\n }\n \n .filter-btn {\n padding: 10px 24px;\n border: 2px solid #e5e7eb;\n background: white;\n border-radius: 8px;\n cursor: pointer;\n font-size: 15px;\n font-weight: 500;\n transition: all 0.3s;\n }\n \n .filter-btn:hover, .filter-btn.active {\n background: #10b981;\n color: white;\n border-color: #10b981;\n }\n \n .projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n \n .project-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n transition: transform 0.3s;\n }\n \n .project-card:hover {\n transform: translateY(-5px);\n }\n \n .project-image {\n width: 100%;\n height: 250px;\n background: linear-gradient(135deg, #e5e7eb, #d1d5db);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 48px;\n color: #9ca3af;\n }\n \n .project-info {\n padding: 20px;\n }\n \n .project-title {\n font-size: 20px;\n font-weight: 700;\n margin-bottom: 8px;\n }\n \n .project-category {\n display: inline-block;\n padding: 4px 12px;\n background: #f0fdf4;\n color: #10b981;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 600;\n }\n \n \/* Clients Section *\/\n .clients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 30px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .client-logo {\n background: white;\n padding: 30px;\n border-radius: 12px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.06);\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100px;\n font-weight: 600;\n color: #6b7280;\n transition: transform 0.3s;\n }\n \n .client-logo:hover {\n transform: scale(1.05);\n }\n \n \/* Partners Section *\/\n .partners-section {\n background: #f9fafb;\n }\n \n .partners-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 20px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .partner-card {\n background: white;\n padding: 30px 20px;\n border-radius: 12px;\n text-align: center;\n box-shadow: 0 2px 10px rgba(0,0,0,0.06);\n transition: transform 0.3s;\n }\n \n .partner-card:hover {\n transform: translateY(-3px);\n }\n \n .partner-icon {\n font-size: 36px;\n margin-bottom: 10px;\n }\n \n .partner-name {\n font-weight: 600;\n color: #374151;\n }\n \n \/* WhatsApp Section *\/\n .whatsapp-section {\n background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\n }\n \n .whatsapp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto 40px;\n }\n \n .whatsapp-card {\n background: white;\n padding: 30px;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n }\n \n .whatsapp-card h3 {\n font-size: 24px;\n margin-bottom: 12px;\n color: #1f2937;\n }\n \n .whatsapp-card p {\n color: #6b7280;\n margin-bottom: 20px;\n }\n \n .whatsapp-card ul {\n list-style: none;\n }\n \n .whatsapp-card li {\n padding: 8px 0;\n color: #374151;\n position: relative;\n padding-left: 25px;\n }\n \n .whatsapp-card li:before {\n content: \"\u2713\";\n color: #10b981;\n position: absolute;\n left: 0;\n font-weight: bold;\n }\n \n \/* Pricing Section *\/\n .pricing-toggle {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n }\n \n .toggle-btn {\n padding: 10px 24px;\n border: 2px solid #e5e7eb;\n background: white;\n border-radius: 8px;\n cursor: pointer;\n font-size: 15px;\n font-weight: 500;\n transition: all 0.3s;\n }\n \n .toggle-btn.active {\n background: #10b981;\n color: white;\n border-color: #10b981;\n }\n \n .pricing-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto 50px;\n }\n \n .pricing-card {\n background: white;\n padding: 40px 30px;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n position: relative;\n border: 2px solid transparent;\n transition: all 0.3s;\n }\n \n .pricing-card:hover {\n border-color: #10b981;\n transform: translateY(-5px);\n }\n \n .pricing-card.popular {\n border-color: #10b981;\n transform: scale(1.05);\n }\n \n .popular-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: #10b981;\n color: white;\n padding: 4px 16px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 600;\n }\n \n .pricing-name {\n font-size: 24px;\n font-weight: 700;\n margin-bottom: 8px;\n color: #1f2937;\n }\n \n .pricing-description {\n color: #6b7280;\n margin-bottom: 20px;\n font-size: 14px;\n }\n \n .pricing-price {\n font-size: 48px;\n font-weight: 700;\n color: #10b981;\n margin-bottom: 5px;\n }\n \n .pricing-period {\n color: #6b7280;\n margin-bottom: 30px;\n }\n \n .pricing-features {\n list-style: none;\n margin-bottom: 30px;\n }\n \n .pricing-features li {\n padding: 10px 0;\n color: #374151;\n position: relative;\n padding-left: 25px;\n }\n \n .pricing-features li:before {\n content: \"\u2713\";\n color: #10b981;\n position: absolute;\n left: 0;\n font-weight: bold;\n }\n \n .addons-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .addon-card {\n background: white;\n padding: 25px;\n border-radius: 12px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.06);\n text-align: center;\n }\n \n .addon-card h4 {\n font-size: 18px;\n margin-bottom: 8px;\n color: #1f2937;\n }\n \n .addon-card p {\n font-size: 14px;\n color: #6b7280;\n margin-bottom: 15px;\n }\n \n .addon-price {\n font-size: 32px;\n font-weight: 700;\n color: #10b981;\n }\n \n .addon-period {\n font-size: 14px;\n color: #6b7280;\n }\n \n \/* POS Section *\/\n .pos-section {\n background: #f9fafb;\n }\n \n .pos-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n max-width: 1200px;\n margin: 0 auto;\n }\n \n .pos-systems {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n \n .pos-system {\n background: white;\n padding: 25px;\n border-radius: 12px;\n text-align: center;\n font-weight: 600;\n color: #374151;\n box-shadow: 0 2px 10px rgba(0,0,0,0.06);\n }\n \n .pos-features {\n display: flex;\n flex-direction: column;\n gap: 30px;\n }\n \n .pos-feature h4 {\n font-size: 20px;\n margin-bottom: 10px;\n color: #1f2937;\n }\n \n .pos-feature p {\n color: #6b7280;\n margin-bottom: 15px;\n }\n \n .pos-feature ul {\n list-style: none;\n }\n \n .pos-feature li {\n padding: 5px 0;\n color: #374151;\n position: relative;\n padding-left: 25px;\n }\n \n .pos-feature li:before {\n content: \"\u2713\";\n color: #10b981;\n position: absolute;\n left: 0;\n font-weight: bold;\n }\n \n \/* Why Choose Section *\/\n .why-choose-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 40px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .why-item {\n text-align: center;\n }\n \n .why-icon {\n font-size: 48px;\n margin-bottom: 20px;\n }\n \n .why-item h3 {\n font-size: 22px;\n margin-bottom: 12px;\n color: #1f2937;\n }\n \n .why-item p {\n color: #6b7280;\n }\n \n \/* CTA Section *\/\n .cta-section {\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n color: white;\n text-align: center;\n }\n \n .cta-section .section-title {\n color: white;\n }\n \n .cta-section .section-subtitle {\n color: rgba(255,255,255,0.9);\n }\n \n \/* Theme Section *\/\n .theme-section {\n background: #f9fafb;\n }\n \n .themes-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto 50px;\n }\n \n .theme-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n }\n \n .theme-preview {\n height: 200px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 64px;\n }\n \n .theme-preview.modern {\n background: linear-gradient(135deg, #1f2937, #111827);\n }\n \n .theme-preview.colorful {\n background: linear-gradient(135deg, #f97316, #ec4899);\n }\n \n .theme-preview.light {\n background: linear-gradient(135deg, #f9fafb, #e5e7eb);\n }\n \n .theme-info {\n padding: 25px;\n }\n \n .theme-info h3 {\n font-size: 22px;\n margin-bottom: 10px;\n color: #1f2937;\n }\n \n .theme-info p {\n color: #6b7280;\n margin-bottom: 15px;\n }\n \n .theme-info ul {\n list-style: none;\n }\n \n .theme-info li {\n padding: 5px 0;\n color: #374151;\n position: relative;\n padding-left: 25px;\n }\n \n .theme-info li:before {\n content: \"\u2713\";\n color: #10b981;\n position: absolute;\n left: 0;\n font-weight: bold;\n }\n \n .customization-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .customization-item h4 {\n font-size: 20px;\n margin-bottom: 10px;\n color: #1f2937;\n }\n \n .customization-item p {\n color: #6b7280;\n }\n \n \/* Language Section *\/\n .language-section {\n background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\n }\n \n .language-toggle {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-bottom: 50px;\n }\n \n .language-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n max-width: 1200px;\n margin: 0 auto 50px;\n }\n \n .language-feature h3 {\n font-size: 24px;\n margin-bottom: 15px;\n color: #1f2937;\n }\n \n .language-feature p {\n color: #6b7280;\n margin-bottom: 20px;\n }\n \n .language-feature ul {\n list-style: none;\n }\n \n .language-feature li {\n padding: 8px 0;\n color: #374151;\n position: relative;\n padding-left: 25px;\n }\n \n .language-feature li:before {\n content: \"\u2713\";\n color: #10b981;\n position: absolute;\n left: 0;\n font-weight: bold;\n }\n \n .store-previews {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n max-width: 1000px;\n margin: 0 auto;\n }\n \n .store-preview {\n background: white;\n padding: 30px;\n border-radius: 16px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n }\n \n .store-preview h4 {\n font-size: 20px;\n margin-bottom: 20px;\n color: #1f2937;\n }\n \n .preview-item {\n padding: 15px;\n background: #f9fafb;\n border-radius: 8px;\n margin-bottom: 10px;\n text-align: center;\n color: #374151;\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero-content,\n .pos-content,\n .language-content {\n grid-template-columns: 1fr;\n }\n \n .hero-title {\n font-size: 36px;\n }\n \n .section-title {\n font-size: 32px;\n }\n \n .card-mockup {\n max-width: 300px;\n height: 400px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- Hero Section -->\n<section class=\"hero-section\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"badge\">\u2728\u062d\u0644\u0648\u0644 \u0630\u0643\u064a\u0629 \u0644\u0623\u0639\u0645\u0627\u0644\u0643<\/div>\n <h1 class=\"hero-title\">Grow Your Project with <span class=\"highlight\">Tatbiqi<\/span><\/h1>\n <p class=\"hero-description\">Elegance that speaks. Smart solutions that grow your brand effortlessly. Professional services for your store's success.<\/p>\n <div class=\"button-group\">\n <a href=\"#services\" class=\"btn btn-primary\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a>\n <a href=\"#about\" class=\"btn btn-secondary\">Learn More<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <div class=\"card-mockup\">\n <div class=\"card-header\"><\/div>\n <div class=\"card-line\"><\/div>\n <div class=\"card-line short\"><\/div>\n <div class=\"card-grid\">\n <div class=\"card-item\"><\/div>\n <div class=\"card-item\"><\/div>\n <div class=\"card-item\"><\/div>\n <div class=\"card-item\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Services Section -->\n<section id=\"services\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h2>\n <p class=\"section-subtitle\">\u062d\u0644\u0648\u0644 \u0645\u064f\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644. \u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u064f\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udf54<\/div>\n <h3 class=\"service-title\">\u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u0637\u0627\u0639\u0645<\/h3>\n <p class=\"service-description\">\u062c\u0627\u0647\u0632 \u062a\u0643\u0628\u0631 \u0628\u0645\u0637\u0639\u0645\u0643\u061f \u062d\u0644\u0648\u0644\u0646\u0627 \u0627\u0644\u0630\u0643\u064a\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0644\u060c \u0648\u062a\u0636\u0645\u0646 \u0631\u0636\u0627\u0621 \u0639\u0645\u0644\u0627\u0621\u0643 \u062f\u0627\u0626\u0645\u0627\u064b.<\/p>\n <div class=\"service-benefits\">\n <h4>\u0627\u0644\u0641\u0648\u0627\u0626\u062f \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:<\/h4>\n <ul>\n <li>Order Management<\/li>\n <li>Delivery Tracking<\/li>\n <li>Customer Satisfaction<\/li>\n <\/ul>\n <\/div>\n <a href=\"#contact\" class=\"btn btn-primary\" style=\"width: 100%; text-align: center;\">\u0625\u0628\u062f\u0623 \u0627\u0644\u0623\u0646<\/a>\n <\/div>\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udcc5<\/div>\n <h3 class=\"service-title\">\u0644\u062e\u062f\u0645\u0627\u062a \u062d\u062c\u0632 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f<\/h3>\n <p class=\"service-description\">\u0633\u0647\u0651\u0644 \u0639\u0644\u0649 \u0639\u0645\u0644\u0627\u0621\u0643 \u0627\u0644\u062d\u062c\u0632 \u0628\u062e\u0637\u0648\u0629 \u0648\u0627\u062d\u062f\u0629 \u0641\u0642\u0637! \u0646\u0638\u0627\u0645 \u0630\u0643\u064a \u0645\u0635\u0645\u0645 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0644\u0635\u0627\u0644\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a.<\/p>\n <div class=\"service-benefits\">\n <h4>\u0627\u0644\u0641\u0648\u0627\u0626\u062f \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:<\/h4>\n <ul>\n <li>Easy Scheduling<\/li>\n <li>Automated Reminders<\/li>\n <li>Customer Management<\/li>\n <\/ul>\n <\/div>\n <a href=\"#contact\" class=\"btn btn-primary\" style=\"width: 100%; text-align: center;\">\u0625\u0628\u062f\u0623 \u0627\u0644\u0623\u0646<\/a>\n <\/div>\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\uded2<\/div>\n <h3 class=\"service-title\">\u0644\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h3>\n <p class=\"service-description\">Grow your online business with a powerful e-commerce store that manages sales smoothly and takes your products worldwide.<\/p>\n <div class=\"service-benefits\">\n <h4>\u0627\u0644\u0641\u0648\u0627\u0626\u062f \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:<\/h4>\n <ul>\n <li>Sales Management<\/li>\n <li>Global Reach<\/li>\n <li>\u0631\u0628\u0637 \u0628\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <a href=\"#contact\" class=\"btn btn-primary\" style=\"width: 100%; text-align: center;\">\u0625\u0628\u062f\u0623 \u0627\u0644\u0623\u0646<\/a>\n <\/div>\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udcd6<\/div>\n <h3 class=\"service-title\">\u0644\u0635\u0646\u0651\u0627\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h3>\n <p class=\"service-description\">\u0623\u0641\u0643\u0627\u0631\u0643 \u062a\u0633\u062a\u062d\u0642 \u0645\u0646\u0635\u0629 \u0645\u0645\u064a\u0632\u0629! \u0646\u0628\u0646\u064a \u0644\u0643 \u0645\u0648\u0627\u0642\u0639 \u0625\u062d\u062a\u0631\u0627\u0641\u064a\u0647 \u062a\u0639\u0631\u0636 \u0645\u0642\u0627\u0644\u0627\u062a\u0643 \u0648\u0645\u062f\u0648\u0646\u0627\u062a\u0643 \u0648\u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0623\u0639\u0644\u0627\u0645\u064a\u0647 \u0628\u0623\u0641\u0636\u0644 \u0635\u0648\u0631\u0629.<\/p>\n <div class=\"service-benefits\">\n <h4>\u0627\u0644\u0641\u0648\u0627\u0626\u062f \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:<\/h4>\n <ul>\n <li>Professional Showcase<\/li>\n <li>Content Management<\/li>\n <li>Audience Engagement<\/li>\n <\/ul>\n <\/div>\n <a href=\"#contact\" class=\"btn btn-primary\" style=\"width: 100%; text-align: center;\">\u0625\u0628\u062f\u0623 \u0627\u0644\u0623\u0646<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Projects Section -->\n<section id=\"projects\" class=\"section projects-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/h2>\n <p class=\"section-subtitle\">\u0627\u0643\u062a\u0634\u0641 \u0623\u062d\u062f\u062b \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0648\u0634\u0627\u0647\u062f \u0643\u064a\u0641 \u0646\u062d\u0648\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u0648\u0627\u0642\u0639.<\/p>\n <\/div>\n <div class=\"project-filters\">\n <button class=\"filter-btn active\">All Projects<\/button>\n <button class=\"filter-btn\">\u0627\u0644\u062a\u062c\u0645\u064a\u0644<\/button>\n <button class=\"filter-btn\">\u0627\u0644\u0637\u0639\u0627\u0645<\/button>\n <button class=\"filter-btn\">E-commerce<\/button>\n <button class=\"filter-btn\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/button>\n <\/div>\n <div class=\"projects-grid\">\n <div class=\"project-card\">\n <div class=\"project-image\">\ud83d\udc84<\/div>\n <div class=\"project-info\">\n <h3 class=\"project-title\">Project 1<\/h3>\n <span class=\"project-category\">\u0627\u0644\u062a\u062c\u0645\u064a\u0644<\/span>\n <\/div>\n <\/div>\n <div class=\"project-card\">\n <div class=\"project-image\">\ud83c\udf55<\/div>\n <div class=\"project-info\">\n <h3 class=\"project-title\">Project 2<\/h3>\n <span class=\"project-category\">\u0627\u0644\u0637\u0639\u0627\u0645<\/span>\n <\/div>\n <\/div>\n <div class=\"project-card\">\n <div class=\"project-image\">\ud83d\udecd\ufe0f<\/div>\n <div class=\"project-info\">\n <h3 class=\"project-title\">Project 3<\/h3>\n <span class=\"project-category\">Ecommerce<\/span>\n <\/div>\n <\/div>\n <div class=\"project-card\">\n <div class=\"project-image\">\ud83d\udc85<\/div>\n <div class=\"project-info\">\n <h3 class=\"project-title\">Project 4<\/h3>\n <span class=\"project-category\">\u0627\u0644\u062a\u062c\u0645\u064a\u0644<\/span>\n <\/div>\n <\/div>\n <div class=\"project-card\">\n <div class=\"project-image\">\ud83c\udf54<\/div>\n <div class=\"project-info\">\n <h3 class=\"project-title\">Project 5<\/h3>\n <span class=\"project-category\">\u0627\u0644\u0637\u0639\u0627\u0645<\/span>\n <\/div>\n <\/div>\n <div class=\"project-card\">\n <div class=\"project-image\">\u2699\ufe0f<\/div>\n <div class=\"project-info\">\n <h3 class=\"project-title\">Project 6<\/h3>\n <span class=\"project-category\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Clients Section -->\n<section id=\"clients\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629<\/h2>\n <\/div>\n <div class=\"clients-grid\">\n <div class=\"client-logo\">Client 1<\/div>\n <div class=\"client-logo\">Client 2<\/div>\n <div class=\"client-logo\">Client 3<\/div>\n <div class=\"client-logo\">Client 4<\/div>\n <div class=\"client-logo\">Client 5<\/div>\n <div class=\"client-logo\">Client 6<\/div>\n <div class=\"client-logo\">Client 7<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Payment Partners Section -->\n<section id=\"partners\" class=\"section partners-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0645\u0632\u0648\u062f\u064a \u062e\u062f\u0645\u0629 \u0627\u0644\u062f\u0641\u0639<\/h2>\n <p class=\"section-subtitle\">\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u062f\u0641\u0648\u0639\u0627\u062a \u0622\u0645\u0646\u0629 \u0645\u0639 \u0645\u0632\u0648\u062f\u064a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0631\u0627\u0626\u062f\u064a\u0646 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639.<\/p>\n <\/div>\n <div class=\"partners-grid\">\n <div class=\"partner-card\">\n <div class=\"partner-icon\">\ud83d\udcb3<\/div>\n <div class=\"partner-name\">\u06a4\u064a\u0632\u0627<\/div>\n <\/div>\n <div class=\"partner-card\">\n <div class=\"partner-icon\">\ud83c\udd7f\ufe0f<\/div>\n <div class=\"partner-name\">\u0628\u0627\u064a \u0628\u0627\u0644<\/div>\n <\/div>\n <div class=\"partner-card\">\n <div class=\"partner-icon\">\u2713<\/div>\n <div class=\"partner-name\">2Checkout<\/div>\n <\/div>\n <div class=\"partner-card\">\n <div class=\"partner-icon\">\ud83d\udcb0<\/div>\n <div class=\"partner-name\">Telr<\/div>\n <\/div>\n <div class=\"partner-card\">\n <div class=\"partner-icon\">\ud83c\udf4e<\/div>\n <div class=\"partner-name\">\u0623\u0628\u0644 \u0628\u0627\u064a<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Logistics Partners Section -->\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/h2>\n <p class=\"section-subtitle\">Reliable shipping and delivery partners to get your products to customers quickly and safely.<\/p>\n <\/div>\n <div class=\"partners-grid\">\n <div class=\"partner-card\">\n <div class=\"partner-name\">DHL<\/div>\n <\/div>\n <div class=\"partner-card\">\n <div class=\"partner-name\">FedEx<\/div>\n <\/div>\n <div class=\"partner-card\">\n <div class=\"partner-name\">\u0623\u0631\u0627\u0645\u0643\u0633 \u0639\u064f\u0645\u0627\u0646<\/div>\n <\/div>\n <div class=\"partner-card\">\n <div class=\"partner-name\">Local Courier<\/div>\n <\/div>\n <div class=\"partner-card\">\n <div class=\"partner-name\">Express Shipping<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- WhatsApp Integration Section -->\n<section id=\"whatsapp\" class=\"section whatsapp-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0631\u0628\u0637 \u0648\u0627\u062a\u0633\u0627\u0628<\/h2>\n <p class=\"section-subtitle\">Connect with your customers directly on WhatsApp. Authenticate, manage orders, and provide support seamlessly.<\/p>\n <\/div>\n <div class=\"whatsapp-grid\">\n <div class=\"whatsapp-card\">\n <h3>Authentication<\/h3>\n <p>Allow customers to log in and register using their WhatsApp account for a seamless experience.<\/p>\n <ul>\n <li>One-click login<\/li>\n <li>Secure verification<\/li>\n <li>Profile sync<\/li>\n <\/ul>\n <\/div>\n <div class=\"whatsapp-card\">\n <h3>Order Management<\/h3>\n <p>Customers can browse products, place orders, and track shipments directly through WhatsApp.<\/p>\n <ul>\n <li>Product catalog<\/li>\n <li>Order placement<\/li>\n <li>Real-time tracking<\/li>\n <\/ul>\n <\/div>\n <div class=\"whatsapp-card\">\n <h3>Customer Support<\/h3>\n <p>Provide instant customer support and handle inquiries through WhatsApp Business API.<\/p>\n <ul>\n <li>Instant messaging<\/li>\n <li>Automated responses<\/li>\n <li>Support tickets<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div style=\"text-align: center;\">\n <a href=\"#contact\" class=\"btn btn-primary\">Integrate WhatsApp Now<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Pricing Section -->\n<section id=\"pricing\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0623\u0633\u0639\u0627\u0631 \u0648\u0627\u0636\u062d\u0629 \u0648\u063a\u064a\u0631 \u0645\u0639\u0642\u062f\u0629<\/h2>\n <p class=\"section-subtitle\">Choose the perfect plan for your business. Scale as you grow.<\/p>\n <\/div>\n <div class=\"pricing-toggle\">\n <button class=\"toggle-btn active\">\u0634\u0647\u0631\u064a\u0627<\/button>\n <button class=\"toggle-btn\">Yearly (Save 20%)<\/button>\n <\/div>\n <div class=\"pricing-grid\">\n <div class=\"pricing-card\">\n <h3 class=\"pricing-name\">\u0628\u064a\u0633\u0643<\/h3>\n <p class=\"pricing-description\">Perfect for getting started<\/p>\n <div class=\"pricing-price\">$29<\/div>\n <div class=\"pricing-period\">\u0634\u0647\u0631\u064a\u0627\u064b<\/div>\n <ul class=\"pricing-features\">\n <li>Up to 1,000 orders\/month<\/li>\n <li>Basic analytics<\/li>\n <li>Email support<\/li>\n <li>1 user account<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn btn-primary\" style=\"width: 100%; text-align: center;\">\u0625\u0628\u062f\u0623 \u0627\u0644\u0623\u0646<\/a>\n <\/div>\n \n <div class=\"pricing-card popular\">\n <div class=\"popular-badge\">\u0634\u0627\u0626\u0639<\/div>\n <h3 class=\"pricing-name\">Professional<\/h3>\n <p class=\"pricing-description\">Best for growing businesses<\/p>\n <div class=\"pricing-price\">$79<\/div>\n <div class=\"pricing-period\">\u0634\u0647\u0631\u064a\u0627\u064b<\/div>\n <ul class=\"pricing-features\">\n <li>Up to 10,000 orders\/month<\/li>\n <li>Advanced analytics<\/li>\n <li>Priority support<\/li>\n <li>Up to 5 user accounts<\/li>\n <li>WhatsApp integration<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn btn-primary\" style=\"width: 100%; text-align: center;\">\u0625\u0628\u062f\u0623 \u0627\u0644\u0623\u0646<\/a>\n <\/div>\n \n <div class=\"pricing-card\">\n <h3 class=\"pricing-name\">Enterprise<\/h3>\n <p class=\"pricing-description\">For large-scale operations<\/p>\n <div class=\"pricing-price\">$199<\/div>\n <div class=\"pricing-period\">\u0634\u0647\u0631\u064a\u0627\u064b<\/div>\n <ul class=\"pricing-features\">\n <li>Unlimited orders<\/li>\n <li>Custom analytics<\/li>\n <li>24\/7 dedicated support<\/li>\n <li>Unlimited users<\/li>\n <li>All integrations included<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn btn-primary\" style=\"width: 100%; text-align: center;\">Contact Sales<\/a>\n <\/div>\n <\/div>\n \n <div class=\"section-header\">\n <h3 class=\"section-title\" style=\"font-size: 32px;\">\u0625\u0636\u0627\u0641\u0627\u062a<\/h3>\n <\/div>\n <div class=\"addons-grid\">\n <div class=\"addon-card\">\n <h4>Advanced Analytics<\/h4>\n <p>Detailed reports and insights<\/p>\n <div class=\"addon-price\">$29<\/div>\n <div class=\"addon-period\">\/mo<\/div>\n <\/div>\n <div class=\"addon-card\">\n <h4>Extra Users<\/h4>\n <p>Add more team members<\/p>\n <div class=\"addon-price\">$19<\/div>\n <div class=\"addon-period\">\/mo<\/div>\n <\/div>\n <div class=\"addon-card\">\n <h4>API Access<\/h4>\n <p>Custom integrations<\/p>\n <div class=\"addon-price\">$49<\/div>\n <div class=\"addon-period\">\/mo<\/div>\n <\/div>\n <div class=\"addon-card\">\n <h4>Priority Support<\/h4>\n <p>24\/7 dedicated support<\/p>\n <div class=\"addon-price\">$39<\/div>\n <div class=\"addon-period\">\/mo<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- POS Integration Section -->\n<section id=\"pos\" class=\"section pos-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">POS & Inventory Integration<\/h2>\n <p class=\"section-subtitle\">Seamlessly integrate with your point-of-sale system and manage inventory in real-time across all channels.<\/p>\n <\/div>\n <div class=\"pos-content\">\n <div>\n <h3 style=\"font-size: 28px; margin-bottom: 30px; color: #1f2937;\">Supported POS Systems<\/h3>\n <div class=\"pos-systems\">\n <div class=\"pos-system\">Square<\/div>\n <div class=\"pos-system\">Toast<\/div>\n <div class=\"pos-system\">Shopify POS<\/div>\n <div class=\"pos-system\">Clover<\/div>\n <\/div>\n <\/div>\n <div>\n <h3 style=\"font-size: 28px; margin-bottom: 30px; color: #1f2937;\">\u0645\u064a\u0632\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/h3>\n <div class=\"pos-features\">\n <div class=\"pos-feature\">\n <h4>Real-Time Sync<\/h4>\n <p>Automatically synchronize inventory levels across your POS, online store, and all sales channels in real-time.<\/p>\n <ul>\n <li>Instant updates<\/li>\n <li>Multi-channel sync<\/li>\n <li>Zero overselling<\/li>\n <\/ul>\n <\/div>\n <div class=\"pos-feature\">\n <h4>Stock Management<\/h4>\n <p>Track stock levels, manage SKUs, and receive alerts when inventory falls below minimum thresholds.<\/p>\n <ul>\n <li>Low stock alerts<\/li>\n <li>SKU tracking<\/li>\n <li>Batch management<\/li>\n <\/ul>\n <\/div>\n <div class=\"pos-feature\">\n <h4>Advanced Analytics<\/h4>\n <p>Get insights into inventory turnover, sales trends, and optimize stock levels for maximum profitability.<\/p>\n <ul>\n <li>Turnover reports<\/li>\n <li>Sales forecasting<\/li>\n <li>Demand planning<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"text-align: center; margin-top: 40px;\">\n <a href=\"#contact\" class=\"btn btn-primary\">Integrate POS Now<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Why Choose Section -->\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u062a\u0637\u0628\u064a\u0642\u064a\u061f<\/h2>\n <p class=\"section-subtitle\">\u0646\u062d\u0646 \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644 \u0644\u062a\u0642\u062f\u064a\u0645 \u0646\u062a\u0627\u0626\u062c \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629.<\/p>\n <\/div>\n <div class=\"why-choose-grid\">\n <div class=\"why-item\">\n <div class=\"why-icon\">\u26a1<\/div>\n <h3>\u0633\u0631\u064a\u0639 \u0643\u0627\u0644\u0628\u0631\u0642<\/h3>\n <p>\u0623\u062f\u0627\u0621 \u0645\u064f\u062d\u0633\u0651\u064e\u0646 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u062a\u062c\u0631\u0628\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/p>\n <\/div>\n <div class=\"why-item\">\n <div class=\"why-icon\">\ud83d\udc65<\/div>\n <h3>\u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n <p>\u0645\u0635\u0645\u0645 \u0644\u064a\u064f\u0644\u0628\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0632\u0628\u0627\u0626\u0646\u0643<\/p>\n <\/div>\n <div class=\"why-item\">\n <div class=\"why-icon\">\ud83c\udf0d<\/div>\n <h3>\u0646\u0637\u0627\u0642 \u0639\u0627\u0644\u0645\u064a<\/h3>\n <p>\u0648\u0633\u0651\u0650\u0639 \u0646\u0637\u0627\u0642 \u0639\u0645\u0644\u0643 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645 \u0628\u0643\u0644 \u0633\u0647\u0648\u0644\u0629<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CTA Section -->\n<section class=\"section cta-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u062a\u063a\u064a\u064a\u0631 \u0634\u0643\u0644 \u0645\u0634\u0631\u0648\u0639\u0643\u061f<\/h2>\n <p class=\"section-subtitle\">\u0643\u0646 \u062c\u0632\u0621\u0627\u064b \u0645\u0646 \u0622\u0644\u0627\u0641 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062e\u062f\u0645 \u062a\u0637\u0628\u064a\u0642\u064a \u0644\u0644\u0646\u0645\u0648 \u0648\u062a\u0637\u0648\u064a\u0631 \u0639\u0645\u0644\u064a\u0627\u062a\u0647\u0627 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.<\/p>\n <\/div>\n <div class=\"button-group\" style=\"justify-content: center;\">\n <a href=\"#contact\" class=\"btn\" style=\"background: white; color: #10b981; border-color: white;\">Start Free Trial<\/a>\n <a href=\"#contact\" class=\"btn\" style=\"background: transparent; color: white; border-color: white;\">Contact Sales<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Theme Customization Section -->\n<section class=\"section theme-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u0635\u064e\u0645\u0651\u0650\u0645 \u0627\u0644\u062b\u064a\u0645 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643<\/h2>\n <p class=\"section-subtitle translation-block\">\u062e\u0635\u0635 \u0645\u062a\u062c\u0631\u0643 \u0628\u062e\u064a\u0627\u0631\u0627\u062a \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\u0629 \u0644\u062a\u062e\u0635\u064a\u0635 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 (UI\/UX).<br>\u0627\u062e\u062a\u0631 \u0645\u0646 \u0628\u064a\u0646 \u0627\u0644\u0642\u0648\u0627\u0644\u0628 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0623\u0648 \u0623\u0646\u0634\u0626 \u0642\u0627\u0644\u0628\u0643 \u0627\u0644\u062e\u0627\u0635.<\/p>\n <\/div>\n <div class=\"themes-grid\">\n <div class=\"theme-card\">\n <div class=\"theme-preview modern\">\ud83c\udf19<\/div>\n <div class=\"theme-info\">\n <h3>Modern Theme<\/h3>\n <p>Clean, minimalist design with dark accents<\/p>\n <ul>\n <li>Dark Navigation<\/li>\n <li>Minimal Colors<\/li>\n <li>Bold Typography<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"theme-card\">\n <div class=\"theme-preview colorful\">\ud83c\udfa8<\/div>\n <div class=\"theme-info\">\n <h3>Colorful Theme<\/h3>\n <p>Vibrant colors with gradient accents<\/p>\n <ul>\n <li>Gradient Backgrounds<\/li>\n <li>Vibrant Colors<\/li>\n <li>Dynamic Effects<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"theme-card\">\n <div class=\"theme-preview light\">\u2600\ufe0f<\/div>\n <div class=\"theme-info\">\n <h3>Light Theme<\/h3>\n <p>Bright and airy design with soft colors<\/p>\n <ul>\n <li>Light Background<\/li>\n <li>Soft Colors<\/li>\n <li>Easy on Eyes<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"section-header\" style=\"margin-top: 60px;\">\n <h3 class=\"section-title\" style=\"font-size: 32px;\">\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062a\u062e\u0635\u064a\u0635<\/h3>\n <\/div>\n <div class=\"customization-grid\">\n <div class=\"customization-item\">\n <h4>Color Palette<\/h4>\n <p>Choose from 100+ color combinations or create custom colors<\/p>\n <\/div>\n <div class=\"customization-item\">\n <h4>Typography<\/h4>\n <p>Select from premium fonts and adjust sizes\/weights<\/p>\n <\/div>\n <div class=\"customization-item\">\n <h4>Layout Options<\/h4>\n <p>Customize layouts for homepage, products, and checkout<\/p>\n <\/div>\n <div class=\"customization-item\">\n <h4>Effects & Animations<\/h4>\n <p>Add parallax, transitions, and hover effects easily<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Multi-Language Section -->\n<section class=\"section language-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u062f\u0639\u0645 \u0627\u0644\u0644\u063a\u0627\u062a \u0644\u0644\u0645\u062a\u062c\u0631<\/h2>\n <p class=\"section-subtitle\">\u0627\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0627\u0644\u0645\u064a\u064b\u0627 \u0645\u0639 \u062f\u0639\u0645 \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u0629. \u062a\u062d\u0648\u064a\u0644 \u0628\u0633\u064a\u0637 \u0644\u0644\u063a\u0629 \u0644\u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629.<\/p>\n <\/div>\n <div class=\"language-toggle\">\n <button class=\"toggle-btn active\">English<\/button>\n <button class=\"toggle-btn\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/button>\n <\/div>\n <div class=\"language-content\">\n <div class=\"language-feature\">\n <h3>Global Reach<\/h3>\n <p>Serve customers in multiple regions with localized content and currency support.<\/p>\n <ul>\n <li>Automatic Language Detection<\/li>\n <li>RTL Support for Arabic<\/li>\n <li>\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0644\u0644\u0645\u062a\u062c\u0631<\/li>\n <\/ul>\n <\/div>\n <div class=\"language-feature\">\n <h3>Customer Communication<\/h3>\n <p>Communicate with customers in their preferred language for better engagement.<\/p>\n <ul>\n <li>Translated Notifications<\/li>\n <li>Localized Email Templates<\/li>\n <li>WhatsApp in Local Language<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"section-header\" style=\"margin-top: 60px;\">\n <h3 class=\"section-title\" style=\"font-size: 32px;\">Store Preview<\/h3>\n <\/div>\n <div class=\"store-previews\">\n <div class=\"store-preview\">\n <h4>English Store<\/h4>\n <div class=\"preview-item\">Welcome to our store<\/div>\n <div class=\"preview-item\">Browse our products<\/div>\n <div class=\"preview-item\">Add to cart<\/div>\n <div class=\"preview-item\">\u0627\u0644\u062f\u0641\u0639<\/div>\n <\/div>\n <div class=\"store-preview\">\n <h4>\u0645\u062a\u062c\u0631 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/h4>\n <div class=\"preview-item\">\u0623\u0647\u0644\u0627 \u0628\u0643 \u0641\u064a \u0645\u062a\u062c\u0631\u0646\u0627<\/div>\n <div class=\"preview-item\">\u062a\u0635\u0641\u062d \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627<\/div>\n <div class=\"preview-item\">\u0623\u0636\u0641 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629<\/div>\n <div class=\"preview-item\">\u0627\u0644\u062f\u0641\u0639<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Tatbiqi Homepage \u2728 Smart Solutions for Your Business Grow Your Project with Tatbiqi Elegance that speaks. Smart solutions that grow<\/p>","protected":false},"author":63,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-25903","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tatbiqi.om\/ar\/wp-json\/wp\/v2\/pages\/25903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tatbiqi.om\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tatbiqi.om\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tatbiqi.om\/ar\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/tatbiqi.om\/ar\/wp-json\/wp\/v2\/comments?post=25903"}],"version-history":[{"count":17,"href":"https:\/\/tatbiqi.om\/ar\/wp-json\/wp\/v2\/pages\/25903\/revisions"}],"predecessor-version":[{"id":25946,"href":"https:\/\/tatbiqi.om\/ar\/wp-json\/wp\/v2\/pages\/25903\/revisions\/25946"}],"wp:attachment":[{"href":"https:\/\/tatbiqi.om\/ar\/wp-json\/wp\/v2\/media?parent=25903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}