{"id":6,"date":"2026-08-17T02:23:19","date_gmt":"2026-08-16T23:23:19","guid":{"rendered":"https:\/\/tasweeqlink.com\/?page_id=6"},"modified":"2026-08-17T02:44:35","modified_gmt":"2026-08-16T23:44:35","slug":"home","status":"publish","type":"page","link":"https:\/\/tasweeqlink.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3849f02a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3849f02a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4fc59dfd\" data-id=\"4fc59dfd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ebac3f elementor-widget elementor-widget-html\" data-id=\"ebac3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== REQUIRED ASSETS (fonts \/ icons \/ tailwind) ===== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@tailwindcss\/browser@4\"><\/script>\n\n<!-- ===== NAVBAR ===== -->\n<nav class=\"navbar fixed top-0 w-full z-50\" id=\"navbar\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"flex items-center justify-between h-20\">\n      <!-- Logo -->\n      <a href=\"#home\" class=\"flex items-center gap-2\">\n        <img decoding=\"async\" src=\"https:\/\/tasweeqlink.com\/wp-content\/uploads\/2026\/07\/cropped-Minimalist_Orange_Online_Link_Store_Market_Logo-removebg-preview.png\"\n          alt=\"\u062a\u0633\u0648\u064a\u0642 \u0644\u064a\u0646\u0643\" class=\"h-14 w-auto logo-img\" \/>\n      <\/a>\n      <!-- Desktop Nav -->\n      <div class=\"hidden lg:flex items-center gap-8\">\n        <a href=\"#home\" class=\"nav-link\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n        <a href=\"#services\" class=\"nav-link\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n        <a href=\"#about\" class=\"nav-link\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n        <a href=\"#portfolio\" class=\"nav-link\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\n        <a href=\"#pricing\" class=\"nav-link\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/a>\n        <a href=\"#testimonials\" class=\"nav-link\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n        <a href=\"#contact\" class=\"nav-link\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n      <\/div>\n      <!-- CTA + Burger -->\n      <div class=\"flex items-center gap-4\">\n        <a href=\"#contact\" class=\"hidden lg:flex btn-primary text-sm\">\n          <i class=\"fas fa-rocket\"><\/i> \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646\n        <\/a>\n        <button id=\"burger\" class=\"lg:hidden text-white text-2xl focus:outline-none\">\n          <i class=\"fas fa-bars\" id=\"burgerIcon\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- Mobile Menu -->\n  <div class=\"mobile-menu\" id=\"mobileMenu\">\n    <a href=\"#home\" class=\"nav-link py-2 border-b border-white\/5\" onclick=\"closeMobile()\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n    <a href=\"#services\" class=\"nav-link py-2 border-b border-white\/5\" onclick=\"closeMobile()\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n    <a href=\"#about\" class=\"nav-link py-2 border-b border-white\/5\" onclick=\"closeMobile()\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n    <a href=\"#portfolio\" class=\"nav-link py-2 border-b border-white\/5\" onclick=\"closeMobile()\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\n    <a href=\"#pricing\" class=\"nav-link py-2 border-b border-white\/5\" onclick=\"closeMobile()\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/a>\n    <a href=\"#testimonials\" class=\"nav-link py-2 border-b border-white\/5\" onclick=\"closeMobile()\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n    <a href=\"#contact\" class=\"nav-link py-2\" onclick=\"closeMobile()\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n    <a href=\"#contact\" class=\"btn-primary text-sm justify-center mt-2\">\n      <i class=\"fas fa-rocket\"><\/i> \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646\n    <\/a>\n  <\/div>\n<\/nav>\n\n<!-- ===== HERO ===== -->\n<section id=\"home\" class=\"hero-bg min-h-screen flex items-center pt-20\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 py-20 w-full\">\n    <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n      <!-- Left -->\n      <div class=\"z-10 relative\">\n        <div class=\"section-badge mb-4\">\n          <i class=\"fas fa-star ml-1\"><\/i> \u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a #1\n        <\/div>\n        <h1 class=\"hero-title mb-6\">\n          \u0646\u064f\u062d\u0648\u0650\u0651\u0644 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0625\u0644\u0649\n          <span>\u0642\u0648\u0629 \u0631\u0642\u0645\u064a\u0629<\/span>\n          \u0644\u0627 \u062a\u064f\u0642\u0647\u0631\n        <\/h1>\n        <p class=\"text-slate-400 text-lg leading-relaxed mb-10 max-w-xl\">\n          \u0646\u062d\u0646 \u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642link \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0630\u0643\u064a \u2014 \u0646\u0635\u0646\u0639 \u0644\u0643 \u062d\u0636\u0648\u0631\u0627\u064b \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u064b \u0642\u0648\u064a\u0627\u064b\u060c \u0646\u0631\u0641\u0639 \u0645\u0628\u064a\u0639\u0627\u062a\u0643\u060c \u0648\u0646\u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0623\u0633\u0627\u0644\u064a\u0628 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0645\u064f\u062b\u0628\u062a\u0629.\n        <\/p>\n        <div class=\"flex flex-wrap gap-4 mb-12\">\n          <a href=\"#contact\" class=\"btn-primary text-base\">\n            <i class=\"fas fa-rocket\"><\/i> \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u0627\u064b \u0627\u0644\u0622\u0646\n          <\/a>\n          <a href=\"#portfolio\" class=\"btn-outline text-base\">\n            <i class=\"fas fa-eye\"><\/i> \u0634\u0627\u0647\u062f \u0623\u0639\u0645\u0627\u0644\u0646\u0627\n          <\/a>\n        <\/div>\n        <!-- Mini Stats -->\n        <div class=\"flex flex-wrap gap-8\">\n          <div>\n            <div class=\"text-3xl font-black text-orange-400\">+500<\/div>\n            <div class=\"text-slate-400 text-sm\">\u0639\u0645\u064a\u0644 \u0631\u0627\u0636\u064d<\/div>\n          <\/div>\n          <div class=\"w-px bg-white\/10\"><\/div>\n          <div>\n            <div class=\"text-3xl font-black text-orange-400\">+6<\/div>\n            <div class=\"text-slate-400 text-sm\">\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629<\/div>\n          <\/div>\n          <div class=\"w-px bg-white\/10\"><\/div>\n          <div>\n            <div class=\"text-3xl font-black text-orange-400\">98%<\/div>\n            <div class=\"text-slate-400 text-sm\">\u0645\u0639\u062f\u0644 \u0627\u0644\u0631\u0636\u0627<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Right - Hero Visual -->\n      <div class=\"relative flex justify-center items-center z-10\">\n        <div class=\"relative w-full max-w-md\">\n          <!-- Main image -->\n          <div class=\"rounded-3xl overflow-hidden border border-orange-500\/20 shadow-2xl shadow-orange-500\/10\">\n            <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1181346\/pexels-photo-1181346.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200\"\n              alt=\"\u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642\" class=\"w-full h-72 object-cover\" \/>\n            <div class=\"absolute inset-0 bg-gradient-to-t from-orange-900\/40 to-transparent rounded-3xl\"><\/div>\n          <\/div>\n          <!-- Floating badges -->\n          <div class=\"float-badge absolute -top-6 -right-6 bg-dark2 border border-orange-500\/30 rounded-2xl px-4 py-3 shadow-xl\">\n            <div class=\"flex items-center gap-2\">\n              <div class=\"w-3 h-3 bg-green-400 rounded-full animate-pulse\"><\/div>\n              <span class=\"text-sm font-bold text-white\">\u0645\u062a\u0627\u062d \u0627\u0644\u0622\u0646<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"float-badge absolute -bottom-5 -left-5 bg-dark2 border border-orange-500\/30 rounded-2xl px-4 py-3 shadow-xl\">\n            <div class=\"flex items-center gap-2\">\n              <i class=\"fas fa-chart-line text-orange-400\"><\/i>\n              <div>\n                <div class=\"text-xs text-slate-400\">\u0646\u0645\u0648 \u0634\u0647\u0631\u064a<\/div>\n                <div class=\"text-sm font-black text-white\">+340%<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"float-badge absolute top-1\/2 -left-8 bg-dark2 border border-orange-500\/30 rounded-2xl px-4 py-3 shadow-xl hidden sm:block\">\n            <div class=\"flex items-center gap-2\">\n              <i class=\"fas fa-trophy text-yellow-400\"><\/i>\n              <div>\n                <div class=\"text-xs text-slate-400\">\u062c\u0648\u0627\u0626\u0632 \u0645\u0643\u062a\u0633\u0628\u0629<\/div>\n                <div class=\"text-sm font-black text-white\">12 \u062c\u0627\u0626\u0632\u0629<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- Scroll indicator -->\n  <div class=\"absolute bottom-8 left-1\/2 transform -translate-x-1\/2 animate-bounce\">\n    <a href=\"#stats\" class=\"text-orange-400 text-2xl\">\n      <i class=\"fas fa-chevron-down\"><\/i>\n    <\/a>\n  <\/div>\n<\/section>\n\n<!-- ===== STATS ===== -->\n<section id=\"stats\" class=\"py-20 section-dark2\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-6\">\n      <div class=\"stat-card fade-up\">\n        <div class=\"text-5xl font-black text-orange-400 mb-2 counter\" data-target=\"500\">0<\/div>\n        <div class=\"text-slate-400 text-sm font-medium\">\u0639\u0645\u064a\u0644 \u0631\u0627\u0636\u064d<\/div>\n        <i class=\"fas fa-users text-orange-500\/30 text-3xl mt-3\"><\/i>\n      <\/div>\n      <div class=\"stat-card fade-up\">\n        <div class=\"text-5xl font-black text-orange-400 mb-2 counter\" data-target=\"1200\">0<\/div>\n        <div class=\"text-slate-400 text-sm font-medium\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0643\u062a\u0645\u0644<\/div>\n        <i class=\"fas fa-briefcase text-orange-500\/30 text-3xl mt-3\"><\/i>\n      <\/div>\n      <div class=\"stat-card fade-up\">\n        <div class=\"text-5xl font-black text-orange-400 mb-2 counter\" data-target=\"98\">0<\/div>\n        <div class=\"text-slate-400 text-sm font-medium\">% \u0645\u0639\u062f\u0644 \u0627\u0644\u0631\u0636\u0627<\/div>\n        <i class=\"fas fa-star text-orange-500\/30 text-3xl mt-3\"><\/i>\n      <\/div>\n      <div class=\"stat-card fade-up\">\n        <div class=\"text-5xl font-black text-orange-400 mb-2 counter\" data-target=\"6\">0<\/div>\n        <div class=\"text-slate-400 text-sm font-medium\">\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629<\/div>\n        <i class=\"fas fa-award text-orange-500\/30 text-3xl mt-3\"><\/i>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SERVICES ===== -->\n<section id=\"services\" class=\"py-24 section-dark\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"text-center mb-16 fade-up\">\n      <div class=\"section-badge\"><i class=\"fas fa-cogs ml-1\"><\/i> \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/div>\n      <h2 class=\"section-title\">\u0645\u0627 \u0627\u0644\u0630\u064a \u0646\u0642\u062f\u0645\u0647 <span>\u0644\u0643\u061f<\/span><\/h2>\n      <div class=\"orange-divider\"><\/div>\n      <p class=\"text-slate-400 max-w-xl mx-auto\">\u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u063a\u0637\u064a \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0644\u062a\u0646\u0645\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a<\/p>\n    <\/div>\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n      <!-- Service 1 -->\n      <div class=\"service-card fade-up\">\n        <div class=\"service-icon\">\ud83d\udcf1<\/div>\n        <h3 class=\"text-xl font-bold text-white mb-3\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/h3>\n        <p class=\"text-slate-400 leading-relaxed\">\u0646\u062f\u064a\u0631 \u062d\u0633\u0627\u0628\u0627\u062a\u0643 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u2014 \u0645\u062d\u062a\u0648\u0649 \u0625\u0628\u062f\u0627\u0639\u064a\u060c \u062c\u062f\u0648\u0644\u0629 \u0630\u0643\u064a\u0629\u060c \u0648\u062a\u0641\u0627\u0639\u0644 \u062d\u0642\u064a\u0642\u064a \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0643.<\/p>\n        <div class=\"mt-4 flex flex-wrap gap-2\">\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">Instagram<\/span>\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">Facebook<\/span>\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">TikTok<\/span>\n        <\/div>\n      <\/div>\n      <!-- Service 2 -->\n      <div class=\"service-card fade-up\">\n        <div class=\"service-icon\">\ud83c\udfaf<\/div>\n        <h3 class=\"text-xl font-bold text-white mb-3\">\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 (PPC)<\/h3>\n        <p class=\"text-slate-400 leading-relaxed\">\u0646\u0635\u0645\u0645 \u0648\u0646\u064f\u0634\u063a\u0651\u0644 \u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643\u060c \u062c\u0648\u062c\u0644\u060c \u0648\u0625\u0646\u0633\u062a\u0642\u0631\u0627\u0645 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0642\u0635\u0649 \u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0643 \u0628\u0623\u0642\u0644 \u062a\u0643\u0644\u0641\u0629 \u0645\u0645\u0643\u0646\u0629.<\/p>\n        <div class=\"mt-4 flex flex-wrap gap-2\">\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">Facebook Ads<\/span>\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">Google Ads<\/span>\n        <\/div>\n      <\/div>\n      <!-- Service 3 -->\n      <div class=\"service-card fade-up\">\n        <div class=\"service-icon\">\ud83d\udd0d<\/div>\n        <h3 class=\"text-xl font-bold text-white mb-3\">\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b (SEO)<\/h3>\n        <p class=\"text-slate-400 leading-relaxed\">\u0646\u0636\u0639 \u0645\u0648\u0642\u0639\u0643 \u0641\u064a \u0635\u062f\u0627\u0631\u0629 \u0646\u062a\u0627\u0626\u062c \u062c\u0648\u062c\u0644 \u0628\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a SEO \u0645\u062a\u0642\u062f\u0645\u0629 \u2014 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629\u060c \u0628\u0646\u0627\u0621 \u0627\u0644\u0631\u0648\u0627\u0628\u0637\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649.<\/p>\n        <div class=\"mt-4 flex flex-wrap gap-2\">\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">On-Page SEO<\/span>\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">Link Building<\/span>\n        <\/div>\n      <\/div>\n      <!-- Service 4 -->\n      <div class=\"service-card fade-up\">\n        <div class=\"service-icon\">\u270d\ufe0f<\/div>\n        <h3 class=\"text-xl font-bold text-white mb-3\">\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a<\/h3>\n        <p class=\"text-slate-400 leading-relaxed\">\u0646\u0635\u0646\u0639 \u0645\u062d\u062a\u0648\u0649 \u0645\u0631\u0626\u064a\u0627\u064b \u0648\u0645\u0643\u062a\u0628\u0648\u0627\u064b \u064a\u062c\u0630\u0628 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0648\u064a\u064f\u062d\u0648\u0651\u0644 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u064a\u0646 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u2014 \u062a\u0635\u0627\u0645\u064a\u0645 \u062c\u0631\u0627\u0641\u064a\u0643\u060c \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0631\u064a\u0644\u0632\u060c \u0648\u0643\u062a\u0627\u0628\u0629 \u0625\u0642\u0646\u0627\u0639\u064a\u0629.<\/p>\n        <div class=\"mt-4 flex flex-wrap gap-2\">\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">Reels<\/span>\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">Copywriting<\/span>\n        <\/div>\n      <\/div>\n      <!-- Service 5 -->\n      <div class=\"service-card fade-up\">\n        <div class=\"service-icon\">\ud83c\udf10<\/div>\n        <h3 class=\"text-xl font-bold text-white mb-3\">\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h3>\n        <p class=\"text-slate-400 leading-relaxed\">\u0646\u0628\u0646\u064a \u0645\u0648\u0627\u0642\u0639 \u0648\u064a\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u062a\u062c\u0627\u0648\u0628\u0629 \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062d\u0648\u0651\u0644 \u0627\u0644\u0632\u0648\u0627\u0631 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u062d\u0642\u064a\u0642\u064a\u064a\u0646.<\/p>\n        <div class=\"mt-4 flex flex-wrap gap-2\">\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">WordPress<\/span>\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">Landing Pages<\/span>\n        <\/div>\n      <\/div>\n      <!-- Service 6 -->\n      <div class=\"service-card fade-up\">\n        <div class=\"service-icon\">\ud83d\udcca<\/div>\n        <h3 class=\"text-xl font-bold text-white mb-3\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631<\/h3>\n        <p class=\"text-slate-400 leading-relaxed\">\u0646\u064f\u062d\u0644\u0644 \u0623\u062f\u0627\u0621 \u062d\u0645\u0644\u0627\u062a\u0643 \u0628\u062f\u0642\u0629 \u0648\u0646\u064f\u0642\u062f\u0645 \u062a\u0642\u0627\u0631\u064a\u0631 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u0641\u0647\u0648\u0645\u0629 \u062a\u064f\u0638\u0647\u0631 \u0646\u062a\u0627\u0626\u062c \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u062a\u064f\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0630\u0643\u064a\u0629.<\/p>\n        <div class=\"mt-4 flex flex-wrap gap-2\">\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">Analytics<\/span>\n          <span class=\"text-xs bg-orange-500\/10 text-orange-400 border border-orange-500\/20 rounded-full px-3 py-1\">KPIs<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== ABOUT ===== -->\n<section id=\"about\" class=\"py-24 section-dark2\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n      <!-- Image Side -->\n      <div class=\"relative fade-up\">\n        <div class=\"relative rounded-3xl overflow-hidden\">\n          <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/7793177\/pexels-photo-7793177.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200\"\n            alt=\"\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\" class=\"w-full h-96 object-cover rounded-3xl\" \/>\n          <div class=\"absolute inset-0 bg-gradient-to-t from-orange-900\/30 to-transparent rounded-3xl\"><\/div>\n        <\/div>\n        <!-- Experience badge -->\n        <div class=\"absolute -bottom-6 -right-6 bg-gradient-to-br from-orange-500 to-orange-700 rounded-2xl p-6 shadow-2xl text-white text-center\">\n          <div class=\"text-4xl font-black\">+6<\/div>\n          <div class=\"text-sm font-medium opacity-90\">\u0633\u0646\u0648\u0627\u062a<br \/>\u062e\u0628\u0631\u0629<\/div>\n        <\/div>\n        <div class=\"absolute -top-6 -left-6 bg-dark border border-orange-500\/30 rounded-2xl p-5 shadow-xl\">\n          <div class=\"flex items-center gap-3\">\n            <div class=\"text-3xl\">\ud83c\udfc6<\/div>\n            <div>\n              <div class=\"font-bold text-white text-sm\">\u0627\u0644\u0623\u0641\u0636\u0644 \u0641\u064a \u0627\u0644\u0645\u063a\u0631\u0628<\/div>\n              <div class=\"text-orange-400 text-xs\">2024 Award<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Text Side -->\n      <div class=\"fade-up\">\n        <div class=\"section-badge\"><i class=\"fas fa-info-circle ml-1\"><\/i> \u0645\u0646 \u0646\u062d\u0646<\/div>\n        <h2 class=\"section-title mb-6\">\n          \u0634\u0631\u0643\u0627\u0621 \u0646\u062c\u0627\u062d\u0643 \u0641\u064a\n          <span>\u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\n        <\/h2>\n        <p class=\"text-slate-400 leading-relaxed mb-6\">\n          <strong class=\"text-white\">\u062a\u0633\u0648\u064a\u0642 \u0644\u064a\u0646\u0643<\/strong> \u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a \u0645\u063a\u0631\u0628\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0623\u0633\u0633\u062a \u0628\u0647\u062f\u0641 \u0648\u0627\u062d\u062f \u0648\u0627\u0636\u062d: \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u0627\u0644\u0641\u0636\u0627\u0621 \u0627\u0644\u0631\u0642\u0645\u064a. \n        <\/p>\n        <p class=\"text-slate-400 leading-relaxed mb-8\">\n          \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0646\u064f\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u064f\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0644\u0645\u0648\u0633\u0629. \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u064a\u0639\u0645\u0644 \u0628\u0634\u063a\u0641 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062c\u0627\u0648\u0632 \u062a\u0648\u0642\u0639\u0627\u062a\u0643.\n        <\/p>\n        <!-- Skills -->\n        <div class=\"space-y-4\">\n          <div>\n            <div class=\"flex justify-between mb-1\">\n              <span class=\"text-white font-semibold text-sm\">\u0625\u062f\u0627\u0631\u0629 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/span>\n              <span class=\"text-orange-400 font-bold text-sm\">95%<\/span>\n            <\/div>\n            <div class=\"skill-bar\"><div class=\"skill-fill\" data-width=\"95\"><\/div><\/div>\n          <\/div>\n          <div>\n            <div class=\"flex justify-between mb-1\">\n              <span class=\"text-white font-semibold text-sm\">\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 (PPC)<\/span>\n              <span class=\"text-orange-400 font-bold text-sm\">92%<\/span>\n            <\/div>\n            <div class=\"skill-bar\"><div class=\"skill-fill\" data-width=\"92\"><\/div><\/div>\n          <\/div>\n          <div>\n            <div class=\"flex justify-between mb-1\">\n              <span class=\"text-white font-semibold text-sm\">\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b (SEO)<\/span>\n              <span class=\"text-orange-400 font-bold text-sm\">88%<\/span>\n            <\/div>\n            <div class=\"skill-bar\"><div class=\"skill-fill\" data-width=\"88\"><\/div><\/div>\n          <\/div>\n          <div>\n            <div class=\"flex justify-between mb-1\">\n              <span class=\"text-white font-semibold text-sm\">\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a<\/span>\n              <span class=\"text-orange-400 font-bold text-sm\">97%<\/span>\n            <\/div>\n            <div class=\"skill-bar\"><div class=\"skill-fill\" data-width=\"97\"><\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== WHY US ===== -->\n<section class=\"py-24 section-dark\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"text-center mb-16 fade-up\">\n      <div class=\"section-badge\"><i class=\"fas fa-gem ml-1\"><\/i> \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\u061f<\/div>\n      <h2 class=\"section-title\">\u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627 \u0639\u0646 <span>\u0627\u0644\u0622\u062e\u0631\u064a\u0646<\/span><\/h2>\n      <div class=\"orange-divider\"><\/div>\n    <\/div>\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n      <div class=\"why-card fade-up\">\n        <div class=\"why-icon\"><i class=\"fas fa-bullseye\"><\/i><\/div>\n        <div>\n          <h4 class=\"text-white font-bold text-lg mb-1\">\u0646\u062a\u0627\u0626\u062c \u0645\u0636\u0645\u0648\u0646\u0629<\/h4>\n          <p class=\"text-slate-400 text-sm leading-relaxed\">\u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062a\u0641\u0642 \u0639\u0644\u064a\u0647\u0627 \u0628\u0646\u0633\u0628 \u0646\u0645\u0648 \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"why-card fade-up\">\n        <div class=\"why-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n        <div>\n          <h4 class=\"text-white font-bold text-lg mb-1\">\u0645\u062a\u0627\u062d\u0648\u0646 24\/7<\/h4>\n          <p class=\"text-slate-400 text-sm leading-relaxed\">\u0641\u0631\u064a\u0642\u0646\u0627 \u0641\u064a \u062e\u062f\u0645\u062a\u0643 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u2014 \u0623\u064a \u0633\u0624\u0627\u0644 \u0623\u0648 \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u064a\u064f\u062c\u0627\u0628 \u0639\u0644\u064a\u0647 \u0641\u0648\u0631\u0627\u064b<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"why-card fade-up\">\n        <div class=\"why-icon\"><i class=\"fas fa-chart-bar\"><\/i><\/div>\n        <div>\n          <h4 class=\"text-white font-bold text-lg mb-1\">\u062a\u0642\u0627\u0631\u064a\u0631 \u0634\u0641\u0627\u0641\u0629<\/h4>\n          <p class=\"text-slate-400 text-sm leading-relaxed\">\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u0642\u0627\u0631\u064a\u0631 \u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u0648\u0634\u0647\u0631\u064a\u0629 \u062a\u064f\u0638\u0647\u0631 \u0628\u0648\u0636\u0648\u062d \u0643\u064a\u0641 \u064a\u062a\u0645 \u0625\u0646\u0641\u0627\u0642 \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"why-card fade-up\">\n        <div class=\"why-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n        <div>\n          <h4 class=\"text-white font-bold text-lg mb-1\">\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635<\/h4>\n          <p class=\"text-slate-400 text-sm leading-relaxed\">\u0641\u0631\u064a\u0642 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0643\u0644 \u0645\u062c\u0627\u0644 \u2014 SEO\u060c \u0625\u0639\u0644\u0627\u0646\u0627\u062a\u060c \u062a\u0635\u0645\u064a\u0645\u060c \u0648\u0645\u062d\u062a\u0648\u0649<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"why-card fade-up\">\n        <div class=\"why-icon\"><i class=\"fas fa-dollar-sign\"><\/i><\/div>\n        <div>\n          <h4 class=\"text-white font-bold text-lg mb-1\">\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/h4>\n          <p class=\"text-slate-400 text-sm leading-relaxed\">\u062e\u0637\u0637 \u0645\u0631\u0646\u0629 \u062a\u0646\u0627\u0633\u0628 \u0643\u0644 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a \u0628\u062f\u0648\u0646 \u0623\u064a \u0631\u0633\u0648\u0645 \u062e\u0641\u064a\u0629 \u0623\u0648 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"why-card fade-up\">\n        <div class=\"why-icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\n        <div>\n          <h4 class=\"text-white font-bold text-lg mb-1\">\u0625\u0628\u062f\u0627\u0639 \u0628\u0644\u0627 \u062d\u062f\u0648\u062f<\/h4>\n          <p class=\"text-slate-400 text-sm leading-relaxed\">\u0646\u064f\u0637\u0648\u0651\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PROCESS ===== -->\n<section class=\"py-24 section-dark2\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"text-center mb-16 fade-up\">\n      <div class=\"section-badge\"><i class=\"fas fa-route ml-1\"><\/i> \u0643\u064a\u0641 \u0646\u0639\u0645\u0644<\/div>\n      <h2 class=\"section-title\">\u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644\u0646\u0627 <span>\u0645\u0639\u0643<\/span><\/h2>\n      <div class=\"orange-divider\"><\/div>\n    <\/div>\n    <div class=\"max-w-3xl mx-auto space-y-8\">\n      <!-- Step 1 -->\n      <div class=\"process-step fade-up relative\">\n        <div class=\"step-line\"><\/div>\n        <div class=\"step-number\">01<\/div>\n        <div class=\"flex-1 pb-8\">\n          <div class=\"bg-white\/3 border border-white\/8 rounded-2xl p-6 hover:border-orange-500\/30 transition-all\">\n            <h4 class=\"text-white font-bold text-xl mb-2\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629<\/h4>\n            <p class=\"text-slate-400 leading-relaxed\">\u0646\u0628\u062f\u0623 \u0628\u062c\u0644\u0633\u0629 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0641\u0647\u0645 \u0639\u0645\u0644\u0643\u060c \u0623\u0647\u062f\u0627\u0641\u0643\u060c \u0648\u062a\u062d\u062f\u064a\u0627\u062a\u0643 \u0628\u0634\u0643\u0644 \u0643\u0627\u0645\u0644 \u0642\u0628\u0644 \u0623\u064a \u062e\u0637\u0648\u0629<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 2 -->\n      <div class=\"process-step fade-up relative\">\n        <div class=\"step-line\"><\/div>\n        <div class=\"step-number\">02<\/div>\n        <div class=\"flex-1 pb-8\">\n          <div class=\"bg-white\/3 border border-white\/8 rounded-2xl p-6 hover:border-orange-500\/30 transition-all\">\n            <h4 class=\"text-white font-bold text-xl mb-2\">\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h4>\n            <p class=\"text-slate-400 leading-relaxed\">\u0646\u064f\u062d\u0644\u0644 \u0633\u0648\u0642\u0643 \u0648\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0648\u0646\u0636\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0628\u0623\u0642\u0635\u0631 \u0637\u0631\u064a\u0642<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 3 -->\n      <div class=\"process-step fade-up relative\">\n        <div class=\"step-line\"><\/div>\n        <div class=\"step-number\">03<\/div>\n        <div class=\"flex-1 pb-8\">\n          <div class=\"bg-white\/3 border border-white\/8 rounded-2xl p-6 hover:border-orange-500\/30 transition-all\">\n            <h4 class=\"text-white font-bold text-xl mb-2\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0625\u0637\u0644\u0627\u0642<\/h4>\n            <p class=\"text-slate-400 leading-relaxed\">\u0646\u0646\u0641\u0630 \u0627\u0644\u062e\u0637\u0629 \u0628\u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u2014 \u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649\u060c \u0625\u0637\u0644\u0627\u0642 \u062d\u0645\u0644\u0627\u062a\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0645\u0633\u062a\u0645\u0631<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 4 -->\n      <div class=\"process-step fade-up\">\n        <div class=\"step-number\">04<\/div>\n        <div class=\"flex-1\">\n          <div class=\"bg-white\/3 border border-white\/8 rounded-2xl p-6 hover:border-orange-500\/30 transition-all\">\n            <h4 class=\"text-white font-bold text-xl mb-2\">\u0627\u0644\u0642\u064a\u0627\u0633 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/h4>\n            <p class=\"text-slate-400 leading-relaxed\">\u0646\u064f\u0631\u0627\u0642\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0646\u064f\u062d\u0633\u0651\u0646 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0644\u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0623\u062f\u0627\u0621 \u0645\u0645\u0643\u0646 \u0648\u0639\u0627\u0626\u062f \u0623\u0639\u0644\u0649<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PORTFOLIO ===== -->\n<section id=\"portfolio\" class=\"py-24 section-dark\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"text-center mb-16 fade-up\">\n      <div class=\"section-badge\"><i class=\"fas fa-images ml-1\"><\/i> \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/div>\n      <h2 class=\"section-title\">\u0646\u0645\u0627\u0630\u062c \u0645\u0646 <span>\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/span><\/h2>\n      <div class=\"orange-divider\"><\/div>\n      <p class=\"text-slate-400 max-w-xl mx-auto\">\u0646\u0641\u062e\u0631 \u0628\u0645\u062d\u0641\u0638\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0646\u0627\u062c\u062d\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a<\/p>\n    <\/div>\n    <!-- Filter -->\n    <div class=\"flex flex-wrap justify-center gap-3 mb-10 fade-up\">\n      <button class=\"filter-btn active-filter px-5 py-2 rounded-full text-sm font-bold border border-orange-500 text-orange-400 bg-orange-500\/10 transition-all\" data-filter=\"all\">\u0627\u0644\u0643\u0644<\/button>\n      <button class=\"filter-btn px-5 py-2 rounded-full text-sm font-bold border border-white\/10 text-slate-400 hover:border-orange-500 hover:text-orange-400 transition-all\" data-filter=\"social\">\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/button>\n      <button class=\"filter-btn px-5 py-2 rounded-full text-sm font-bold border border-white\/10 text-slate-400 hover:border-orange-500 hover:text-orange-400 transition-all\" data-filter=\"web\">\u0645\u0648\u0627\u0642\u0639 \u0648\u064a\u0628<\/button>\n      <button class=\"filter-btn px-5 py-2 rounded-full text-sm font-bold border border-white\/10 text-slate-400 hover:border-orange-500 hover:text-orange-400 transition-all\" data-filter=\"ads\">\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/button>\n    <\/div>\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"portfolioGrid\">\n      <div class=\"portfolio-card fade-up\" data-category=\"social\">\n        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/8154578\/pexels-photo-8154578.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200\" alt=\"\u0645\u0634\u0631\u0648\u0639 1\" \/>\n        <div class=\"portfolio-overlay\">\n          <div>\n            <span class=\"text-xs font-bold bg-white\/20 px-3 py-1 rounded-full\">\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/span>\n            <h4 class=\"text-white font-bold text-lg mt-2\">\u0625\u062f\u0627\u0631\u0629 \u062d\u0633\u0627\u0628 \u0645\u062a\u062c\u0631 \u0623\u0632\u064a\u0627\u0621<\/h4>\n            <p class=\"text-white\/80 text-sm\">\u0646\u0645\u0648 400% \u0641\u064a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u064a\u0646 \u062e\u0644\u0627\u0644 3 \u0623\u0634\u0647\u0631<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"portfolio-card fade-up\" data-category=\"web\">\n        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/7675029\/pexels-photo-7675029.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200\" alt=\"\u0645\u0634\u0631\u0648\u0639 2\" \/>\n        <div class=\"portfolio-overlay\">\n          <div>\n            <span class=\"text-xs font-bold bg-white\/20 px-3 py-1 rounded-full\">\u0645\u0648\u0642\u0639 \u0648\u064a\u0628<\/span>\n            <h4 class=\"text-white font-bold text-lg mt-2\">\u0645\u0648\u0642\u0639 \u0634\u0631\u0643\u0629 \u0639\u0642\u0627\u0631\u064a\u0629<\/h4>\n            <p class=\"text-white\/80 text-sm\">\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0628\u0646\u0633\u0628\u0629 280%<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"portfolio-card fade-up\" data-category=\"ads\">\n        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/590045\/pexels-photo-590045.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200\" alt=\"\u0645\u0634\u0631\u0648\u0639 3\" \/>\n        <div class=\"portfolio-overlay\">\n          <div>\n            <span class=\"text-xs font-bold bg-white\/20 px-3 py-1 rounded-full\">\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062f\u0641\u0648\u0639\u0629<\/span>\n            <h4 class=\"text-white font-bold text-lg mt-2\">\u062d\u0645\u0644\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f<\/h4>\n            <p class=\"text-white\/80 text-sm\">ROI \u064a\u0641\u0648\u0642 650% \u0641\u064a \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0623\u0648\u0644<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"portfolio-card fade-up\" data-category=\"social\">\n        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/8154527\/pexels-photo-8154527.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200\" alt=\"\u0645\u0634\u0631\u0648\u0639 4\" \/>\n        <div class=\"portfolio-overlay\">\n          <div>\n            <span class=\"text-xs font-bold bg-white\/20 px-3 py-1 rounded-full\">\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/span>\n            <h4 class=\"text-white font-bold text-lg mt-2\">\u0625\u062f\u0627\u0631\u0629 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0644\u0644\u0645\u0637\u0627\u0639\u0645<\/h4>\n            <p class=\"text-white\/80 text-sm\">\u0645\u0636\u0627\u0639\u0641\u0629 \u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"portfolio-card fade-up\" data-category=\"ads\">\n        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/7947997\/pexels-photo-7947997.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200\" alt=\"\u0645\u0634\u0631\u0648\u0639 5\" \/>\n        <div class=\"portfolio-overlay\">\n          <div>\n            <span class=\"text-xs font-bold bg-white\/20 px-3 py-1 rounded-full\">\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062f\u0641\u0648\u0639\u0629<\/span>\n            <h4 class=\"text-white font-bold text-lg mt-2\">\u062d\u0645\u0644\u0629 \u062a\u0648\u0639\u064a\u0629 \u0628\u0645\u0646\u062a\u062c \u0635\u062d\u064a<\/h4>\n            <p class=\"text-white\/80 text-sm\">\u0648\u0635\u0648\u0644 \u0644\u0640 2 \u0645\u0644\u064a\u0648\u0646 \u0634\u062e\u0635 \u062e\u0644\u0627\u0644 \u0623\u0633\u0628\u0648\u0639<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"portfolio-card fade-up\" data-category=\"web\">\n        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/7792859\/pexels-photo-7792859.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200\" alt=\"\u0645\u0634\u0631\u0648\u0639 6\" \/>\n        <div class=\"portfolio-overlay\">\n          <div>\n            <span class=\"text-xs font-bold bg-white\/20 px-3 py-1 rounded-full\">\u0645\u0648\u0642\u0639 \u0648\u064a\u0628<\/span>\n            <h4 class=\"text-white font-bold text-lg mt-2\">\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a<\/h4>\n            <p class=\"text-white\/80 text-sm\">\u0645\u0628\u064a\u0639\u0627\u062a \u0623\u0648\u0644 \u0634\u0647\u0631 \u062a\u062c\u0627\u0648\u0632\u062a 200,000 \u062f\u0631\u0647\u0645<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TEAM ===== -->\n<section class=\"py-24 section-dark2\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"text-center mb-16 fade-up\">\n      <div class=\"section-badge\"><i class=\"fas fa-users ml-1\"><\/i> \u0641\u0631\u064a\u0642\u0646\u0627<\/div>\n      <h2 class=\"section-title\">\u0627\u0644\u0639\u0642\u0648\u0644 \u062e\u0644\u0641 <span>\u0646\u062c\u0627\u062d\u0646\u0627<\/span><\/h2>\n      <div class=\"orange-divider\"><\/div>\n    <\/div>\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n      <!-- Owner -->\n      <div class=\"team-card fade-up lg:col-start-2\">\n        <img decoding=\"async\" src=\"https:\/\/tasweeqlink.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-16-at-11.14.15-PM.jpeg\"\n          alt=\"\u0635\u0627\u062d\u0628 \u0627\u0644\u0648\u0643\u0627\u0644\u0629\" class=\"team-img\" \/>\n        <h3 class=\"text-white font-bold text-xl mb-1\">\u0635\u0627\u062d\u0628 \u0627\u0644\u0648\u0643\u0627\u0644\u0629<\/h3>\n        <p class=\"text-orange-400 font-semibold text-sm mb-3\">\u0627\u0644\u0645\u0624\u0633\u0633 \u0648\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a<\/p>\n        <p class=\"text-slate-400 text-sm leading-relaxed mb-5\">\u062e\u0628\u064a\u0631 \u0641\u064a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u0639 \u0623\u0643\u062b\u0631 \u0645\u0646 6 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0625\u0646\u062c\u0627\u062d \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0641\u0636\u0627\u0621 \u0627\u0644\u0631\u0642\u0645\u064a.<\/p>\n        <div class=\"flex justify-center gap-3\">\n          <a href=\"https:\/\/wa.me\/212680675199\" class=\"social-link\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n          <a href=\"mailto:support@tasweeqlink.com\" class=\"social-link\"><i class=\"fas fa-envelope\"><\/i><\/a>\n          <a href=\"#\" class=\"social-link\"><i class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"#\" class=\"social-link\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TESTIMONIALS ===== -->\n<section id=\"testimonials\" class=\"py-24 section-dark\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"text-center mb-16 fade-up\">\n      <div class=\"section-badge\"><i class=\"fas fa-quote-right ml-1\"><\/i> \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n      <h2 class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 <span>\u0639\u0645\u0644\u0627\u0624\u0646\u0627\u061f<\/span><\/h2>\n      <div class=\"orange-divider\"><\/div>\n    <\/div>\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n      <div class=\"testimonial-card fade-up\">\n        <div class=\"stars mb-3\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"text-slate-300 leading-relaxed mb-6\">\"\u062a\u0633\u0648\u064a\u0642 \u0644\u064a\u0646\u0643 \u063a\u064a\u0631\u062a \u0648\u0627\u0642\u0639 \u0645\u062a\u062c\u0631\u064a \u062a\u0645\u0627\u0645\u0627\u064b! \u062e\u0644\u0627\u0644 3 \u0623\u0634\u0647\u0631 \u0641\u0642\u0637 \u062a\u0636\u0627\u0639\u0641\u062a \u0645\u0628\u064a\u0639\u0627\u062a\u064a 4 \u0623\u0636\u0639\u0627\u0641. \u0623\u0641\u0636\u0644 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0642\u0645\u062a \u0628\u0647 \u0641\u064a \u062d\u064a\u0627\u062a\u064a.\"<\/p>\n        <div class=\"flex items-center gap-3\">\n          <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-orange-500 to-orange-700 flex items-center justify-center text-white font-bold text-lg\">\u0645<\/div>\n          <div>\n            <div class=\"font-bold text-white\">\u0645\u062d\u0645\u062f \u0623\u064a\u062a \u0639\u0644\u064a<\/div>\n            <div class=\"text-orange-400 text-xs\">\u0635\u0627\u062d\u0628 \u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"testimonial-card fade-up\">\n        <div class=\"stars mb-3\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"text-slate-300 leading-relaxed mb-6\">\"\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641 \u062c\u062f\u0627\u064b \u0648\u0645\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f. \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u062a\u062a\u062d\u062f\u062b \u0639\u0646 \u0646\u0641\u0633\u0647\u0627 \u2014 \u062d\u0633\u0627\u0628\u0646\u0627 \u0639\u0644\u0649 \u0625\u0646\u0633\u062a\u0642\u0631\u0627\u0645 \u0648\u0635\u0644 \u0644\u0640 50k \u0645\u062a\u0627\u0628\u0639 \u0628\u0639\u062f \u0645\u0627 \u0643\u0627\u0646 2k \u0641\u0642\u0637!\"<\/p>\n        <div class=\"flex items-center gap-3\">\n          <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-purple-500 to-purple-700 flex items-center justify-center text-white font-bold text-lg\">\u0633<\/div>\n          <div>\n            <div class=\"font-bold text-white\">\u0633\u0644\u0645\u0649 \u0627\u0644\u0628\u0643\u0648\u0631\u064a<\/div>\n            <div class=\"text-orange-400 text-xs\">\u0645\u062f\u064a\u0631\u0629 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0644\u0644\u0639\u0646\u0627\u064a\u0629<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"testimonial-card fade-up\">\n        <div class=\"stars mb-3\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"text-slate-300 leading-relaxed mb-6\">\"\u0623\u0637\u0644\u0642\u0646\u0627 \u0645\u0637\u0639\u0645\u0646\u0627 \u0627\u0644\u062c\u062f\u064a\u062f \u0628\u0645\u0633\u0627\u0639\u062f\u0629 \u062a\u0633\u0648\u064a\u0642 \u0644\u064a\u0646\u0643 \u0648\u0643\u0627\u0646 \u0627\u0644\u0625\u0642\u0628\u0627\u0644 \u0645\u0630\u0647\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644. \u062e\u062f\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0643\u0644 \u0645\u0627 \u062a\u062d\u0645\u0644\u0647 \u0627\u0644\u0643\u0644\u0645\u0629.\"<\/p>\n        <div class=\"flex items-center gap-3\">\n          <div class=\"w-12 h-12 rounded-full bg-gradient-to-br from-green-500 to-green-700 flex items-center justify-center text-white font-bold text-lg\">\u064a<\/div>\n          <div>\n            <div class=\"font-bold text-white\">\u064a\u0648\u0633\u0641 \u0627\u0644\u0632\u064a\u0627\u0646\u064a<\/div>\n            <div class=\"text-orange-400 text-xs\">\u0635\u0627\u062d\u0628 \u0645\u0637\u0639\u0645<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PRICING ===== -->\n<section id=\"pricing\" class=\"py-24 section-dark2\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"text-center mb-16 fade-up\">\n      <div class=\"section-badge\"><i class=\"fas fa-tags ml-1\"><\/i> \u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/div>\n      <h2 class=\"section-title\">\u062e\u0637\u0637 \u062a\u0646\u0627\u0633\u0628 <span>\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643<\/span><\/h2>\n      <div class=\"orange-divider\"><\/div>\n      <p class=\"text-slate-400 max-w-xl mx-auto\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0639\u0645\u0644\u0643 \u2014 \u0628\u062f\u0648\u0646 \u0639\u0642\u0648\u062f \u0637\u0648\u064a\u0644\u0629 \u0623\u0648 \u0631\u0633\u0648\u0645 \u0645\u062e\u0641\u064a\u0629<\/p>\n    <\/div>\n    <div class=\"grid md:grid-cols-3 gap-8 items-center\">\n      <!-- Basic -->\n      <div class=\"pricing-card fade-up\">\n        <div class=\"text-center mb-8\">\n          <div class=\"text-4xl mb-4\">\ud83c\udf31<\/div>\n          <h3 class=\"text-white font-bold text-2xl mb-2\">\u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\n          <div class=\"text-slate-400 text-sm mb-4\">\u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0646\u0627\u0634\u0626\u0629<\/div>\n          <div class=\"text-5xl font-black text-white\">1,500<span class=\"text-2xl text-slate-400 font-normal\"> \u062f.\u0645<\/span><\/div>\n          <div class=\"text-slate-400 text-sm mt-1\">\/ \u0634\u0647\u0631\u064a\u0627\u064b<\/div>\n        <\/div>\n        <div class=\"space-y-1 mb-8\">\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u0625\u062f\u0627\u0631\u0629 \u0645\u0646\u0635\u062a\u064a\u0646 \u0627\u062c\u062a\u0645\u0627\u0639\u064a\u062a\u064a\u0646<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> 12 \u0645\u0646\u0634\u0648\u0631 \u0634\u0647\u0631\u064a\u0627\u064b<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u062a\u0635\u0645\u064a\u0645 \u062c\u0631\u0627\u0641\u064a\u0643 \u0623\u0633\u0627\u0633\u064a<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u062a\u0642\u0631\u064a\u0631 \u0634\u0647\u0631\u064a<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-times\"><\/i><span class=\"opacity-40\">\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062f\u0641\u0648\u0639\u0629<\/span><\/div>\n          <div class=\"check-item\"><i class=\"fas fa-times\"><\/i><span class=\"opacity-40\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/span><\/div>\n        <\/div>\n        <a href=\"#contact\" class=\"btn-outline w-full justify-center text-sm\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n      <\/div>\n      <!-- Pro -->\n      <div class=\"pricing-card featured fade-up relative\">\n        <div class=\"price-badge\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b \u2b50<\/div>\n        <div class=\"text-center mb-8\">\n          <div class=\"text-4xl mb-4\">\ud83d\ude80<\/div>\n          <h3 class=\"text-white font-bold text-2xl mb-2\">\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\n          <div class=\"text-slate-400 text-sm mb-4\">\u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u0627\u0644\u0646\u0645\u0648<\/div>\n          <div class=\"text-5xl font-black text-white\">3,500<span class=\"text-2xl text-slate-400 font-normal\"> \u062f.\u0645<\/span><\/div>\n          <div class=\"text-slate-400 text-sm mt-1\">\/ \u0634\u0647\u0631\u064a\u0627\u064b<\/div>\n        <\/div>\n        <div class=\"space-y-1 mb-8\">\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u0625\u062f\u0627\u0631\u0629 4 \u0645\u0646\u0635\u0627\u062a \u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> 24 \u0645\u0646\u0634\u0648\u0631 \u0634\u0647\u0631\u064a\u0627\u064b<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u062a\u0635\u0645\u064a\u0645 \u062c\u0631\u0627\u0641\u064a\u0643 \u0645\u062a\u0642\u062f\u0645<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062f\u0641\u0648\u0639\u0629 (\u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 500 \u062f.\u0645)<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u062a\u0641\u0635\u064a\u0644\u064a\u0629<\/div>\n        <\/div>\n        <a href=\"#contact\" class=\"btn-primary w-full justify-center text-sm\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n      <\/div>\n      <!-- Elite -->\n      <div class=\"pricing-card fade-up\">\n        <div class=\"text-center mb-8\">\n          <div class=\"text-4xl mb-4\">\ud83d\udc8e<\/div>\n          <h3 class=\"text-white font-bold text-2xl mb-2\">\u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/h3>\n          <div class=\"text-slate-400 text-sm mb-4\">\u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0628\u0631\u0649 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0631\u0627\u0626\u062f\u0629<\/div>\n          <div class=\"text-5xl font-black text-white\">7,000<span class=\"text-2xl text-slate-400 font-normal\"> \u062f.\u0645<\/span><\/div>\n          <div class=\"text-slate-400 text-sm mt-1\">\/ \u0634\u0647\u0631\u064a\u0627\u064b<\/div>\n        <\/div>\n        <div class=\"space-y-1 mb-8\">\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u0625\u062f\u0627\u0631\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0635\u0627\u062a<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u0645\u062d\u062a\u0648\u0649 \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u0625\u0646\u062a\u0627\u062c \u0641\u064a\u062f\u064a\u0648 \u0648\u0631\u064a\u0644\u0632 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062f\u0641\u0648\u0639\u0629 (\u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 2000 \u062f.\u0645)<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> SEO \u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0648\u0642\u0639<\/div>\n          <div class=\"check-item\"><i class=\"fas fa-check\"><\/i> \u0645\u062f\u064a\u0631 \u062d\u0633\u0627\u0628 \u0645\u062e\u0635\u0635 24\/7<\/div>\n        <\/div>\n        <a href=\"#contact\" class=\"btn-outline w-full justify-center text-sm\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n      <\/div>\n    <\/div>\n    <p class=\"text-center text-slate-500 mt-8 text-sm\">\u0643\u0644 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0646\u0642\u0627\u0634 \u2014 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0645\u062e\u0635\u0635 \u0644\u0639\u0645\u0644\u0643<\/p>\n  <\/div>\n<\/section>\n\n<!-- ===== CTA BANNER ===== -->\n<section class=\"py-20 relative overflow-hidden\">\n  <div class=\"absolute inset-0 bg-gradient-to-r from-orange-600 to-orange-800\"><\/div>\n  <div class=\"absolute inset-0 opacity-10\" style=\"background-image: radial-gradient(circle at 2px 2px, white 1px, transparent 0); background-size: 30px 30px;\"><\/div>\n  <div class=\"max-w-4xl mx-auto px-4 sm:px-6 text-center relative z-10\">\n    <div class=\"text-5xl mb-6\">\ud83d\ude80<\/div>\n    <h2 class=\"text-4xl lg:text-5xl font-black text-white mb-6\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u062a\u0646\u0645\u064a\u0629 \u0639\u0645\u0644\u0643\u061f<\/h2>\n    <p class=\"text-white\/90 text-xl mb-10 leading-relaxed\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u064a\u0648\u0645 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u2014 \u0644\u0627 \u0627\u0644\u062a\u0632\u0627\u0645\u060c \u0644\u0627 \u0639\u0642\u0648\u062f\u060c \u0641\u0642\u0637 \u0646\u062a\u0627\u0626\u062c \u062d\u0642\u064a\u0642\u064a\u0629<\/p>\n    <div class=\"flex flex-wrap justify-center gap-4\">\n      <a href=\"https:\/\/wa.me\/212680675199\" target=\"_blank\" class=\"bg-white text-orange-600 font-bold px-8 py-4 rounded-full hover:bg-orange-50 transition-all transform hover:-translate-y-1 shadow-2xl flex items-center gap-2\">\n        <i class=\"fab fa-whatsapp text-green-500 text-xl\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n      <\/a>\n      <a href=\"#contact\" class=\"bg-white\/20 backdrop-blur border border-white\/40 text-white font-bold px-8 py-4 rounded-full hover:bg-white\/30 transition-all transform hover:-translate-y-1 flex items-center gap-2\">\n        <i class=\"fas fa-paper-plane\"><\/i> \u0623\u0631\u0633\u0644 \u0631\u0633\u0627\u0644\u0629\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== CONTACT ===== -->\n<section id=\"contact\" class=\"py-24 section-dark\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"text-center mb-16 fade-up\">\n      <div class=\"section-badge\"><i class=\"fas fa-envelope ml-1\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/div>\n      <h2 class=\"section-title\">\u062a\u062d\u062f\u062b \u0645\u0639\u0646\u0627 <span>\u0627\u0644\u0622\u0646<\/span><\/h2>\n      <div class=\"orange-divider\"><\/div>\n    <\/div>\n    <div class=\"grid lg:grid-cols-5 gap-12 items-start\">\n      <!-- Contact Info -->\n      <div class=\"lg:col-span-2 space-y-5 fade-up\">\n        <h3 class=\"text-white font-bold text-2xl mb-6\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n        <div class=\"contact-info-card\">\n          <div class=\"contact-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\n          <div>\n            <div class=\"text-slate-400 text-xs mb-1\">\u0648\u0627\u062a\u0633\u0627\u0628 \/ \u0647\u0627\u062a\u0641<\/div>\n            <a href=\"https:\/\/wa.me\/212680675199\" class=\"text-white font-bold hover:text-orange-400 transition-colors\" dir=\"ltr\">+212 680 675 199<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"contact-info-card\">\n          <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n          <div>\n            <div class=\"text-slate-400 text-xs mb-1\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/div>\n            <a href=\"mailto:support@tasweeqlink.com\" class=\"text-white font-bold hover:text-orange-400 transition-colors\">support@tasweeqlink.com<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"contact-info-card\">\n          <div class=\"contact-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n          <div>\n            <div class=\"text-slate-400 text-xs mb-1\">\u0627\u0644\u0645\u0648\u0642\u0639<\/div>\n            <div class=\"text-white font-bold\">\u0627\u0644\u0645\u063a\u0631\u0628 \ud83c\uddf2\ud83c\udde6<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"contact-info-card\">\n          <div class=\"contact-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n          <div>\n            <div class=\"text-slate-400 text-xs mb-1\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/div>\n            <div class=\"text-white font-bold\">\u0627\u0644\u0627\u062b\u0646\u064a\u0646 - \u0627\u0644\u0633\u0628\u062a\u060c 9\u0635 - 9\u0645<\/div>\n          <\/div>\n        <\/div>\n        <!-- Social -->\n        <div class=\"pt-4\">\n          <p class=\"text-slate-400 text-sm mb-4\">\u062a\u0627\u0628\u0639\u0646\u0627 \u0639\u0644\u0649:<\/p>\n          <div class=\"flex gap-3\">\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-instagram\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n            <a href=\"https:\/\/wa.me\/212680675199\" target=\"_blank\" class=\"social-link\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n            <a href=\"#\" class=\"social-link\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Contact Form -->\n      <div class=\"lg:col-span-3 fade-up\">\n        <div class=\"bg-white\/3 border border-white\/8 rounded-3xl p-8\">\n          <h3 class=\"text-white font-bold text-xl mb-6\">\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/h3>\n          <form id=\"contactForm\" onsubmit=\"submitForm(event)\">\n            <div class=\"grid sm:grid-cols-2 gap-5 mb-5\">\n              <div>\n                <label class=\"text-slate-300 text-sm font-semibold block mb-2\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 *<\/label>\n                <input type=\"text\" class=\"contact-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\" required \/>\n              <\/div>\n              <div>\n                <label class=\"text-slate-300 text-sm font-semibold block mb-2\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 *<\/label>\n                <input type=\"tel\" class=\"contact-input\" placeholder=\"+212 6XX XXX XXX\" required \/>\n              <\/div>\n            <\/div>\n            <div class=\"mb-5\">\n              <label class=\"text-slate-300 text-sm font-semibold block mb-2\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n              <input type=\"email\" class=\"contact-input\" placeholder=\"example@email.com\" \/>\n            <\/div>\n            <div class=\"mb-5\">\n              <label class=\"text-slate-300 text-sm font-semibold block mb-2\">\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/label>\n              <select class=\"contact-input\" style=\"background: rgba(255,255,255,0.05);\">\n                <option value=\"\" style=\"background:#1a1a2e\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/option>\n                <option value=\"social\" style=\"background:#1a1a2e\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/option>\n                <option value=\"ads\" style=\"background:#1a1a2e\">\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629<\/option>\n                <option value=\"seo\" style=\"background:#1a1a2e\">\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b<\/option>\n                <option value=\"content\" style=\"background:#1a1a2e\">\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/option>\n                <option value=\"web\" style=\"background:#1a1a2e\">\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639<\/option>\n                <option value=\"all\" style=\"background:#1a1a2e\">\u0628\u0627\u0642\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"mb-6\">\n              <label class=\"text-slate-300 text-sm font-semibold block mb-2\">\u0631\u0633\u0627\u0644\u062a\u0643 *<\/label>\n              <textarea class=\"contact-input\" placeholder=\"\u0623\u062e\u0628\u0631\u0646\u0627 \u0639\u0646 \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u0623\u0647\u062f\u0627\u0641\u0643...\" required><\/textarea>\n            <\/div>\n            <button type=\"submit\" class=\"btn-primary w-full justify-center text-base\">\n              <i class=\"fas fa-paper-plane\"><\/i> \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\n            <\/button>\n          <\/form>\n          <div id=\"formSuccess\" class=\"hidden mt-4 p-4 bg-green-500\/10 border border-green-500\/30 rounded-xl text-center\">\n            <i class=\"fas fa-check-circle text-green-400 text-2xl mb-2\"><\/i>\n            <p class=\"text-green-400 font-bold\">\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u0627\u064b \ud83c\udf89<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== FOOTER ===== -->\n<footer class=\"footer pt-16 pb-8\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-10 mb-12\">\n      <!-- Brand -->\n      <div class=\"lg:col-span-2\">\n        <img decoding=\"async\" src=\"https:\/\/tasweeqlink.com\/wp-content\/uploads\/2026\/07\/cropped-Minimalist_Orange_Online_Link_Store_Market_Logo-removebg-preview.png\"\n          alt=\"\u062a\u0633\u0648\u064a\u0642 \u0644\u064a\u0646\u0643\" class=\"h-16 w-auto mb-4 logo-img\" \/>\n        <p class=\"text-slate-400 leading-relaxed mb-6 max-w-sm\">\n          \u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a \u0645\u063a\u0631\u0628\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0628\u0646\u0627\u0621 \u0627\u0644\u062d\u0636\u0648\u0631 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0628\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0645\u064f\u062b\u0628\u062a\u0629.\n        <\/p>\n        <div class=\"flex gap-3\">\n          <a href=\"#\" class=\"social-link\"><i class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"#\" class=\"social-link\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n          <a href=\"#\" class=\"social-link\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n          <a href=\"https:\/\/wa.me\/212680675199\" target=\"_blank\" class=\"social-link\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      <!-- Links -->\n      <div>\n        <h4 class=\"text-white font-bold text-lg mb-5\">\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\n        <ul class=\"space-y-3\">\n          <li><a href=\"#home\" class=\"text-slate-400 hover:text-orange-400 transition-colors text-sm flex items-center gap-2\"><i class=\"fas fa-chevron-left text-xs text-orange-500\"><\/i>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n          <li><a href=\"#services\" class=\"text-slate-400 hover:text-orange-400 transition-colors text-sm flex items-center gap-2\"><i class=\"fas fa-chevron-left text-xs text-orange-500\"><\/i>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\n          <li><a href=\"#about\" class=\"text-slate-400 hover:text-orange-400 transition-colors text-sm flex items-center gap-2\"><i class=\"fas fa-chevron-left text-xs text-orange-500\"><\/i>\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\n          <li><a href=\"#portfolio\" class=\"text-slate-400 hover:text-orange-400 transition-colors text-sm flex items-center gap-2\"><i class=\"fas fa-chevron-left text-xs text-orange-500\"><\/i>\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a><\/li>\n          <li><a href=\"#pricing\" class=\"text-slate-400 hover:text-orange-400 transition-colors text-sm flex items-center gap-2\"><i class=\"fas fa-chevron-left text-xs text-orange-500\"><\/i>\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/a><\/li>\n          <li><a href=\"#contact\" class=\"text-slate-400 hover:text-orange-400 transition-colors text-sm flex items-center gap-2\"><i class=\"fas fa-chevron-left text-xs text-orange-500\"><\/i>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <!-- Contact -->\n      <div>\n        <h4 class=\"text-white font-bold text-lg mb-5\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h4>\n        <ul class=\"space-y-4\">\n          <li>\n            <a href=\"https:\/\/wa.me\/212680675199\" target=\"_blank\" class=\"flex items-center gap-3 text-slate-400 hover:text-orange-400 transition-colors\">\n              <i class=\"fab fa-whatsapp text-green-400\"><\/i>\n              <span class=\"text-sm\" dir=\"ltr\">+212 680 675 199<\/span>\n            <\/a>\n          <\/li>\n          <li>\n            <a href=\"mailto:support@tasweeqlink.com\" class=\"flex items-center gap-3 text-slate-400 hover:text-orange-400 transition-colors\">\n              <i class=\"fas fa-envelope text-orange-400\"><\/i>\n              <span class=\"text-sm\">support@tasweeqlink.com<\/span>\n            <\/a>\n          <\/li>\n          <li class=\"flex items-center gap-3 text-slate-400\">\n            <i class=\"fas fa-map-marker-alt text-orange-400\"><\/i>\n            <span class=\"text-sm\">\u0627\u0644\u0645\u063a\u0631\u0628 \ud83c\uddf2\ud83c\udde6<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <!-- Bottom -->\n    <div class=\"border-t border-white\/5 pt-8 flex flex-col sm:flex-row items-center justify-between gap-4\">\n      <p class=\"text-slate-500 text-sm text-center\">\u00a9 2024 \u062a\u0633\u0648\u064a\u0642 \u0644\u064a\u0646\u0643. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\n      <p class=\"text-slate-500 text-sm\">\u0635\u064f\u0646\u0639 \u0628\u0640 \u2764\ufe0f \u0641\u064a \u0627\u0644\u0645\u063a\u0631\u0628 \ud83c\uddf2\ud83c\udde6<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- ===== WHATSAPP FLOAT ===== -->\n<a href=\"https:\/\/wa.me\/212680675199\" target=\"_blank\" class=\"whatsapp-float\" title=\"\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\">\n  <i class=\"fab fa-whatsapp\"><\/i>\n<\/a>\n\n<!-- ===== BACK TO TOP ===== -->\n<button id=\"backToTop\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\"\n  class=\"fixed bottom-28 left-28 w-12 h-12 bg-orange-500 hover:bg-orange-600 text-white rounded-full shadow-xl flex items-center justify-center text-lg transition-all opacity-0 pointer-events-none z-50\">\n  <i class=\"fas fa-chevron-up\"><\/i>\n<\/button>\n\n<!-- ===== PAGE SCRIPT (converted from script.js) ===== -->\n<script>\n(function() {\n\/\/ ===== NAVBAR SCROLL =====\nconst navbar = document.getElementById('navbar');\nwindow.addEventListener('scroll', () => {\n  if (window.scrollY > 50) navbar.classList.add('scrolled');\n  else navbar.classList.remove('scrolled');\n  \/\/ Back to top\n  const btn = document.getElementById('backToTop');\n  if (window.scrollY > 400) {\n    btn.style.opacity = '1';\n    btn.style.pointerEvents = 'all';\n  } else {\n    btn.style.opacity = '0';\n    btn.style.pointerEvents = 'none';\n  }\n});\n\n\/\/ ===== MOBILE MENU =====\nconst burger = document.getElementById('burger');\nconst mobileMenu = document.getElementById('mobileMenu');\nconst burgerIcon = document.getElementById('burgerIcon');\nburger.addEventListener('click', () => {\n  mobileMenu.classList.toggle('open');\n  burgerIcon.className = mobileMenu.classList.contains('open') ? 'fas fa-times' : 'fas fa-bars';\n});\nfunction closeMobile() {\n  mobileMenu.classList.remove('open');\n  burgerIcon.className = 'fas fa-bars';\n}\n\n\/\/ ===== FADE UP ANIMATION =====\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach((entry, i) => {\n    if (entry.isIntersecting) {\n      setTimeout(() => {\n        entry.target.classList.add('visible');\n      }, 100 * (Array.from(entry.target.parentElement.children).indexOf(entry.target)));\n      observer.unobserve(entry.target);\n    }\n  });\n}, { threshold: 0.1 });\ndocument.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\n\n\/\/ ===== COUNTER ANIMATION =====\nconst counters = document.querySelectorAll('.counter');\nconst counterObserver = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      const target = parseInt(entry.target.getAttribute('data-target'));\n      let current = 0;\n      const step = target \/ 60;\n      const timer = setInterval(() => {\n        current += step;\n        if (current >= target) { current = target; clearInterval(timer); }\n        entry.target.textContent = Math.floor(current) + (target === 98 ? '' : '+');\n      }, 20);\n      counterObserver.unobserve(entry.target);\n    }\n  });\n}, { threshold: 0.5 });\ncounters.forEach(c => counterObserver.observe(c));\n\n\/\/ ===== SKILL BARS =====\nconst skillObserver = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      entry.target.querySelectorAll('.skill-fill').forEach(bar => {\n        bar.style.width = bar.getAttribute('data-width') + '%';\n      });\n      skillObserver.unobserve(entry.target);\n    }\n  });\n}, { threshold: 0.3 });\ndocument.querySelectorAll('#about').forEach(s => skillObserver.observe(s));\n\n\/\/ ===== PORTFOLIO FILTER =====\nconst filterBtns = document.querySelectorAll('.filter-btn');\nconst portfolioItems = document.querySelectorAll('#portfolioGrid > div');\nfilterBtns.forEach(btn => {\n  btn.addEventListener('click', () => {\n    filterBtns.forEach(b => {\n      b.classList.remove('active-filter', 'border-orange-500', 'text-orange-400', 'bg-orange-500\/10');\n      b.classList.add('border-white\/10', 'text-slate-400');\n    });\n    btn.classList.add('active-filter', 'border-orange-500', 'text-orange-400', 'bg-orange-500\/10');\n    btn.classList.remove('border-white\/10', 'text-slate-400');\n    const filter = btn.getAttribute('data-filter');\n    portfolioItems.forEach(item => {\n      if (filter === 'all' || item.getAttribute('data-category') === filter) {\n        item.style.display = '';\n        item.style.opacity = '0';\n        setTimeout(() => item.style.opacity = '1', 50);\n      } else {\n        item.style.display = 'none';\n      }\n    });\n  });\n});\n\n\/\/ ===== FORM SUBMIT =====\nfunction submitForm(e) {\n  e.preventDefault();\n  const btn = e.target.querySelector('button[type=\"submit\"]');\n  btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n  btn.disabled = true;\n  setTimeout(() => {\n    document.getElementById('contactForm').reset();\n    document.getElementById('formSuccess').classList.remove('hidden');\n    btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629';\n    btn.disabled = false;\n    setTimeout(() => {\n      document.getElementById('formSuccess').classList.add('hidden');\n    }, 5000);\n  }, 1500);\n}\n\n\/\/ ===== SMOOTH SCROLL FIX =====\ndocument.querySelectorAll('a[href^=\"anouar.benarba@gmail.com\"]').forEach(a => {\n  a.addEventListener('click', function(e) {\n    const target = document.querySelector(this.getAttribute('href'));\n    if (target) {\n      e.preventDefault();\n      target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  });\n});\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0645\u0646 \u0646\u062d\u0646 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0645\u0646 \u0646\u062d\u0646 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tasweeqlink.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tasweeqlink.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tasweeqlink.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tasweeqlink.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tasweeqlink.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":17,"href":"https:\/\/tasweeqlink.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/tasweeqlink.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/tasweeqlink.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}