{"id":10,"date":"2026-06-12T00:19:10","date_gmt":"2026-06-11T20:49:10","guid":{"rendered":"https:\/\/sitesaz.shop\/?page_id=10"},"modified":"2026-06-12T05:38:39","modified_gmt":"2026-06-12T02:08:39","slug":"home","status":"publish","type":"page","link":"https:\/\/sitesaz.shop\/?page_id=10","title":{"rendered":"Home"},"content":{"rendered":"\n<a href=\"#main-content\" class=\"sr-only focus:not-sr-only focus:fixed focus:right-4 focus:top-4 focus:z-[100] focus:rounded-full focus:bg-cyan-300 focus:px-4 focus:py-2 focus:text-slate-950\">\u067e\u0631\u0634 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc<\/a>\n\n  <header class=\"sticky top-0 z-50 border-b border-white\/10 bg-slate-950\/50 backdrop-blur-xl\">\n    <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n      <div class=\"flex h-20 items-center justify-between gap-4\">\n        <a href=\"#home\" class=\"flex items-center gap-3\">\n          <span class=\"flex h-11 w-11 items-center justify-center rounded-2xl border border-cyan-300\/20 bg-white\/5 shadow-neon\">\n            <svg viewBox=\"0 0 64 64\" class=\"h-6 w-6 text-cyan-300\" fill=\"none\" aria-label=\"\u0644\u0648\u06af\u0648\u06cc \u0633\u0627\u06cc\u062a\u200c\u0644\u0627\u0646\u0686\u0631\">\n              <path d=\"M14 44L32 16L50 44\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n              <path d=\"M24 44H40\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n              <circle cx=\"32\" cy=\"32\" r=\"3\" fill=\"currentColor\"><\/circle>\n            <\/svg>\n          <\/span>\n          <div>\n            <div class=\"text-lg font-black tracking-tight text-white\">Sitelauncher<\/div>\n            <div class=\"text-xs text-slate-400\">\u0633\u0627\u06cc\u062a\u200c\u0644\u0627\u0646\u0686\u0631 | \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0648 \u0631\u0634\u062f \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/div>\n          <\/div>\n        <\/a>\n\n        <nav class=\"hidden items-center gap-8 md:flex\">\n          <a href=\"#home\" class=\"nav-link active relative text-sm text-slate-200 transition hover:text-white\">\u062e\u0627\u0646\u0647<\/a>\n          <a href=\"about.html\" class=\"nav-link relative text-sm text-slate-300 transition hover:text-white\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n          <a href=\"services.html\" class=\"nav-link relative text-sm text-slate-300 transition hover:text-white\">\u062e\u062f\u0645\u0627\u062a<\/a>\n          <a href=\"portfolio.html\" class=\"nav-link relative text-sm text-slate-300 transition hover:text-white\">\u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627<\/a>\n          <a href=\"#faq\" class=\"nav-link relative text-sm text-slate-300 transition hover:text-white\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a>\n        <\/nav>\n\n        <div class=\"hidden md:flex items-center gap-3\">\n          <button type=\"button\" data-theme-toggle=\"\" class=\"flex h-11 w-11 items-center justify-center rounded-full border border-white\/10 bg-white\/5 text-slate-200 transition hover:border-cyan-300\/30 hover:text-cyan-200\" aria-label=\"\u062a\u063a\u06cc\u06cc\u0631 \u062a\u0645\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path><\/svg>\n          <\/button>\n          <a href=\"#portfolio\" class=\"rounded-full border border-white\/10 bg-white\/5 px-5 py-3 text-sm font-medium text-white transition hover:border-cyan-300\/30 hover:bg-white\/10\">\u062f\u06cc\u062f\u0646 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627<\/a>\n          <a href=\"#faq\" class=\"rounded-full bg-gradient-to-l from-cyan-400 to-violet-500 px-5 py-3 text-sm font-bold text-slate-950 transition hover:scale-[1.02]\">\u0634\u0631\u0648\u0639 \u0647\u0645\u06a9\u0627\u0631\u06cc<\/a>\n        <\/div>\n\n        <button id=\"mobileMenuBtn\" class=\"flex h-11 w-11 items-center justify-center rounded-full border border-white\/10 bg-white\/5 text-white md:hidden\" aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0645\u0646\u0648\" aria-expanded=\"false\">\n          <svg id=\"menuIcon\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M3 6h18M3 12h18M3 18h18\"><\/path>\n          <\/svg>\n        <\/button>\n      <\/div>\n\n      <div id=\"mobileMenu\" class=\"mobile-panel md:hidden\">\n        <div class=\"mb-4 flex flex-col gap-3 rounded-3xl border border-white\/10 bg-white\/5 p-4 text-sm text-slate-200\">\n          <a href=\"#home\" class=\"rounded-2xl px-3 py-3 hover:bg-white\/5\">\u062e\u0627\u0646\u0647<\/a>\n          <a href=\"#about\" class=\"rounded-2xl px-3 py-3 hover:bg-white\/5\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n          <a href=\"#services\" class=\"rounded-2xl px-3 py-3 hover:bg-white\/5\">\u062e\u062f\u0645\u0627\u062a<\/a>\n          <a href=\"#portfolio\" class=\"rounded-2xl px-3 py-3 hover:bg-white\/5\">\u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627<\/a>\n          <a href=\"#testimonials\" class=\"rounded-2xl px-3 py-3 hover:bg-white\/5\">\u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/a>\n          <a href=\"#faq\" class=\"rounded-2xl px-3 py-3 hover:bg-white\/5\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a>\n          <a href=\"#portfolio\" class=\"rounded-2xl border border-white\/10 px-3 py-3 text-center\">\u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <main id=\"main-content\">\n    <section id=\"home\" class=\"relative overflow-hidden\">\n      <div class=\"grid-pattern absolute inset-0\"><\/div>\n      <div class=\"hero-orb absolute right-[8%] top-24 h-40 w-40 rounded-full bg-cyan-400\/25\"><\/div>\n      <div class=\"hero-orb absolute left-[10%] top-44 h-48 w-48 rounded-full bg-violet-500\/20\"><\/div>\n\n      <div class=\"relative mx-auto grid min-h-[92vh] max-w-7xl items-center gap-12 px-4 py-16 sm:px-6 lg:grid-cols-[1.08fr_.92fr] lg:px-8 lg:py-24\">\n        <div class=\"reveal order-2 lg:order-1\">\n          <div class=\"mb-6 inline-flex items-center gap-2 rounded-full border border-cyan-300\/15 bg-cyan-300\/10 px-4 py-2 text-xs font-medium text-cyan-200 shadow-neon\">\n            <span class=\"h-2 w-2 rounded-full bg-cyan-300\"><\/span>\n            \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u067e\u0631\u06cc\u0645\u06cc\u0648\u0645 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0631\u0634\u062f \u0648\u0627\u0642\u0639\u06cc \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f\n          <\/div>\n          <h1 class=\"max-w-3xl text-4xl font-black leading-[1.2] text-white sm:text-5xl lg:text-[3.25rem]\">\n            \u0633\u0627\u06cc\u062a\u200c\u0644\u0627\u0646\u0686\u0631\u060c \u0646\u0642\u0637\u0647 \u0634\u0631\u0648\u0639\n            <span class=\"text-gradient\">\u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u0641\u0631\u0648\u0634\u0646\u062f<\/span>\n            \u0646\u0647 \u0641\u0642\u0637 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\n          <\/h1>\n          <p class=\"mt-6 max-w-2xl text-base leading-8 text-slate-300 sm:text-lg\">\n            \u062f\u0631 Sitelauncher \u0645\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0647 \u0638\u0627\u0647\u0631 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0642\u0648\u06cc\u060c \u0633\u0626\u0648\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u0645\u0633\u06cc\u0631 \u062a\u0628\u062f\u06cc\u0644 \u0648\u0627\u0642\u0639\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f. \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0641\u0642\u0637 \u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0632\u06cc\u0628\u0627 \u0646\u06cc\u0633\u062a\u061b \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0641\u0631\u0648\u0634 \u0648 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0627\u0632\u06cc \u0627\u0633\u062a.\n          <\/p>\n\n          <div class=\"mt-8 flex flex-col gap-4 sm:flex-row sm:flex-wrap\">\n            <a href=\"#portfolio\" class=\"animate-pulseGlow rounded-full bg-gradient-to-l from-cyan-400 to-violet-500 px-7 py-4 text-center text-sm font-extrabold text-slate-950 transition hover:scale-[1.02]\">\n              \u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0646\u062a\u062e\u0628\n            <\/a>\n            <a href=\"#about\" class=\"rounded-full border border-white\/10 bg-white\/5 px-7 py-4 text-center text-sm font-semibold text-white transition hover:border-cyan-300\/30 hover:bg-white\/10\">\n              \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u0633\u0627\u06cc\u062a\u200c\u0644\u0627\u0646\u0686\u0631\n            <\/a>\n          <\/div>\n\n          <div class=\"mt-10 grid gap-4 sm:grid-cols-3\">\n            <div class=\"glass rounded-3xl p-5\">\n              <div class=\"text-3xl font-black text-white\">+\u06f5<\/div>\n              <p class=\"mt-2 text-sm text-slate-400\">\u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc\u060c \u062a\u0648\u0633\u0639\u0647 \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/p>\n            <\/div>\n            <div class=\"glass rounded-3xl p-5\">\n              <div class=\"text-3xl font-black text-white\">+\u06f3\u06f0<\/div>\n              <p class=\"mt-2 text-sm text-slate-400\">\u067e\u0631\u0648\u0698\u0647 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a\u060c \u0648\u0631\u062f\u067e\u0631\u0633\u060c \u062e\u062f\u0645\u0627\u062a \u0641\u0646\u06cc \u0648 \u0644\u0627\u0646\u0686<\/p>\n            <\/div>\n            <div class=\"glass rounded-3xl p-5\">\n              <div class=\"text-3xl font-black text-white\">\u06f1\u06f0\u06f0\u066a<\/div>\n              <p class=\"mt-2 text-sm text-slate-400\">\u062a\u0645\u0631\u06a9\u0632 \u0631\u0648\u06cc \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc\u060c \u062a\u0628\u062f\u06cc\u0644 \u0648 \u0627\u0631\u0627\u0626\u0647 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0631\u0646\u062f<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"reveal order-1 lg:order-2\">\n          <div class=\"border-gradient glass relative overflow-hidden rounded-[32px] p-5 sm:p-7\">\n            <div class=\"absolute inset-x-0 top-0 h-24 bg-gradient-to-b from-cyan-300\/10 to-transparent\"><\/div>\n            <div class=\"relative rounded-[28px] border border-white\/10 bg-slate-950\/50 p-4 shadow-soft sm:p-5\">\n              <div class=\"flex items-center justify-between border-b border-white\/10 pb-4\">\n                <div>\n                  <p class=\"text-xs text-slate-400\">\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u062a\u062c\u0631\u0628\u0647 \u0628\u0631\u0646\u062f<\/p>\n                  <h2 class=\"mt-1 text-lg font-bold text-white\">\u062f\u0627\u0634\u0628\u0648\u0631\u062f \u067e\u0631\u0648\u0698\u0647 \u0645\u0634\u062a\u0631\u06cc<\/h2>\n                <\/div>\n                <div class=\"flex gap-2\">\n                  <span class=\"h-3 w-3 rounded-full bg-rose-400\"><\/span>\n                  <span class=\"h-3 w-3 rounded-full bg-amber-300\"><\/span>\n                  <span class=\"h-3 w-3 rounded-full bg-emerald-400\"><\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"mt-5 grid gap-4\">\n                <div class=\"grid gap-4 sm:grid-cols-2\">\n                  <div class=\"rounded-3xl border border-cyan-300\/15 bg-cyan-300\/10 p-5\">\n                    <div class=\"text-xs text-cyan-100\/80\">\u0634\u0627\u062e\u0635 \u062a\u0628\u062f\u06cc\u0644<\/div>\n                    <div class=\"mt-3 text-3xl font-black text-white\">\u06f3.\u06f4x<\/div>\n                    <p class=\"mt-2 text-sm text-slate-300\">\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u0645\u0646\u062f \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u062a\u0645\u0627\u0633 \u0648 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0645\u06a9\u0627\u0631\u06cc<\/p>\n                  <\/div>\n                  <div class=\"rounded-3xl border border-white\/10 bg-white\/5 p-5\">\n                    <div class=\"text-xs text-slate-400\">\u0633\u0631\u0639\u062a \u0648 \u0627\u0639\u062a\u0645\u0627\u062f<\/div>\n                    <div class=\"mt-3 text-3xl font-black text-white\">A+<\/div>\n                    <p class=\"mt-2 text-sm text-slate-300\">\u0633\u0627\u062e\u062a\u0627\u0631 \u0641\u0646\u06cc \u062a\u0645\u06cc\u0632\u060c \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0648 \u0622\u0645\u0627\u062f\u0647 \u0631\u0634\u062f<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rounded-3xl border border-white\/10 bg-white\/5 p-5\">\n                  <div class=\"mb-4 flex items-center justify-between\">\n                    <h3 class=\"text-sm font-bold text-white\">\u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<\/h3>\n                    <span class=\"rounded-full border border-white\/10 px-3 py-1 text-xs text-slate-400\">UX + Dev + SEO<\/span>\n                  <\/div>\n                  <div class=\"space-y-3\">\n                    <div class=\"flex items-center gap-3 rounded-2xl border border-white\/10 bg-slate-900\/60 px-4 py-3\">\n                      <span class=\"h-2.5 w-2.5 rounded-full bg-cyan-300\"><\/span>\n                      <span class=\"text-sm text-slate-200\">\u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0648 \u0645\u062f\u0631\u0646<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-3 rounded-2xl border border-white\/10 bg-slate-900\/60 px-4 py-3\">\n                      <span class=\"h-2.5 w-2.5 rounded-full bg-violet-400\"><\/span>\n                      <span class=\"text-sm text-slate-200\">\u062a\u0648\u0633\u0639\u0647 \u0648\u0631\u062f\u067e\u0631\u0633 \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-3 rounded-2xl border border-white\/10 bg-slate-900\/60 px-4 py-3\">\n                      <span class=\"h-2.5 w-2.5 rounded-full bg-emerald-400\"><\/span>\n                      <span class=\"text-sm text-slate-200\">\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0626\u0648 \u0648 \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0644\u06cc\u062f\u06af\u06cc\u0631\u06cc<\/span>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"about\" class=\"px-4 py-20 sm:px-6 lg:px-8\">\n      <div class=\"mx-auto max-w-7xl\">\n        <div class=\"reveal mb-10 flex flex-col gap-5 lg:flex-row lg:items-end lg:justify-between\">\n          <div class=\"max-w-3xl\">\n            <span class=\"mb-4 inline-flex rounded-full border border-white\/10 bg-white\/5 px-4 py-2 text-xs text-cyan-200\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0633\u0627\u06cc\u062a\u200c\u0644\u0627\u0646\u0686\u0631<\/span>\n            <h2 class=\"text-3xl font-black text-white sm:text-4xl\">\u0645\u0627 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u062f\u0627\u0631\u0627\u06cc\u06cc \u0648\u0627\u0642\u0639\u06cc \u0628\u0631\u0627\u06cc \u0631\u0634\u062f \u0628\u0631\u0646\u062f \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/h2>\n          <\/div>\n          <p class=\"max-w-2xl text-sm leading-8 text-slate-300 sm:text-base\">\n            Sitelauncher \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0631\u0648\u06cc \u0637\u0631\u0627\u062d\u06cc \u062f\u0642\u06cc\u0642\u060c \u062a\u0648\u0633\u0639\u0647 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u060c \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0647\u062f\u0641\u0645\u0646\u062f \u0648 \u0627\u062c\u0631\u0627\u06cc \u0641\u0646\u06cc \u0645\u0637\u0645\u0626\u0646 \u0634\u06a9\u0644 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627 \u0628\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0627 \u06cc\u06a9 \u062d\u0636\u0648\u0631 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062c\u062f\u06cc\u200c\u062a\u0631 \u0648 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a\u200c\u062a\u0631\u06cc \u062c\u0630\u0628 \u06a9\u0646\u0646\u062f.\n          <\/p>\n        <\/div>\n\n        <div class=\"grid gap-6 lg:grid-cols-[1.1fr_.9fr]\">\n          <div class=\"reveal glass rounded-[32px] p-7 sm:p-8\">\n            <div class=\"grid gap-6 md:grid-cols-2\">\n              <div>\n                <p class=\"text-xs text-slate-400\">\u0686\u06a9\u06cc\u062f\u0647 \u0628\u0631\u0646\u062f<\/p>\n                <h3 class=\"mt-2 text-2xl font-extrabold text-white\">\u062a\u0631\u06a9\u06cc\u0628 \u0637\u0631\u0627\u062d\u06cc\u060c \u062a\u0648\u0633\u0639\u0647 \u0648 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc<\/h3>\n                <p class=\"mt-4 text-sm leading-8 text-slate-300\">\n                  \u0645\u0627 \u0641\u0642\u0637 \u06cc\u06a9 \u0638\u0627\u0647\u0631 \u0632\u06cc\u0628\u0627 \u062a\u062d\u0648\u06cc\u0644 \u0646\u0645\u06cc\u200c\u062f\u0647\u06cc\u0645\u061b \u0633\u0627\u062e\u062a\u0627\u0631 \u0635\u0641\u062d\u0627\u062a\u060c \u067e\u06cc\u0627\u0645 \u0628\u0631\u0646\u062f\u060c \u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628 \u0645\u062d\u062a\u0648\u0627 \u0648 CTA\u0647\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0647\u062f\u0641\u0645\u0646\u062f \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u062a\u0627 \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0631\u0627\u062d\u062a\u200c\u062a\u0631 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u062f.\n                <\/p>\n              <\/div>\n              <div class=\"rounded-[28px] border border-white\/10 bg-white\/5 p-6\">\n                <p class=\"text-xs text-slate-400\">\u062a\u062e\u0635\u0635\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc<\/p>\n                <ul class=\"mt-4 space-y-3 text-sm text-slate-200\">\n                  <li>\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a\u06cc<\/li>\n                  <li>\u0637\u0631\u0627\u062d\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/li>\n                  <li>\u0648\u0631\u062f\u067e\u0631\u0633 \u0648 Elementor<\/li>\n                  <li>\u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u0633\u0626\u0648<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div id=\"services\" class=\"reveal grid gap-4 sm:grid-cols-2\">\n            <article class=\"service-card glass rounded-[28px] p-6 transition duration-300\">\n              <div class=\"mb-4 flex h-12 w-12 items-center justify-center rounded-2xl border border-cyan-300\/15 bg-cyan-300\/10 text-cyan-200\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 12l9-9 9 9\"><\/path><path d=\"M9 21V9h6v12\"><\/path><\/svg>\n              <\/div>\n              <h3 class=\"text-lg font-bold text-white\">\u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u06cc<\/h3>\n              <p class=\"mt-3 text-sm leading-7 text-slate-300\">\u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u0627\u0639\u062a\u0628\u0627\u0631\u060c \u0644\u06cc\u062f\u06af\u06cc\u0631\u06cc \u0648 \u0627\u0631\u0627\u0626\u0647 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062e\u062f\u0645\u0627\u062a \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f.<\/p>\n            <\/article>\n\n            <article class=\"service-card glass rounded-[28px] p-6 transition duration-300\">\n              <div class=\"mb-4 flex h-12 w-12 items-center justify-center rounded-2xl border border-violet-300\/15 bg-violet-300\/10 text-violet-200\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"><\/circle><circle cx=\"20\" cy=\"21\" r=\"1\"><\/circle><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"><\/path><\/svg>\n              <\/div>\n              <h3 class=\"text-lg font-bold text-white\">\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/h3>\n              <p class=\"mt-3 text-sm leading-7 text-slate-300\">\u0633\u0627\u062e\u062a \u062a\u062c\u0631\u0628\u0647 \u062e\u0631\u06cc\u062f \u0633\u0631\u06cc\u0639\u060c \u0627\u0645\u0646 \u0648 \u0622\u0645\u0627\u062f\u0647 \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u062f\u0631\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0648 \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc.<\/p>\n            <\/article>\n\n            <article class=\"service-card glass rounded-[28px] p-6 transition duration-300\">\n              <div class=\"mb-4 flex h-12 w-12 items-center justify-center rounded-2xl border border-emerald-300\/15 bg-emerald-300\/10 text-emerald-200\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h9\"><\/path><path d=\"M12 4h9\"><\/path><path d=\"M4 9h16\"><\/path><path d=\"M4 15h16\"><\/path><\/svg>\n              <\/div>\n              <h3 class=\"text-lg font-bold text-white\">\u0648\u0631\u062f\u067e\u0631\u0633 \u0648 \u062a\u0648\u0633\u0639\u0647 \u0633\u0641\u0627\u0631\u0634\u06cc<\/h3>\n              <p class=\"mt-3 text-sm leading-7 text-slate-300\">\u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u062a\u0645\u06cc\u0632\u060c \u0642\u0627\u0628\u0644 \u062a\u0648\u0633\u0639\u0647 \u0648 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0622\u0633\u0627\u0646 \u0645\u062d\u062a\u0648\u0627 \u062f\u0631 \u0622\u06cc\u0646\u062f\u0647.<\/p>\n            <\/article>\n\n            <article class=\"service-card glass rounded-[28px] p-6 transition duration-300\">\n              <div class=\"mb-4 flex h-12 w-12 items-center justify-center rounded-2xl border border-amber-300\/15 bg-amber-300\/10 text-amber-200\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16v16H4z\"><\/path><path d=\"M9 9h6v6H9z\"><\/path><\/svg>\n              <\/div>\n              <h3 class=\"text-lg font-bold text-white\">\u0633\u0626\u0648 \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc<\/h3>\n              <p class=\"mt-3 text-sm leading-7 text-slate-300\">\u0628\u0647\u0628\u0648\u062f \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u062d\u062a\u0648\u0627\u060c \u0633\u0631\u0639\u062a\u060c \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u0622\u0645\u0627\u062f\u06af\u06cc \u0628\u0631\u0627\u06cc \u0631\u0634\u062f \u062f\u0631 \u0646\u062a\u0627\u06cc\u062c \u062c\u0633\u062a\u062c\u0648.<\/p>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"portfolio\" class=\"px-4 py-20 sm:px-6 lg:px-8\">\n      <div class=\"mx-auto max-w-7xl\">\n        <div class=\"reveal mb-10 flex flex-col gap-5 lg:flex-row lg:items-end lg:justify-between\">\n          <div class=\"max-w-3xl\">\n            <span class=\"mb-4 inline-flex rounded-full border border-white\/10 bg-white\/5 px-4 py-2 text-xs text-cyan-200\">\u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0646\u062a\u062e\u0628<\/span>\n            <h2 class=\"text-3xl font-black text-white sm:text-4xl\">\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062f\u06cc\u062f\u0647 \u0634\u062f\u0646\u060c \u0627\u0639\u062a\u0645\u0627\u062f\u0633\u0627\u0632\u06cc \u0648 \u0641\u0631\u0648\u0634 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f.<\/h2>\n          <\/div>\n          <p class=\"max-w-2xl text-sm leading-8 text-slate-300 sm:text-base\">\n            \u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0686\u0646\u062f \u0646\u0645\u0648\u0646\u0647 \u0645\u0646\u062a\u062e\u0628 \u0631\u0627 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc \u06a9\u0647 \u0647\u0631\u06a9\u062f\u0627\u0645 \u0628\u0627 \u0646\u06cc\u0627\u0632 \u0648\u0627\u0642\u0639\u06cc \u0645\u0634\u062a\u0631\u06cc\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u0647\u062f\u0641\u0645\u0646\u062f \u0648 \u062e\u0631\u0648\u062c\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f.\n          <\/p>\n        <\/div>\n\n        <!--\n          \u0628\u0631\u0627\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627:\n          1) \u062a\u0635\u0648\u06cc\u0631 \u0647\u0631 \u06a9\u0627\u0631\u062a \u0631\u0627 \u062f\u0627\u062e\u0644 \u062a\u06af img \u0639\u0648\u0636 \u06a9\u0646\u06cc\u062f.\n          2) \u0639\u0646\u0648\u0627\u0646 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u062f\u0631 h3 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.\n          3) \u0646\u06cc\u0627\u0632 \u0645\u0634\u062a\u0631\u06cc \u0631\u0627 \u062f\u0631 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0627\u0648\u0644 \u0647\u0631 \u06a9\u0627\u0631\u062a \u0648 \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0631\u0627 \u062f\u0631 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062f\u0648\u0645 \u0648 \u0644\u06cc\u0628\u0644\u200c\u0647\u0627 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f.\n          4) \u0644\u06cc\u0646\u06a9 \u062f\u06a9\u0645\u0647 \u0631\u0627 \u0628\u0627 \u0622\u062f\u0631\u0633 \u067e\u0631\u0648\u0698\u0647 \u0648\u0627\u0642\u0639\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f.\n        -->\n        <div class=\"grid gap-6 lg:grid-cols-12\">\n          <article class=\"portfolio-card glass group overflow-hidden rounded-[32px] transition duration-300 lg:col-span-7\">\n            <!-- \u062a\u0635\u0648\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647 \u06f1 \u0631\u0627 \u0627\u0632 \u0627\u06cc\u0646\u062c\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f -->\n            <div class=\"overflow-hidden\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/sitelauncher-project-1\/1200\/800\" alt=\"\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a\u06cc \u0644\u0648\u06a9\u0633\" width=\"1200\" height=\"800\" loading=\"lazy\" class=\"h-72 w-full object-cover transition duration-700 group-hover:scale-105\">\n            <\/div>\n            <div class=\"p-7\">\n              <div class=\"mb-4 flex flex-wrap gap-2\">\n                <span class=\"rounded-full border border-cyan-300\/15 bg-cyan-300\/10 px-3 py-1 text-xs text-cyan-200\">\u0637\u0631\u0627\u062d\u06cc \u0634\u0631\u06a9\u062a\u06cc<\/span>\n                <span class=\"rounded-full border border-white\/10 px-3 py-1 text-xs text-slate-300\">WordPress<\/span>\n              <\/div>\n              <!-- \u0639\u0646\u0648\u0627\u0646 \u067e\u0631\u0648\u0698\u0647 \u06f1 -->\n              <h3 class=\"text-2xl font-black text-white\">\u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0628\u0631\u0646\u062f \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc<\/h3>\n              <!-- \u0646\u06cc\u0627\u0632 \u0645\u0634\u062a\u0631\u06cc \u067e\u0631\u0648\u0698\u0647 \u06f1 -->\n              <p class=\"mt-4 text-sm leading-8 text-slate-300\">\u0646\u06cc\u0627\u0632 \u0645\u0634\u062a\u0631\u06cc: \u062f\u0627\u0634\u062a\u0646 \u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0645\u0639\u0631\u0641\u06cc \u062e\u062f\u0645\u0627\u062a\u060c \u062c\u0644\u0628 \u0627\u0639\u062a\u0645\u0627\u062f \u0633\u0631\u06cc\u0639 \u0648 \u062f\u0631\u06cc\u0627\u0641\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0627\u0632 \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a.<\/p>\n              <!-- \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u067e\u0631\u0648\u0698\u0647 \u06f1 -->\n              <p class=\"mt-3 text-sm leading-8 text-slate-400\">\u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc: \u0637\u0631\u0627\u062d\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0628\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u06cc \u062e\u062f\u0645\u0627\u062a\u060c \u0628\u062e\u0634 \u0627\u0639\u062a\u0645\u0627\u062f\u0633\u0627\u0632\u06cc\u060c CTA\u0647\u0627\u06cc \u0648\u0627\u0636\u062d \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u062f\u0631\u0646 \u0648 \u0633\u0631\u06cc\u0639.<\/p>\n              <a href=\"#faq\" class=\"mt-6 inline-flex rounded-full border border-white\/10 bg-white\/5 px-5 py-3 text-sm font-medium text-white transition hover:border-cyan-300\/30 hover:bg-white\/10\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u067e\u0631\u0648\u0698\u0647 \u0645\u0634\u0627\u0628\u0647<\/a>\n            <\/div>\n          <\/article>\n\n          <div class=\"grid gap-6 lg:col-span-5\">\n            <article class=\"portfolio-card glass group overflow-hidden rounded-[32px] transition duration-300\">\n              <!-- \u062a\u0635\u0648\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647 \u06f2 \u0631\u0627 \u0627\u0632 \u0627\u06cc\u0646\u062c\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f -->\n              <div class=\"overflow-hidden\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/sitelauncher-project-2\/900\/700\" alt=\"\u067e\u0631\u0648\u0698\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u0645\u062f\u0631\u0646\" width=\"900\" height=\"700\" loading=\"lazy\" class=\"h-52 w-full object-cover transition duration-700 group-hover:scale-105\">\n              <\/div>\n              <div class=\"p-6\">\n                <div class=\"mb-4 flex flex-wrap gap-2\">\n                  <span class=\"rounded-full border border-violet-300\/15 bg-violet-300\/10 px-3 py-1 text-xs text-violet-200\">\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0622\u0646\u0644\u0627\u06cc\u0646<\/span>\n                  <span class=\"rounded-full border border-white\/10 px-3 py-1 text-xs text-slate-300\">\u062f\u0631\u06af\u0627\u0647 \u067e\u0631\u062f\u0627\u062e\u062a<\/span>\n                <\/div>\n                <!-- \u0639\u0646\u0648\u0627\u0646 \u067e\u0631\u0648\u0698\u0647 \u06f2 -->\n                <h3 class=\"text-xl font-extrabold text-white\">\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u0628\u0627 \u0645\u0633\u06cc\u0631 \u062e\u0631\u06cc\u062f \u0633\u0631\u06cc\u0639<\/h3>\n                <!-- \u0646\u06cc\u0627\u0632 \u0645\u0634\u062a\u0631\u06cc \u067e\u0631\u0648\u0698\u0647 \u06f2 -->\n                <p class=\"mt-3 text-sm leading-7 text-slate-300\">\u0646\u06cc\u0627\u0632 \u0645\u0634\u062a\u0631\u06cc: \u06a9\u0627\u0647\u0634 \u0627\u0635\u0637\u06a9\u0627\u06a9 \u062f\u0631 \u062e\u0631\u06cc\u062f \u0648 \u0646\u0645\u0627\u06cc\u0634 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u0641\u0631\u0648\u0634.<\/p>\n                <!-- \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u067e\u0631\u0648\u0698\u0647 \u06f2 -->\n                <p class=\"mt-2 text-sm leading-7 text-slate-400\">\u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc: \u0637\u0631\u0627\u062d\u06cc \u0635\u0641\u062d\u0647 \u0645\u062d\u0635\u0648\u0644\u060c \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0647\u062f\u0641\u0645\u0646\u062f \u0648 \u0641\u0631\u0622\u06cc\u0646\u062f \u062e\u0631\u06cc\u062f \u0634\u0641\u0627\u0641 \u0648 \u0645\u0648\u0628\u0627\u06cc\u0644\u200c\u0641\u0631\u0646\u062f\u0644\u06cc.<\/p>\n              <\/div>\n            <\/article>\n\n            <article class=\"portfolio-card glass group overflow-hidden rounded-[32px] transition duration-300\">\n              <!-- \u062a\u0635\u0648\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647 \u06f3 \u0631\u0627 \u0627\u0632 \u0627\u06cc\u0646\u062c\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f -->\n              <div class=\"overflow-hidden\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/sitelauncher-project-3\/900\/700\" alt=\"\u067e\u0631\u0648\u0698\u0647 \u0644\u0646\u062f\u06cc\u0646\u06af \u0628\u0631\u0627\u06cc \u062c\u0630\u0628 \u0644\u06cc\u062f\" width=\"900\" height=\"700\" loading=\"lazy\" class=\"h-52 w-full object-cover transition duration-700 group-hover:scale-105\">\n              <\/div>\n              <div class=\"p-6\">\n                <div class=\"mb-4 flex flex-wrap gap-2\">\n                  <span class=\"rounded-full border border-emerald-300\/15 bg-emerald-300\/10 px-3 py-1 text-xs text-emerald-200\">Landing Page<\/span>\n                  <span class=\"rounded-full border border-white\/10 px-3 py-1 text-xs text-slate-300\">Lead Generation<\/span>\n                <\/div>\n                <!-- \u0639\u0646\u0648\u0627\u0646 \u067e\u0631\u0648\u0698\u0647 \u06f3 -->\n                <h3 class=\"text-xl font-extrabold text-white\">\u0644\u0646\u062f\u06cc\u0646\u06af \u0647\u062f\u0641\u0645\u0646\u062f \u0628\u0631\u0627\u06cc \u062c\u0630\u0628 \u0633\u0631\u0646\u062e \u0641\u0631\u0648\u0634<\/h3>\n                <!-- \u0646\u06cc\u0627\u0632 \u0645\u0634\u062a\u0631\u06cc \u067e\u0631\u0648\u0698\u0647 \u06f3 -->\n                <p class=\"mt-3 text-sm leading-7 text-slate-300\">\u0646\u06cc\u0627\u0632 \u0645\u0634\u062a\u0631\u06cc: \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0645\u062a\u0645\u0631\u06a9\u0632 \u0628\u0631\u0627\u06cc \u06a9\u0645\u067e\u06cc\u0646 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc \u0648 \u062f\u0631\u06cc\u0627\u0641\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647.<\/p>\n                <!-- \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u067e\u0631\u0648\u0698\u0647 \u06f3 -->\n                <p class=\"mt-2 text-sm leading-7 text-slate-400\">\u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc: \u06a9\u067e\u06cc \u0647\u062f\u0641\u0645\u0646\u062f\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u062a\u0642\u0627\u0639\u062f\u06a9\u0646\u0646\u062f\u0647 \u0648 CTA\u0647\u0627\u06cc \u0648\u0627\u0636\u062d \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u0646\u0631\u062e \u062a\u0628\u062f\u06cc\u0644.<\/p>\n              <\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"testimonials\" class=\"px-4 py-20 sm:px-6 lg:px-8\">\n      <div class=\"mx-auto max-w-7xl\">\n        <div class=\"reveal mb-10 max-w-3xl\">\n          <span class=\"mb-4 inline-flex rounded-full border border-white\/10 bg-white\/5 px-4 py-2 text-xs text-cyan-200\">\u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/span>\n          <h2 class=\"text-3xl font-black text-white sm:text-4xl\">\u0627\u0639\u062a\u0645\u0627\u062f \u0648\u0642\u062a\u06cc \u0634\u06a9\u0644 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u06a9\u0647 \u062e\u0631\u0648\u062c\u06cc\u060c \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0627\u0646\u062a\u0638\u0627\u0631 \u0628\u0627\u0634\u062f.<\/h2>\n        <\/div>\n\n        <div class=\"grid gap-6 lg:grid-cols-3\">\n          <article class=\"testimonial-card glass rounded-[32px] p-7 transition duration-300\">\n            <div class=\"mb-5 flex items-center gap-1 text-amber-300\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <p class=\"text-sm leading-8 text-slate-200\">\u00ab\u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u0647\u0645\u0647 \u0628\u0631\u0627\u06cc \u0645\u0627 \u0627\u0631\u0632\u0634 \u062f\u0627\u0634\u062a\u060c \u0641\u0642\u0637 \u0637\u0631\u0627\u062d\u06cc \u0632\u06cc\u0628\u0627 \u0646\u0628\u0648\u062f\u061b \u0633\u0627\u062e\u062a\u0627\u0631 \u0633\u0627\u06cc\u062a \u062f\u0642\u06cc\u0642\u0627\u064b \u0637\u0648\u0631\u06cc \u0686\u06cc\u062f\u0647 \u0634\u062f\u0647 \u0628\u0648\u062f \u06a9\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0627 \u0631\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u062a\u0631 \u0646\u0634\u0627\u0646 \u0628\u062f\u0647\u062f \u0648 \u0645\u062e\u0627\u0637\u0628 \u0631\u0627\u062d\u062a\u200c\u062a\u0631 \u0628\u0627 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u062f.\u00bb<\/p>\n            <div class=\"mt-6 border-t border-white\/10 pt-5\">\n              <h3 class=\"font-bold text-white\">\u0645\u062f\u06cc\u0631 \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u062e\u062f\u0645\u0627\u062a\u06cc<\/h3>\n              <p class=\"mt-1 text-xs text-slate-400\">\u067e\u0631\u0648\u0698\u0647 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u06cc<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"testimonial-card glass rounded-[32px] p-7 transition duration-300\">\n            <div class=\"mb-5 flex items-center gap-1 text-amber-300\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <p class=\"text-sm leading-8 text-slate-200\">\u00ab\u0627\u0632 \u0646\u0638\u0631 \u0633\u0631\u0639\u062a \u0627\u062c\u0631\u0627\u060c \u0646\u0638\u0645 \u06a9\u0627\u0631 \u0648 \u06a9\u06cc\u0641\u06cc\u062a \u0646\u0647\u0627\u06cc\u06cc \u0648\u0627\u0642\u0639\u0627\u064b \u062a\u062c\u0631\u0628\u0647 \u062e\u0648\u0628\u06cc \u062f\u0627\u0634\u062a\u06cc\u0645. \u0627\u0632 \u0647\u0645\u0627\u0646 \u0627\u0628\u062a\u062f\u0627 \u0645\u0634\u062e\u0635 \u0628\u0648\u062f \u06a9\u0647 \u067e\u0631\u0648\u0698\u0647 \u0641\u0642\u0637 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0646\u06cc\u0633\u062a \u0648 \u0628\u0647 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0648 \u0646\u062a\u06cc\u062c\u0647 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0647\u0645 \u0641\u06a9\u0631 \u0634\u062f\u0647.\u00bb<\/p>\n            <div class=\"mt-6 border-t border-white\/10 pt-5\">\n              <h3 class=\"font-bold text-white\">\u0635\u0627\u062d\u0628 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0622\u0646\u0644\u0627\u06cc\u0646<\/h3>\n              <p class=\"mt-1 text-xs text-slate-400\">\u067e\u0631\u0648\u0698\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"testimonial-card glass rounded-[32px] p-7 transition duration-300\">\n            <div class=\"mb-5 flex items-center gap-1 text-amber-300\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <p class=\"text-sm leading-8 text-slate-200\">\u00ab\u0647\u0645 \u0627\u0632 \u0644\u062d\u0627\u0638 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0647\u0645 \u0627\u0632 \u0644\u062d\u0627\u0638 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0645\u062d\u062a\u0648\u0627 \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0635\u0641\u062d\u0627\u062a\u060c \u062e\u0631\u0648\u062c\u06cc \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0627\u0646\u062a\u0638\u0627\u0631 \u0628\u0648\u062f. \u0633\u0627\u06cc\u062a \u0645\u0627 \u0627\u0644\u0627\u0646 \u062e\u06cc\u0644\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u062a\u0631 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u062c\u062f\u06cc\u062f \u0627\u0639\u062a\u0645\u0627\u062f \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u06cc\u0645.\u00bb<\/p>\n            <div class=\"mt-6 border-t border-white\/10 pt-5\">\n              <h3 class=\"font-bold text-white\">\u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0628\u0631\u0646\u062f \u0634\u062e\u0635\u06cc<\/h3>\n              <p class=\"mt-1 text-xs text-slate-400\">\u067e\u0631\u0648\u0698\u0647 \u0633\u0627\u06cc\u062a \u0645\u0639\u0631\u0641\u06cc \u062e\u062f\u0645\u0627\u062a<\/p>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"faq\" class=\"px-4 py-20 sm:px-6 lg:px-8\">\n      <div class=\"mx-auto max-w-5xl\">\n        <div class=\"reveal mb-10 text-center\">\n          <span class=\"mb-4 inline-flex rounded-full border border-white\/10 bg-white\/5 px-4 py-2 text-xs text-cyan-200\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/span>\n          <h2 class=\"text-3xl font-black text-white sm:text-4xl\">\u0642\u0628\u0644 \u0627\u0632 \u0634\u0631\u0648\u0639 \u0647\u0645\u06a9\u0627\u0631\u06cc\u060c \u067e\u0627\u0633\u062e \u0633\u0648\u0627\u0644\u200c\u0647\u0627\u06cc \u0645\u0647\u0645 \u0634\u0645\u0627 \u0627\u06cc\u0646\u062c\u0627\u0633\u062a.<\/h2>\n        <\/div>\n\n        <div class=\"space-y-4\">\n          <details class=\"faq-item faq-shell reveal glass rounded-[28px] p-2 transition duration-300\" open=\"\">\n            <summary class=\"flex cursor-pointer list-none items-center justify-between rounded-[22px] px-5 py-5 text-right text-base font-bold text-white\">\n              \u0645\u062f\u062a \u0632\u0645\u0627\u0646 \u062a\u062d\u0648\u06cc\u0644 \u067e\u0631\u0648\u0698\u0647 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0686\u0642\u062f\u0631 \u0627\u0633\u062a\u061f\n              <span class=\"faq-icon flex h-10 w-10 items-center justify-center rounded-full border border-white\/10 bg-white\/5 text-cyan-200 transition\">+<\/span>\n            <\/summary>\n            <div class=\"faq-content px-5 pb-5\">\n              <div>\n                <p class=\"pt-1 text-sm leading-8 text-slate-300\">\u0628\u0633\u062a\u0647 \u0628\u0647 \u0646\u0648\u0639 \u067e\u0631\u0648\u0698\u0647\u060c \u062d\u062c\u0645 \u0635\u0641\u062d\u0627\u062a\u060c \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0645\u0648\u0631\u062f\u0646\u06cc\u0627\u0632 \u0648 \u0633\u0631\u0639\u062a \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u062a\u0648\u0627\u060c \u0632\u0645\u0627\u0646 \u062a\u062d\u0648\u06cc\u0644 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0627\u0634\u062f. \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0627\u0632\u0647\u200c\u0627\u06cc \u0645\u0646\u0637\u0642\u06cc \u0648 \u0634\u0641\u0627\u0641 \u0627\u0632 \u0627\u0628\u062a\u062f\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n              <\/div>\n            <\/div>\n          <\/details>\n\n          <details class=\"faq-item faq-shell reveal glass rounded-[28px] p-2 transition duration-300\">\n            <summary class=\"flex cursor-pointer list-none items-center justify-between rounded-[22px] px-5 py-5 text-right text-base font-bold text-white\">\n              \u0647\u0632\u06cc\u0646\u0647 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0686\u0637\u0648\u0631 \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f\n              <span class=\"faq-icon flex h-10 w-10 items-center justify-center rounded-full border border-white\/10 bg-white\/5 text-cyan-200 transition\">+<\/span>\n            <\/summary>\n            <div class=\"faq-content px-5 pb-5\">\n              <div>\n                <p class=\"pt-1 text-sm leading-8 text-slate-300\">\u0647\u0632\u06cc\u0646\u0647 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0648\u0639 \u0633\u0627\u06cc\u062a\u060c \u062a\u0639\u062f\u0627\u062f \u0635\u0641\u062d\u0627\u062a\u060c \u0633\u0637\u062d \u0637\u0631\u0627\u062d\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc\u060c \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0641\u0646\u06cc\u060c \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0633\u0626\u0648 \u0648 \u0645\u06cc\u0632\u0627\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0647\u062f\u0641 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u067e\u0644\u0646 \u0646\u0647\u0627\u06cc\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632 \u0648\u0627\u0642\u0639\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0634\u0648\u062f\u060c \u0646\u0647 \u06cc\u06a9 \u067e\u06a9\u06cc\u062c \u063a\u06cc\u0631\u0645\u0646\u0639\u0637\u0641.<\/p>\n              <\/div>\n            <\/div>\n          <\/details>\n\n          <details class=\"faq-item faq-shell reveal glass rounded-[28px] p-2 transition duration-300\">\n            <summary class=\"flex cursor-pointer list-none items-center justify-between rounded-[22px] px-5 py-5 text-right text-base font-bold text-white\">\n              \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0628\u0639\u062f \u0627\u0632 \u062a\u062d\u0648\u06cc\u0644 \u0628\u0647 \u0686\u0647 \u0634\u06a9\u0644 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f\n              <span class=\"faq-icon flex h-10 w-10 items-center justify-center rounded-full border border-white\/10 bg-white\/5 text-cyan-200 transition\">+<\/span>\n            <\/summary>\n            <div class=\"faq-content px-5 pb-5\">\n              <div>\n                <p class=\"pt-1 text-sm leading-8 text-slate-300\">\u0628\u0633\u062a\u0647 \u0628\u0647 \u0646\u0648\u0639 \u0647\u0645\u06a9\u0627\u0631\u06cc\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0646\u06cc\u060c \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc\u060c \u0631\u0641\u0639 \u0627\u06cc\u0631\u0627\u062f\u060c \u0628\u0647\u0628\u0648\u062f \u0645\u062d\u062a\u0648\u0627 \u0648 \u062a\u0648\u0633\u0639\u0647\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc \u0631\u0627 \u062f\u0631 \u0642\u0627\u0644\u0628 \u067e\u0644\u0646 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u062f\u0627\u0645\u0647 \u062f\u0627\u062f. \u0647\u0645\u0647\u200c\u0686\u06cc\u0632 \u0627\u0632 \u0627\u0628\u062a\u062f\u0627 \u0634\u0641\u0627\u0641 \u0648 \u0642\u0627\u0628\u0644 \u062a\u0648\u0627\u0641\u0642 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n              <\/div>\n            <\/div>\n          <\/details>\n\n          <details class=\"faq-item faq-shell reveal glass rounded-[28px] p-2 transition duration-300\">\n            <summary class=\"flex cursor-pointer list-none items-center justify-between rounded-[22px] px-5 py-5 text-right text-base font-bold text-white\">\n              \u0645\u0627\u0644\u06a9\u06cc\u062a \u0633\u0627\u06cc\u062a \u0628\u0639\u062f \u0627\u0632 \u0627\u062a\u0645\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 \u0628\u0627 \u0686\u0647 \u06a9\u0633\u06cc \u0627\u0633\u062a\u061f\n              <span class=\"faq-icon flex h-10 w-10 items-center justify-center rounded-full border border-white\/10 bg-white\/5 text-cyan-200 transition\">+<\/span>\n            <\/summary>\n            <div class=\"faq-content px-5 pb-5\">\n              <div>\n                <p class=\"pt-1 text-sm leading-8 text-slate-300\">\u067e\u0633 \u0627\u0632 \u062a\u062d\u0648\u06cc\u0644 \u0646\u0647\u0627\u06cc\u06cc \u0648 \u062a\u0633\u0648\u06cc\u0647\u060c \u0645\u0627\u0644\u06a9\u06cc\u062a \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u060c \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0648 \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u067e\u0631\u0648\u0698\u0647 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0627\u0632 \u0646\u0638\u0631 \u0634\u0641\u0627\u0641\u06cc\u062a \u0647\u0645\u06a9\u0627\u0631\u06cc \u0648 \u0627\u0645\u0646\u06cc\u062a \u0628\u0631\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a.<\/p>\n              <\/div>\n            <\/div>\n          <\/details>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"border-t border-white\/10 px-4 py-8 sm:px-6 lg:px-8\">\n    <div class=\"mx-auto flex max-w-7xl flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n      <p class=\"text-sm text-slate-400\">\u00a9 Sitelauncher \u2014 \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0642\u0635\u062f \u0631\u0634\u062f \u062f\u0627\u0631\u0646\u062f.<\/p>\n      <div class=\"flex items-center gap-4 text-sm text-slate-400\">\n        <a href=\"about.html\" class=\"transition hover:text-white\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n        <a href=\"portfolio.html\" class=\"transition hover:text-white\">\u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627<\/a>\n        <a href=\"#faq\" class=\"transition hover:text-white\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <script>\n    (() => {\n      const root = document.documentElement;\n      const themeBtn = document.querySelector('[data-theme-toggle]');\n      let currentTheme = root.getAttribute('data-theme') || 'dark';\n\n      const setThemeIcon = () => {\n        if (!themeBtn) return;\n        themeBtn.innerHTML = currentTheme === 'dark'\n          ? '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>'\n          : '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle><path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"><\/path><\/svg>';\n      };\n\n      themeBtn?.addEventListener('click', () => {\n        currentTheme = currentTheme === 'dark' ? 'light' : 'dark';\n        root.setAttribute('data-theme', currentTheme);\n        if (currentTheme === 'light') {\n          document.body.style.background = 'radial-gradient(circle at 15% 20%, rgba(34,211,238,.10), transparent 24%), radial-gradient(circle at 85% 15%, rgba(139,92,246,.10), transparent 22%), #eef4ff';\n          document.body.style.color = '#0f172a';\n        } else {\n          document.body.style.background = 'radial-gradient(circle at 15% 20%, rgba(34,211,238,.16), transparent 24%), radial-gradient(circle at 85% 15%, rgba(139,92,246,.15), transparent 22%), radial-gradient(circle at 50% 80%, rgba(56,189,248,.09), transparent 24%), #050816';\n          document.body.style.color = '#e5eefb';\n        }\n        setThemeIcon();\n      });\n      setThemeIcon();\n\n      const menuBtn = document.getElementById('mobileMenuBtn');\n      const mobileMenu = document.getElementById('mobileMenu');\n      const menuIcon = document.getElementById('menuIcon');\n\n      menuBtn?.addEventListener('click', () => {\n        const isOpen = mobileMenu.classList.toggle('open');\n        menuBtn.setAttribute('aria-expanded', String(isOpen));\n        menuIcon.innerHTML = isOpen\n          ? '<path d=\"M18 6L6 18M6 6l12 12\" \/>'\n          : '<path d=\"M3 6h18M3 12h18M3 18h18\" \/>';\n      });\n\n      document.querySelectorAll('#mobileMenu a').forEach(link => {\n        link.addEventListener('click', () => {\n          mobileMenu.classList.remove('open');\n          menuBtn.setAttribute('aria-expanded', 'false');\n          menuIcon.innerHTML = '<path d=\"M3 6h18M3 12h18M3 18h18\" \/>';\n        });\n      });\n\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) entry.target.classList.add('visible');\n        });\n      }, { threshold: 0.14 });\n\n      document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n      document.querySelectorAll('.faq-item').forEach(item => {\n        item.addEventListener('toggle', () => {\n          if (item.open) {\n            document.querySelectorAll('.faq-item').forEach(other => {\n              if (other !== item) other.removeAttribute('open');\n            });\n          }\n        });\n      });\n\n      const sections = document.querySelectorAll('section[id]');\n      const navLinks = document.querySelectorAll('nav a');\n      const highlightNav = () => {\n        let current = 'home';\n        sections.forEach(section => {\n          const top = section.offsetTop - 120;\n          if (window.scrollY >= top) current = section.getAttribute('id');\n        });\n        navLinks.forEach(link => {\n          link.classList.toggle('active', link.getAttribute('href') === `#${current}`);\n        });\n      };\n      window.addEventListener('scroll', highlightNav);\n      highlightNav();\n    })();\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u067e\u0631\u0634 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc Sitelauncher \u0633\u0627\u06cc\u062a\u200c\u0644\u0627\u0646\u0686\u0631 | \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0648 \u0631\u0634\u062f \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u062e\u0627\u0646\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u062e\u062f\u0645\u0627\u062a \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u062f\u06cc\u062f\u0646 [&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":"","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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sitesaz.shop\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitesaz.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitesaz.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitesaz.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitesaz.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":2,"href":"https:\/\/sitesaz.shop\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/sitesaz.shop\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/sitesaz.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}