{"id":101,"date":"2026-08-08T11:29:29","date_gmt":"2026-08-08T07:59:29","guid":{"rendered":"https:\/\/novinstudio.com\/home\/"},"modified":"2026-08-08T11:55:43","modified_gmt":"2026-08-08T08:25:43","slug":"home","status":"publish","type":"page","link":"https:\/\/novinstudio.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"101\" class=\"elementor elementor-101 elementor-81\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3c2472 e-con-full e-flex e-con e-parent\" data-id=\"a3c2472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff26605 elementor-widget elementor-widget-html\" data-id=\"ff26605\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================ -->\n<!-- ===== NOVINSTUDIO HOME PAGE - PERSIAN VERSION (FA) ===== -->\n<!-- ============================================================ -->\n\n<style>\n\/* ===== HOME PAGE STYLES ===== *\/\n\n\/* Hero Section *\/\n.ns-hero {\n  padding: calc(var(--ns-header-height, 72px) + 40px) 0 0;\n  min-height: 100vh;\n  min-height: 100dvh;\n  display: flex;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n}\n.ns-hero-bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n.ns-hero-bg-circle {\n  position: absolute;\n  width: 600px;\n  height: 600px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(63,209,193,0.08) 0%, transparent 70%);\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  animation: nsPulse 8s ease-in-out infinite;\n}\n@keyframes nsPulse {\n  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\n  50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }\n}\n.ns-hero-content {\n  position: relative;\n  z-index: 1;\n  max-width: 800px;\n  margin: 0 auto;\n  text-align: center;\n  padding: 40px 0 60px;\n}\n.ns-hero .ns-eyebrow {\n  margin-bottom: 20px;\n}\n.ns-hero h1 {\n  margin-bottom: 24px;\n  background: linear-gradient(135deg, var(--ns-text, #EAEEF1) 0%, var(--ns-text-dim, #96A3AE) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.ns-hero p {\n  font-size: 1.15rem;\n  color: var(--ns-text-dim, #96A3AE);\n  max-width: 640px;\n  margin: 0 auto 32px;\n  line-height: 1.8;\n}\n.ns-hero-actions {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.ns-hero-actions .ns-btn-secondary {\n  border-color: var(--ns-border-strong, rgba(255,255,255,0.16));\n}\n\n\/* Hero Visual Widget *\/\n.ns-hero-visual {\n  margin-top: 60px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.ns-hero-visual-item {\n  background: var(--ns-surface, #141B23);\n  border: 1px solid var(--ns-border, rgba(255,255,255,0.09));\n  border-radius: var(--ns-radius, 14px);\n  padding: 20px 16px;\n  text-align: center;\n  transition: all 0.3s ease;\n  cursor: default;\n}\n.ns-hero-visual-item:hover {\n  border-color: var(--ns-accent, #3FD1C1);\n  background: var(--ns-surface-2, #171F28);\n  transform: translateY(-4px);\n}\n.ns-hero-visual-item .ns-icon {\n  font-size: 2rem;\n  display: block;\n  margin-bottom: 8px;\n}\n.ns-hero-visual-item span {\n  font-size: 0.85rem;\n  font-weight: 500;\n  color: var(--ns-text-dim, #96A3AE);\n}\n.ns-hero-visual-center {\n  grid-column: 1 \/ -1;\n  background: var(--ns-accent-soft, rgba(63,209,193,0.12));\n  border-color: var(--ns-accent, #3FD1C1);\n  padding: 16px;\n}\n.ns-hero-visual-center .ns-icon {\n  font-size: 2.4rem;\n}\n.ns-hero-visual-center span {\n  color: var(--ns-text, #EAEEF1);\n  font-weight: 600;\n}\n\n\/* Trust Bar *\/\n.ns-trust {\n  padding: 32px 0 48px;\n  text-align: center;\n  border-top: 1px solid var(--ns-border, rgba(255,255,255,0.09));\n}\n.ns-trust p {\n  color: var(--ns-text-dim, #96A3AE);\n  font-size: 0.95rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n.ns-trust .ns-trust-icon {\n  display: inline-block;\n  margin-bottom: 8px;\n  font-size: 1.4rem;\n}\n\n\/* Problem Section *\/\n.ns-problem {\n  padding: 64px 0;\n}\n.ns-problem-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: start;\n}\n.ns-problem-list {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.ns-problem-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding: 16px 20px;\n  background: var(--ns-surface, #141B23);\n  border-radius: var(--ns-radius, 14px);\n  border: 1px solid var(--ns-border, rgba(255,255,255,0.09));\n  transition: all 0.3s ease;\n}\n.ns-problem-item:hover {\n  border-color: var(--ns-accent-soft, rgba(63,209,193,0.3));\n  background: var(--ns-surface-2, #171F28);\n}\n.ns-problem-item .ns-check {\n  color: var(--ns-accent, #3FD1C1);\n  font-size: 1.2rem;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n.ns-problem-item p {\n  color: var(--ns-text-dim, #96A3AE);\n  font-size: 0.95rem;\n  margin: 0;\n}\n\n\/* Service Grid *\/\n.ns-services {\n  padding: 64px 0;\n  background: var(--ns-bg-soft, #0D1218);\n}\n.ns-services-header {\n  text-align: center;\n  margin-bottom: 48px;\n}\n.ns-services .ns-grid-auto {\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n\/* Process Section *\/\n.ns-process {\n  padding: 64px 0;\n}\n.ns-process-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 24px;\n  margin-top: 40px;\n}\n.ns-process-item {\n  text-align: center;\n  position: relative;\n}\n.ns-process-item:not(:last-child)::after {\n  content: '\u2190';\n  position: absolute;\n  left: -16px;\n  top: 30px;\n  color: var(--ns-text-faint, #5E6B76);\n  font-size: 1.2rem;\n}\n.ns-process-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  margin: 0 auto 12px;\n  border-radius: 50%;\n  background: var(--ns-accent-soft, rgba(63,209,193,0.12));\n  border: 1px solid var(--ns-accent, #3FD1C1);\n  color: var(--ns-accent, #3FD1C1);\n  font-weight: 700;\n  font-size: 1.1rem;\n}\n.ns-process-item h4 {\n  font-size: 0.95rem;\n  margin-bottom: 6px;\n}\n.ns-process-item p {\n  font-size: 0.85rem;\n  color: var(--ns-text-dim, #96A3AE);\n  margin: 0;\n}\n\n\/* Why Grid *\/\n.ns-why {\n  padding: 64px 0;\n  background: var(--ns-bg-soft, #0D1218);\n}\n.ns-why-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 32px;\n  margin-top: 40px;\n}\n.ns-why-item {\n  padding: 24px;\n  border-radius: var(--ns-radius, 14px);\n  transition: all 0.3s ease;\n}\n.ns-why-item:hover {\n  background: var(--ns-surface, #141B23);\n  border: 1px solid var(--ns-border, rgba(255,255,255,0.09));\n}\n.ns-why-item .ns-icon {\n  font-size: 1.8rem;\n  display: block;\n  margin-bottom: 12px;\n}\n.ns-why-item h4 {\n  font-size: 1rem;\n  margin-bottom: 8px;\n}\n.ns-why-item p {\n  font-size: 0.9rem;\n  color: var(--ns-text-dim, #96A3AE);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Work Grid (Home) *\/\n.ns-work-home {\n  padding: 64px 0;\n}\n.ns-work-home .ns-work-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n  margin-top: 40px;\n}\n.ns-work-card {\n  background: var(--ns-surface, #141B23);\n  border-radius: var(--ns-radius-lg, 22px);\n  border: 1px solid var(--ns-border, rgba(255,255,255,0.09));\n  padding: 32px;\n  transition: all 0.3s ease;\n}\n.ns-work-card:hover {\n  border-color: var(--ns-border-strong, rgba(255,255,255,0.16));\n  transform: translateY(-4px);\n}\n.ns-work-card .ns-tag {\n  display: block;\n  margin-bottom: 12px;\n}\n.ns-work-card h3 {\n  margin-bottom: 12px;\n}\n.ns-work-card .ns-work-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin: 16px 0;\n}\n.ns-work-card .ns-work-outcome {\n  color: var(--ns-text-dim, #96A3AE);\n  font-size: 0.9rem;\n  margin-bottom: 16px;\n  padding: 16px;\n  background: var(--ns-bg-soft, #0D1218);\n  border-radius: var(--ns-radius, 14px);\n  border-right: 3px solid var(--ns-accent, #3FD1C1);\n}\n\n\/* FAQ Section *\/\n.ns-faq-home {\n  padding: 64px 0;\n  background: var(--ns-bg-soft, #0D1218);\n}\n.ns-faq-home .ns-faq-list {\n  max-width: 800px;\n  margin: 40px auto 0;\n}\n\n\/* CTA Final *\/\n.ns-cta-final {\n  padding: 80px 0;\n  text-align: center;\n  background: linear-gradient(135deg, var(--ns-bg, #0A0E13) 0%, var(--ns-bg-soft, #0D1218) 100%);\n  border-top: 1px solid var(--ns-border, rgba(255,255,255,0.09));\n}\n.ns-cta-final h2 {\n  margin-bottom: 16px;\n}\n.ns-cta-final p {\n  color: var(--ns-text-dim, #96A3AE);\n  max-width: 500px;\n  margin: 0 auto 32px;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .ns-process-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  .ns-process-item:nth-child(3)::after {\n    display: none;\n  }\n  .ns-why-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@media (max-width: 820px) {\n  .ns-hero {\n    min-height: auto;\n    padding: calc(var(--ns-header-height, 72px) + 20px) 0 0;\n  }\n  .ns-hero h1 {\n    font-size: clamp(2rem, 6vw, 2.8rem);\n  }\n  .ns-hero p {\n    font-size: 1rem;\n  }\n  .ns-hero-visual {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n  .ns-hero-visual-item {\n    padding: 14px 12px;\n  }\n  .ns-hero-visual-item .ns-icon {\n    font-size: 1.6rem;\n  }\n  .ns-problem-grid {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n  .ns-work-home .ns-work-grid {\n    grid-template-columns: 1fr;\n  }\n  .ns-process-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .ns-process-item:nth-child(2)::after {\n    display: none;\n  }\n  .ns-why-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n@media (max-width: 600px) {\n  .ns-hero-actions {\n    flex-direction: column;\n    width: 100%;\n  }\n  .ns-hero-actions .ns-btn {\n    width: 100%;\n    justify-content: center;\n  }\n  .ns-hero-visual {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .ns-hero-visual-center {\n    grid-column: 1 \/ -1;\n  }\n  .ns-process-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n  .ns-process-item:not(:last-child)::after {\n    display: none;\n  }\n  .ns-why-grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n  .ns-work-card {\n    padding: 24px;\n  }\n  .ns-services .ns-grid-auto {\n    grid-template-columns: 1fr;\n  }\n}\n@media (max-width: 480px) {\n  .ns-hero {\n    padding-top: calc(var(--ns-header-height, 72px) + 10px);\n  }\n  .ns-hero-visual {\n    grid-template-columns: 1fr 1fr;\n    gap: 8px;\n  }\n  .ns-hero-visual-item {\n    padding: 12px 8px;\n  }\n  .ns-hero-visual-item .ns-icon {\n    font-size: 1.4rem;\n  }\n  .ns-hero-visual-item span {\n    font-size: 0.75rem;\n  }\n}\n<\/style>\n\n\n<style>\n\/* ===== ENGLISH VERSION OVERRIDES ===== *\/\nbody.novin-lang-en .ns-process-item:not(:last-child)::after {\n  content: '\u2192';\n  right: -16px;\n  left: auto;\n}\nbody.novin-lang-en .ns-work-card .ns-work-outcome {\n  border-right: none;\n  border-left: 3px solid var(--ns-accent, #3FD1C1);\n}\nbody.novin-lang-en .ns-hero h1 {\n  letter-spacing: -0.02em;\n}\nbody.novin-lang-en .ns-eyebrow {\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\nbody.novin-lang-en .ns-eyebrow::before {\n  content: '\u25cf';\n}\nbody.novin-lang-en .ns-tag {\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\nbody.novin-lang-en .ns-btn-ghost .ns-arrow {\n  transition: transform 0.25s ease;\n}\nbody.novin-lang-en .ns-btn-ghost:hover .ns-arrow {\n  transform: translateX(4px);\n}\n<\/style>\n\n<!-- ===== HERO SECTION ===== -->\n<section class=\"ns-hero\" id=\"home-hero-en\">\n  <div class=\"ns-hero-bg\">\n    <div class=\"ns-hero-bg-circle\"><\/div>\n  <\/div>\n  <div class=\"ns-container\">\n    <div class=\"ns-hero-content\">\n      <div class=\"ns-eyebrow\">\u25cf Software Engineering Studio<\/div>\n      <h1>Custom digital systems built to scale with your business<\/h1>\n      <p>We design and build WordPress systems, API integrations, and workflow automation that are engineered around your actual operations \u2014 not patched together from off-the-shelf plugins.<\/p>\n      <div class=\"ns-hero-actions\">\n        <a href=\"https:\/\/novinstudio.com\/en\/contact\/\" class=\"ns-btn ns-btn-primary\">Discuss your project<\/a>\n        <a href=\"https:\/\/novinstudio.com\/en\/work\/\" class=\"ns-btn ns-btn-secondary\">See our work<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"ns-hero-visual\">\n      <div class=\"ns-hero-visual-item\">\n        <span class=\"ns-icon\">\ud83c\udf10<\/span>\n        <span>Website<\/span>\n      <\/div>\n      <div class=\"ns-hero-visual-item\">\n        <span class=\"ns-icon\">\u26a1<\/span>\n        <span>API<\/span>\n      <\/div>\n      <div class=\"ns-hero-visual-item\">\n        <span class=\"ns-icon\">\ud83e\udde0<\/span>\n        <span>AI<\/span>\n      <\/div>\n      <div class=\"ns-hero-visual-item\">\n        <span class=\"ns-icon\">\ud83d\udd04<\/span>\n        <span>Automation<\/span>\n      <\/div>\n      <div class=\"ns-hero-visual-center\">\n        <span class=\"ns-icon\">\u2699\ufe0f<\/span>\n        <span>Custom Development<\/span>\n      <\/div>\n      <div class=\"ns-hero-visual-item\">\n        <span class=\"ns-icon\">\ud83c\udfd7\ufe0f<\/span>\n        <span>Infrastructure<\/span>\n      <\/div>\n      <div class=\"ns-hero-visual-item\">\n        <span class=\"ns-icon\">\ud83d\udee0\ufe0f<\/span>\n        <span>WordPress<\/span>\n      <\/div>\n      <div class=\"ns-hero-visual-item\">\n        <span class=\"ns-icon\">\ud83d\udd12<\/span>\n        <span>Security<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TRUST BAR ===== -->\n<div class=\"ns-trust\">\n  <div class=\"ns-container\">\n    <div class=\"ns-trust-icon\">\ud83e\udd1d<\/div>\n    <p>Direct communication with the engineer building your system. Clear scope, staged delivery, technical documentation, and support after launch.<\/p>\n  <\/div>\n<\/div>\n\n<!-- ===== PROBLEM SECTION ===== -->\n<section class=\"ns-problem\">\n  <div class=\"ns-container\">\n    <div class=\"ns-problem-grid\">\n      <div>\n        <span class=\"ns-eyebrow\">\u25cf Assessment<\/span>\n        <h2>Do any of these sound familiar?<\/h2>\n      <\/div>\n      <div class=\"ns-problem-list\">\n        <div class=\"ns-problem-item\">\n          <span class=\"ns-check\">\u2715<\/span>\n          <p>Your team manages orders, customers, or pricing manually<\/p>\n        <\/div>\n        <div class=\"ns-problem-item\">\n          <span class=\"ns-check\">\u2715<\/span>\n          <p>Multiple plugins conflict with each other or have made your site slow and fragile<\/p>\n        <\/div>\n        <div class=\"ns-problem-item\">\n          <span class=\"ns-check\">\u2715<\/span>\n          <p>Data lives in separate silos across your website, CRM, and billing tools with no sync<\/p>\n        <\/div>\n        <div class=\"ns-problem-item\">\n          <span class=\"ns-check\">\u2715<\/span>\n          <p>You have an idea but no clear picture of scope, timeline, or cost<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SERVICES GRID ===== -->\n<section class=\"ns-services\">\n  <div class=\"ns-container\">\n    <div class=\"ns-services-header\">\n      <span class=\"ns-eyebrow\">\u25cf Our Services<\/span>\n      <h2>Solutions for real challenges<\/h2>\n    <\/div>\n    \n    <div class=\"ns-grid ns-grid-auto\">\n      <div class=\"ns-card ns-reveal ns-reveal-delay-1\">\n        <span class=\"ns-tag\">WORDPRESS &amp; WOOCOMMERCE<\/span>\n        <h3>Custom WordPress &amp; WooCommerce<\/h3>\n        <p>Plugins, themes, and store logic built for workflows off-the-shelf tools can't handle.<\/p>\n        <div class=\"ns-chip-group\">\n          <span class=\"ns-chip\">Custom Plugins<\/span>\n          <span class=\"ns-chip\">WooCommerce<\/span>\n          <span class=\"ns-chip\">Performance<\/span>\n          <span class=\"ns-chip\">+3<\/span>\n        <\/div>\n        <a href=\"https:\/\/novinstudio.com\/en\/services\/wordpress-woocommerce\/\" class=\"ns-btn ns-btn-ghost\">Learn more \u2192<\/a>\n      <\/div>\n\n      <div class=\"ns-card ns-reveal ns-reveal-delay-2\">\n        <span class=\"ns-tag\">API &amp; AUTOMATION<\/span>\n        <h3>API Integrations &amp; Automation<\/h3>\n        <p>Connect your website, CRM, payments, and internal tools \u2014 and remove manual data entry.<\/p>\n        <div class=\"ns-chip-group\">\n          <span class=\"ns-chip\">REST API<\/span>\n          <span class=\"ns-chip\">Webhooks<\/span>\n          <span class=\"ns-chip\">Workflow Automation<\/span>\n          <span class=\"ns-chip\">+3<\/span>\n        <\/div>\n        <a href=\"https:\/\/novinstudio.com\/en\/services\/api-integrations\/\" class=\"ns-btn ns-btn-ghost\">Learn more \u2192<\/a>\n      <\/div>\n\n      <div class=\"ns-card ns-reveal ns-reveal-delay-3\">\n        <span class=\"ns-tag\">DISCOVERY &amp; MVP<\/span>\n        <h3>Technical Discovery &amp; MVP<\/h3>\n        <p>Turn a vague idea into a scoped, buildable technical plan before writing any code.<\/p>\n        <div class=\"ns-chip-group\">\n          <span class=\"ns-chip\">Requirements<\/span>\n          <span class=\"ns-chip\">Architecture<\/span>\n          <span class=\"ns-chip\">Roadmap<\/span>\n          <span class=\"ns-chip\">+2<\/span>\n        <\/div>\n        <a href=\"https:\/\/novinstudio.com\/en\/services\/discovery-strategy\/\" class=\"ns-btn ns-btn-ghost\">Learn more \u2192<\/a>\n      <\/div>\n    <\/div>\n    \n    <div style=\"text-align:center;margin-top:40px;\">\n      <a href=\"https:\/\/novinstudio.com\/en\/services\/\" class=\"ns-btn ns-btn-secondary\">Explore all services \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PROCESS SECTION ===== -->\n<section class=\"ns-process\">\n  <div class=\"ns-container\">\n    <div style=\"text-align:center;\">\n      <span class=\"ns-eyebrow\">\u25cf Our Process<\/span>\n      <h2>How we work together<\/h2>\n    <\/div>\n    \n    <div class=\"ns-process-grid\">\n      <div class=\"ns-process-item\">\n        <div class=\"ns-process-number\">1<\/div>\n        <h4>Discovery<\/h4>\n        <p>We review your goals, constraints, and current systems<\/p>\n      <\/div>\n      <div class=\"ns-process-item\">\n        <div class=\"ns-process-number\">2<\/div>\n        <h4>Proposal<\/h4>\n        <p>You get a clear technical plan, timeline, and cost<\/p>\n      <\/div>\n      <div class=\"ns-process-item\">\n        <div class=\"ns-process-number\">3<\/div>\n        <h4>Build<\/h4>\n        <p>Implementation with staged progress updates<\/p>\n      <\/div>\n      <div class=\"ns-process-item\">\n        <div class=\"ns-process-number\">4<\/div>\n        <h4>QA &amp; Launch<\/h4>\n        <p>Quality, security, and performance checks before release<\/p>\n      <\/div>\n      <div class=\"ns-process-item\">\n        <div class=\"ns-process-number\">5<\/div>\n        <h4>Support<\/h4>\n        <p>Bug fixes and new features after delivery<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== WHY GRID ===== -->\n<section class=\"ns-why\">\n  <div class=\"ns-container\">\n    <div style=\"text-align:center;\">\n      <span class=\"ns-eyebrow\">\u25cf Why NovinStudio<\/span>\n      <h2>Different by approach and execution<\/h2>\n    <\/div>\n    \n    <div class=\"ns-why-grid\">\n      <div class=\"ns-why-item ns-reveal ns-reveal-delay-1\">\n        <span class=\"ns-icon\">\ud83c\udfaf<\/span>\n        <h4>Built Around Your Actual Needs<\/h4>\n        <p>Every technical decision \u2014 stack, architecture, database design \u2014 is driven by what your project actually requires, not personal preference or trend.<\/p>\n      <\/div>\n      <div class=\"ns-why-item ns-reveal ns-reveal-delay-2\">\n        <span class=\"ns-icon\">\ud83d\udcd0<\/span>\n        <h4>Custom &amp; Extensible<\/h4>\n        <p>From custom WordPress plugins to REST APIs, we build structures that accept new features without a rewrite.<\/p>\n      <\/div>\n      <div class=\"ns-why-item ns-reveal ns-reveal-delay-3\">\n        <span class=\"ns-icon\">\ud83c\udfd7\ufe0f<\/span>\n        <h4>Standard, Scalable Architecture<\/h4>\n        <p>API design, data modeling, and Docker-based deployment \u2014 not temporary fixes or fragile customizations.<\/p>\n      <\/div>\n      <div class=\"ns-why-item ns-reveal ns-reveal-delay-4\">\n        <span class=\"ns-icon\">\ud83d\udd12<\/span>\n        <h4>Security &amp; Performance First<\/h4>\n        <p>Vulnerability review, query optimization, and load-time testing before anything ships.<\/p>\n      <\/div>\n      <div class=\"ns-why-item ns-reveal ns-reveal-delay-5\">\n        <span class=\"ns-icon\">\ud83d\udcc4<\/span>\n        <h4>Documented &amp; Maintainable<\/h4>\n        <p>Every project ships with technical documentation, so your next developer (or future you) doesn't start from zero.<\/p>\n      <\/div>\n      <div class=\"ns-why-item ns-reveal ns-reveal-delay-6\">\n        <span class=\"ns-icon\">\ud83e\udd1d<\/span>\n        <h4>Direct Developer Communication<\/h4>\n        <p>No account managers, no middle layers. Technical decisions happen directly between you and the person building your system.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== WORK GRID (HOME) ===== -->\n<section class=\"ns-work-home\">\n  <div class=\"ns-container\">\n    <div style=\"text-align:center;\">\n      <span class=\"ns-eyebrow\">\u25cf Recent Work<\/span>\n      <h2>Projects we've built<\/h2>\n    <\/div>\n    \n    <div class=\"ns-work-grid\">\n      <div class=\"ns-work-card ns-reveal ns-reveal-delay-1\">\n        <span class=\"ns-tag\">SYSTEM INTEGRATION \u00b7 API \u00b7 AUTOMATION<\/span>\n        <h3>System integration and process automation<\/h3>\n        <div class=\"ns-work-meta\">\n          <span class=\"ns-chip ns-chip-sm\">REST API<\/span>\n          <span class=\"ns-chip ns-chip-sm\">Webhook<\/span>\n          <span class=\"ns-chip ns-chip-sm\">Automation<\/span>\n          <span class=\"ns-chip ns-chip-sm\">System Integration<\/span>\n        <\/div>\n        <div class=\"ns-work-outcome\">\u2705 Unified data flow, measurable drop in human error, time saved on daily operational tasks<\/div>\n        <a href=\"https:\/\/novinstudio.com\/en\/work\/#case-1\" class=\"ns-btn ns-btn-ghost\">View details \u2192<\/a>\n      <\/div>\n\n      <div class=\"ns-work-card ns-reveal ns-reveal-delay-2\">\n        <span class=\"ns-tag\">WORDPRESS \u00b7 WOOCOMMERCE \u00b7 CUSTOM<\/span>\n        <h3>Custom WordPress development for B2B store<\/h3>\n        <div class=\"ns-work-meta\">\n          <span class=\"ns-chip ns-chip-sm\">WordPress<\/span>\n          <span class=\"ns-chip ns-chip-sm\">WooCommerce<\/span>\n          <span class=\"ns-chip ns-chip-sm\">Custom Plugin<\/span>\n          <span class=\"ns-chip ns-chip-sm\">API<\/span>\n        <\/div>\n        <div class=\"ns-work-outcome\">\u2705 Dynamic pricing based on order volume, direct inventory sync, 40% faster order processing<\/div>\n        <a href=\"https:\/\/novinstudio.com\/en\/work\/#case-2\" class=\"ns-btn ns-btn-ghost\">View details \u2192<\/a>\n      <\/div>\n    <\/div>\n    \n    <div style=\"text-align:center;margin-top:40px;\">\n      <a href=\"https:\/\/novinstudio.com\/en\/work\/\" class=\"ns-btn ns-btn-secondary\">View all work \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== FAQ SECTION ===== -->\n<section class=\"ns-faq-home\">\n  <div class=\"ns-container\">\n    <div style=\"text-align:center;\">\n      <span class=\"ns-eyebrow\">\u25cf FAQ<\/span>\n      <h2>Answers to common questions<\/h2>\n    <\/div>\n    \n    <div class=\"ns-faq-list\">\n      <div class=\"ns-faq-item\">\n        <button class=\"ns-faq-question\" aria-expanded=\"false\">\n          <span>Do you only work with WordPress?<\/span>\n          <span class=\"ns-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"ns-faq-answer\">\n          <p>No. WordPress is one of our core specialties, but our work also includes API development, workflow automation, system integrations, AI features, and infrastructure \u2014 wherever the project needs it.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ns-faq-item\">\n        <button class=\"ns-faq-question\" aria-expanded=\"false\">\n          <span>Can you work with our existing website or system?<\/span>\n          <span class=\"ns-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"ns-faq-answer\">\n          <p>Yes. Most projects don't start from zero. We first review your current setup, then build new functionality, fix technical issues, and improve architecture where needed.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ns-faq-item\">\n        <button class=\"ns-faq-question\" aria-expanded=\"false\">\n          <span>What does the process start with?<\/span>\n          <span class=\"ns-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"ns-faq-answer\">\n          <p>A short technical conversation. We review your goals, constraints, and proposed direction, then send a timeline and cost estimate.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ns-faq-item\">\n        <button class=\"ns-faq-question\" aria-expanded=\"false\">\n          <span>Is support available after launch?<\/span>\n          <span class=\"ns-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"ns-faq-answer\">\n          <p>Yes. After delivery, we offer bug fixes, new feature development, performance optimization, and ongoing maintenance as your system grows.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== CTA FINAL ===== -->\n<section class=\"ns-cta-final\">\n  <div class=\"ns-container\">\n    <h2>Ready to talk through your project?<\/h2>\n    <p>Share your project with us and we'll map out the exact path forward.<\/p>\n    <a href=\"https:\/\/novinstudio.com\/en\/contact\/\" class=\"ns-btn ns-btn-primary\">Discuss your project<\/a>\n  <\/div>\n<\/section>\n\n<!-- ============================================================ -->\n<!-- ===== JAVASCRIPT (Shared) ===== -->\n<!-- ============================================================ -->\n<script>\n(function() {\n  'use strict';\n\n  \/\/ ===== FAQ ACCORDION =====\n  const faqItems = document.querySelectorAll('.ns-faq-item');\n  \n  faqItems.forEach(item => {\n    const button = item.querySelector('.ns-faq-question');\n    \n    button.addEventListener('click', function() {\n      const isActive = item.classList.contains('active');\n      \n      faqItems.forEach(other => {\n        if (other !== item && other.classList.contains('active')) {\n          other.classList.remove('active');\n          other.querySelector('.ns-faq-question').setAttribute('aria-expanded', 'false');\n        }\n      });\n      \n      if (isActive) {\n        item.classList.remove('active');\n        button.setAttribute('aria-expanded', 'false');\n      } else {\n        item.classList.add('active');\n        button.setAttribute('aria-expanded', 'true');\n      }\n    });\n  });\n\n  \/\/ ===== REVEAL ON SCROLL =====\n  const revealElements = document.querySelectorAll('.ns-reveal');\n  \n  if ('IntersectionObserver' in window) {\n    const revealObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n        }\n      });\n    }, {\n      threshold: 0.1,\n      rootMargin: '0px 0px -40px 0px'\n    });\n    \n    revealElements.forEach(el => revealObserver.observe(el));\n  } else {\n    revealElements.forEach(el => el.classList.add('visible'));\n  }\n\n  console.log('\u2705 NovinStudio Home Page initialized');\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u25cf Software Engineering Studio Custom digital systems built to scale with your business We design and build WordPress systems, API integrations, and workflow automation that are engineered around your actual operations \u2014 not patched together from off-the-shelf plugins. Discuss your project See our work \ud83c\udf10 Website \u26a1 API \ud83e\udde0 AI \ud83d\udd04 Automation \u2699\ufe0f Custom Development [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-101","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/novinstudio.com\/en\/wp-json\/wp\/v2\/pages\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/novinstudio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/novinstudio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/novinstudio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/novinstudio.com\/en\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":3,"href":"https:\/\/novinstudio.com\/en\/wp-json\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":104,"href":"https:\/\/novinstudio.com\/en\/wp-json\/wp\/v2\/pages\/101\/revisions\/104"}],"wp:attachment":[{"href":"https:\/\/novinstudio.com\/en\/wp-json\/wp\/v2\/media?parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}