{"id":28,"date":"2026-01-28T09:55:47","date_gmt":"2026-01-28T09:55:47","guid":{"rendered":"https:\/\/paruca.com\/?page_id=28"},"modified":"2026-01-29T13:21:17","modified_gmt":"2026-01-29T13:21:17","slug":"home","status":"publish","type":"page","link":"https:\/\/paruca.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"en\" class=\"h-full\">\n  <head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Paruca &#8211; Intelligent Commerce &amp; Data-Driven Consulting<\/title>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            'paruca-navy': '#2F3E46',\n            'paruca-beige': '#F1E8E6',\n            'paruca-white': '#FFFFFF',\n          },\n          fontFamily: {\n            sans: ['Poppins', 'sans-serif'],\n          },\n        }\n      }\n    }\n  <\/script>\n  <script src=\"\/_sdk\/element_sdk.js\"><\/script>\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=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    :root {\n      --paruca-navy: #2F3E46;\n      --paruca-beige: #F1E8E6;\n      --paruca-white: #FFFFFF;\n    }\n\n    body {\n      box-sizing: border-box;\n      font-family: 'Poppins', sans-serif;\n      font-weight: 500;\n      font-size: 14px;\n      color: var(--paruca-navy);\n      background-color: var(--paruca-white);\n    }\n    \n    * {\n      font-family: 'Poppins', sans-serif;\n    }\n\n    h1, .h1-style {\n      font-size: 54px !important;\n      font-weight: 600 !important;\n      line-height: 1.2;\n    }\n\n    h2, .h2-style {\n      font-size: 30px !important;\n      font-weight: 700 !important;\n    }\n\n    h3 {\n      font-size: 20px !important;\n      font-weight: 600 !important;\n    }\n\n    .body-text, p {\n      font-size: 14px !important;\n      font-weight: 500 !important;\n    }\n\n    .btn-text {\n      font-size: 16px !important;\n      font-weight: 600 !important;\n    }\n    \n    .gradient-text {\n      background: linear-gradient(135deg, var(--paruca-navy) 0%, #4a5d66 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    \/* Primary Button Style from Guide *\/\n    .btn-paruca-primary {\n      background-color: var(--paruca-white);\n      color: var(--paruca-navy);\n      border: 2px solid var(--paruca-navy);\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 16px;\n      border-radius: 8px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .btn-paruca-primary:hover, .btn-paruca-primary:active {\n      background-color: var(--paruca-navy);\n      color: var(--paruca-white);\n      border: 1px solid white;\n    }\n\n    .btn-paruca-primary:disabled {\n      background-color: var(--paruca-navy);\n      opacity: 0.6;\n      color: var(--paruca-white);\n      cursor: not-allowed;\n    }\n\n    \/* Secondary Button Style from Guide *\/\n    .btn-paruca-secondary {\n      background-color: var(--paruca-white);\n      color: var(--paruca-navy);\n      border: 2px solid var(--paruca-beige);\n      padding: 12px 24px;\n      font-weight: 600;\n      font-size: 16px;\n      border-radius: 8px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .btn-paruca-secondary:hover, .btn-paruca-secondary:active {\n      background-color: var(--paruca-beige);\n      color: var(--paruca-navy);\n    }\n    \n    .hero-gradient {\n      background: var(--paruca-navy);\n      color: var(--paruca-white);\n    }\n    \n    .card-hover {\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .card-hover:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 25px 50px -12px rgba(47, 62, 70, 0.15);\n    }\n    \n    .nav-link {\n      position: relative;\n    }\n    \n    .nav-link::after {\n      content: '';\n      position: absolute;\n      bottom: -4px;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background: var(--paruca-navy);\n      transition: width 0.3s ease;\n    }\n    \n    .nav-link:hover::after,\n    .nav-link.active::after {\n      width: 100%;\n    }\n    \n    .fade-in {\n      animation: fadeIn 0.6s ease-out forwards;\n    }\n    \n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    .slide-in-left {\n      animation: slideInLeft 0.8s ease-out forwards;\n    }\n    \n    @keyframes slideInLeft {\n      from { opacity: 0; transform: translateX(-40px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    .slide-in-right {\n      animation: slideInRight 0.8s ease-out forwards;\n    }\n    \n    @keyframes slideInRight {\n      from { opacity: 0; transform: translateX(40px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    \n    .scale-in {\n      animation: scaleIn 0.5s ease-out forwards;\n    }\n    \n    @keyframes scaleIn {\n      from { opacity: 0; transform: scale(0.9); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    \n    .stagger-1 { animation-delay: 0.1s; }\n    .stagger-2 { animation-delay: 0.2s; }\n    .stagger-3 { animation-delay: 0.3s; }\n    .stagger-4 { animation-delay: 0.4s; }\n    .stagger-5 { animation-delay: 0.5s; }\n    .stagger-6 { animation-delay: 0.6s; }\n    \n    .process-line {\n      background: linear-gradient(90deg, var(--paruca-navy) 0%, var(--paruca-beige) 50%, var(--paruca-navy) 100%);\n      background-size: 200% 100%;\n      animation: shimmer 3s infinite linear;\n    }\n    \n    @keyframes shimmer {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n    \n    .glow-navy {\n      box-shadow: 0 0 40px rgba(47, 62, 70, 0.1);\n    }\n    \n    .text-balance {\n      text-wrap: balance;\n    }\n    \n    .page-section {\n      display: none;\n    }\n    \n    .page-section.active {\n      display: block;\n    }\n    \n    .mobile-menu {\n      transform: translateX(100%);\n      transition: transform 0.3s ease-in-out;\n    }\n    \n    .mobile-menu.open {\n      transform: translateX(0);\n    }\n    \n    .backdrop-blur-nav {\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n    }\n    \n    input:focus, textarea:focus, select:focus {\n      outline: none;\n      border-color: var(--paruca-navy);\n      box-shadow: 0 0 0 3px rgba(47, 62, 70, 0.1);\n    }\n    \n    .form-input {\n      transition: border-color 0.2s ease, box-shadow 0.2s ease;\n      border: 1px solid #e5e7eb;\n      border-radius: 8px;\n    }\n\n    .top-1\\\/2 {\n      top: 50%;\n    }\n\n    .text-paruca-navy {\n       color: #2F3E46 !important;\n    }\n    \n    \/* Responsive Logo Styles *\/\n    .logo-img {\n      width: 105px;\n      height: auto;\n      max-width: 100%;\n      display: block;\n      padding: 10px;\n    }\n    \n    \/* Navigation Container Padding *\/\n    #main-nav > div {\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n    \n    @media (max-width: 640px) {\n      .logo-img {\n        width: 85px;\n      }\n      \n      #main-nav > div {\n        padding-left: 15px;\n        padding-right: 15px;\n      }\n      \n      \/* Responsive Font Sizes for Small Screens *\/\n      h1, .h1-style {\n        font-size: 28px !important;\n        line-height: 1.3;\n      }\n      \n      h2, .h2-style {\n        font-size: 22px !important;\n      }\n      \n      h3 {\n        font-size: 16px !important;\n      }\n      \n      .body-text, p {\n        font-size: 13px !important;\n      }\n      \n      .btn-text {\n        font-size: 14px !important;\n      }\n      \n      \/* Responsive Button Sizes for Small Screens *\/\n\n      .btn-paruca-primary,\n      .btn-paruca-secondary {\n        padding: 8px 16px;\n        font-size: 13px;\n        border-radius: 6px;\n        width: 100%;\n        min-height: 40px;\n      }\n    }\n    \n    @media (min-width: 641px) and (max-width: 1024px) {\n      .logo-img {\n        width: 110px;\n      }\n      \n      #main-nav > div {\n        padding-left: 25px;\n        padding-right: 25px;\n      }\n    }\n    \n    @media (min-width: 1025px) {\n      #main-nav > div {\n        padding-left: 40px;\n        padding-right: 40px;\n      }\n    }\n    \n    \/* Hero Background Responsive Styles *\/\n    .hero-bg {\n      background-image: linear-gradient(rgba(47, 62, 70, 0.5), rgba(47, 62, 70, 0.5 )), url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/couple-using-laptops-online-shopping-with-animated-shopping-cart-icons-scaled.webp');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      width: 100%;\n      height: 100%;\n    }\n    \n    @media (max-width: 640px) {\n      .hero-bg {\n        background-position: center top;\n        background-size: cover;\n        width: 100%;\n        height: 100%;\n        min-height: 400px;\n      }\n    }\n    \n    @media (min-width: 641px) and (max-width: 1024px) {\n      .hero-bg {\n        background-position: center center;\n        background-size: cover;\n        width: 100%;\n        height: 100%;\n        min-height: 500px;\n      }\n    }\n  <\/style>\n  <style>@view-transition { navigation: auto; }<\/style>\n  <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full bg-slate-50 text-slate-800 overflow-x-hidden\">\n  <!-- Navigation -->\n  <nav id=\"main-nav\" class=\"fixed top-0 left-0 right-0 z-50 bg-paruca-beige border-b border-paruca-navy\/10 backdrop-blur-nav\">\n   <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n    <div class=\"flex items-center justify-between h-16 lg:h-20\"><!-- Logo --> <a href=\"#\" onclick=\"navigateTo('home')\" class=\"flex items-center space-x-2\">\n      <img decoding=\"async\" src=\"http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/logo-png-4.png\" alt=\"Paruca Logo\" class=\"logo-img\">\n     <div class=\"hidden lg:flex items-center space-x-8\"><a href=\"#\" onclick=\"navigateTo('home')\" class=\"nav-link text-sm font-medium text-slate-600 hover:text-paruca-navy active\" data-page=\"home\">Home<\/a> <a href=\"#\" onclick=\"navigateTo('ecommerce')\" class=\"nav-link text-sm font-medium text-paruca-navy hover:text-paruca-navy\" data-page=\"ecommerce\">E-commerce<\/a> <a href=\"#\" onclick=\"navigateTo('consulting')\" class=\"nav-link text-sm font-medium text-paruca-navy hover:text-paruca-navy\" data-page=\"consulting\">Consulting<\/a> <a href=\"#\" onclick=\"navigateTo('industries')\" class=\"nav-link text-sm font-medium text-paruca-navy hover:text-paruca-navy\" data-page=\"industries\">Industries<\/a> <a href=\"#\" onclick=\"navigateTo('insights')\" class=\"nav-link text-sm font-medium text-paruca-navy hover:text-paruca-navy\" data-page=\"insights\">Insights<\/a> <a href=\"#\" onclick=\"navigateTo('about')\" class=\"nav-link text-sm font-medium text-paruca-navy hover:text-paruca-navy\" data-page=\"about\">About<\/a> <a href=\"#\" onclick=\"navigateTo('contact')\" class=\"nav-link text-sm font-medium text-paruca-navy hover:text-paruca-navy\" data-page=\"contact\">Contact<\/a>\n     <\/div><!-- CTA Button -->\n     <div class=\"hidden lg:block\"><button onclick=\"navigateTo('contact')\" class=\"btn-paruca-primary\"> Book a Consultation <\/button>\n     <\/div><!-- Mobile Menu Button --> <button id=\"mobile-menu-btn\" class=\"lg:hidden p-2 rounded-lg hover:bg-slate-100 transition-colors\" onclick=\"toggleMobileMenu()\">\n      <svg class=\"w-6 h-6 text-slate-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\n      <\/svg><\/button>\n    <\/div>\n   <\/div><!-- Mobile Menu -->\n   <div id=\"mobile-menu\" class=\"mobile-menu fixed top-0 right-0 h-full w-full lg:hidden z-50\">\n    <div class=\"p-5\">\n     <div class=\"flex justify-end items-center mb-8\"><button onclick=\"toggleMobileMenu()\" class=\"p-2 rounded-lg bg-white hover:bg-slate-100 shadow-sm border border-slate-100\">\n       <svg class=\"w-6 h-6 text-slate-700\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/>\n       <\/svg><\/button>\n     <\/div>\n     <div class=\"space-y-1\"><a href=\"#\" onclick=\"navigateTo('home'); toggleMobileMenu();\" class=\"block py-2 px-4 rounded-lg text-paruca-navy hover:bg-paruca-white font-medium\">Home<\/a> <a href=\"#\" onclick=\"navigateTo('ecommerce'); toggleMobileMenu();\" class=\"block py-2 px-4 rounded-lg text-paruca-navy hover:bg-paruca-beige font-medium\">E-commerce<\/a> <a href=\"#\" onclick=\"navigateTo('consulting'); toggleMobileMenu();\" class=\"block py-2 px-4 rounded-lg text-paruca-navy hover:bg-paruca-beige font-medium\">Consulting<\/a> <a href=\"#\" onclick=\"navigateTo('industries'); toggleMobileMenu();\" class=\"block py-2 px-4 rounded-lg text-paruca-navy hover:bg-paruca-beige font-medium\">Industries<\/a> <a href=\"#\" onclick=\"navigateTo('insights'); toggleMobileMenu();\" class=\"block py-2 px-4 rounded-lg text-paruca-navy hover:bg-paruca-beige font-medium\">Insights<\/a> <a href=\"#\" onclick=\"navigateTo('about'); toggleMobileMenu();\" class=\"block py-2 px-4 rounded-lg text-paruca-navy hover:bg-paruca-beige font-medium\">About<\/a> <a href=\"#\" onclick=\"navigateTo('contact'); toggleMobileMenu();\" class=\"block py-2 px-4 rounded-lg text-paruca-navy hover:bg-paruca-beige font-medium\">Contact<\/a> <button onclick=\"navigateTo('contact'); toggleMobileMenu();\" class=\"w-full mt-4 btn-paruca-primary\"> Book a Consultation <\/button>\n     <\/div>\n    <\/div>\n   <\/div>\n  <\/nav><!-- Mobile Menu Overlay -->\n  <div id=\"mobile-overlay\" class=\"fixed inset-0 bg-paruca-beige z-40 hidden lg:hidden\" onclick=\"toggleMobileMenu()\"><\/div><!-- Main Content -->\n  <main id=\"main-content\" class=\"pt-16 lg:pt-20\"><!-- HOME PAGE -->\n   <section id=\"page-home\" class=\"page-section active\"><!-- Hero Section -->\n    <div class=\"relative overflow-hidden\"><!-- Abstract Background Pattern -->\n     <div class=\"absolute inset-0 opacity-10\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 1200 800\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"200\" cy=\"200\" r=\"300\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" opacity=\"0.5\" \/> <circle cx=\"1000\" cy=\"600\" r=\"400\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" opacity=\"0.3\" \/> <circle cx=\"600\" cy=\"100\" r=\"200\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" opacity=\"0.4\" \/> <path d=\"M0 400 Q 300 200 600 400 T 1200 400\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" opacity=\"0.3\" \/> <path d=\"M0 500 Q 300 300 600 500 T 1200 500\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" opacity=\"0.2\" \/>\n      <\/svg>\n     <\/div>\n     \n     <!-- Hero Visual -->\n     <div class=\"hero-bg absolute inset-0 w-full\">\n     <\/div>\n      <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 sm:py-20 lg:py-32\">\n      <div class=\"text-center max-w-4xl mx-auto\">\n       <h1 id=\"hero-headline\" class=\"h1-style text-white leading-tight text-balance fade-in\">Driving Growth Through Intelligent Commerce &amp; Data-Driven Consulting<\/h1>\n       <p id=\"hero-subheadline\" class=\"mt-6 lg:mt-8 text-lg lg:text-xl text-white max-w-3xl mx-auto leading-relaxed fade-in stagger-1\">Paruca helps brands scale on leading marketplaces and enables organizations to transform customer value through strategy, data, and AI.<\/p>\n       \n       <!-- CTA Buttons -->\n       <div class=\"mt-10 flex flex-col sm:flex-row items-center justify-center gap-4 fade-in stagger-2\"><button onclick=\"navigateTo('consulting')\" class=\"btn-paruca-primary\"> Explore Consulting <\/button> <button onclick=\"navigateTo('ecommerce')\" class=\"btn-paruca-secondary\"> E-commerce Capabilities <\/button>\n       <\/div>\n       \n       <!-- Marketplace Trust Badges -->\n       <div class=\"mt-16 fade-in stagger-3\">\n        <p class=\"text-sm text-white mb-6 uppercase tracking-wider font-medium\">Trusted Marketplace Partners<\/p>\n        <div class=\"flex flex-wrap items-center justify-center gap-6 lg:gap-12\">\n          <!-- Amazon -->\n         <div class=\"flex items-center justify-center bg-white\/5 backdrop-blur px-4 py-2 sm:px-6 sm:py-3 rounded-lg\">\n          <svg class=\"h-6 sm:h-7 text-white\" viewbox=\"0 0 120 36\" fill=\"currentColor\"><path d=\"M69.5 28.5c-6.3 4.6-15.4 7.1-23.3 7.1-11 0-20.9-4.1-28.4-10.9-.6-.5-.1-1.2.6-.8 8.1 4.7 18.1 7.5 28.4 7.5 7 0 14.6-1.4 21.7-4.4 1.1-.4 2 .7.9 1.5z\" \/> <path d=\"M72 25.1c-.8-1-5.2-.5-7.2-.2-.6.1-.7-.4-.2-.8 3.5-2.5 9.3-1.8 10-1 .7.9-.2 7-3.5 10-. 5-.4-.9-.2-.7-.4 2.8-2.4 5.6-7.5 4.8-8.5z\" \/> <text x=\"2\" y=\"20\" font-size=\"16\" font-weight=\"bold\">\n            amazon\n           <\/text>\n          <\/svg>\n         <\/div><!-- Noon -->\n         <div class=\"flex items-center justify-center bg-white\/5 backdrop-blur px-4 py-2 sm:px-6 sm:py-3 rounded-lg\"><span class=\"text-lg sm:text-xl font-bold text-yellow-400\">noon<\/span>\n         <\/div><!-- Desertcart -->\n         <div class=\"flex items-center justify-center bg-white\/5 backdrop-blur px-4 py-2 sm:px-6 sm:py-3 rounded-lg\"><span class=\"text-base sm:text-lg font-semibold text-white\">desertcart<\/span>\n         <\/div>\n        <\/div>\n       <\/div>\n      <\/div>\n     <\/div><!-- Wave Divider -->\n     <div class=\"absolute bottom-0 left-0 right-0\">\n      <svg viewbox=\"0 0 1440 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full\"><path d=\"M0 120L60 105C120 90 240 60 360 45C480 30 600 30 720 37.5C840 45 960 60 1080 67.5C1200 75 1320 75 1380 75L1440 75V120H1380C1320 120 1200 120 1080 120C960 120 840 120 720 120C600 120 480 120 360 120C240 120 120 120 60 120H0Z\" fill=\"#F1E8E6\" \/>\n      <\/svg>\n     <\/div>\n    <\/div><!-- Two-Pillar Services Section -->\n    <section class=\"py-12 sm:py-20 lg:py-28 bg-paruca-beige\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16\"><span class=\"text-paruca-navy text-sm font-semibold uppercase tracking-wider\">Our Expertise<\/span>\n       <h2 class=\"mt-3 text-paruca-navy\">Two Pillars of Excellence<\/h2>\n       <p class=\"mt-4 text-slate-600 max-w-2xl mx-auto\">Comprehensive solutions across digital commerce and strategic transformation<\/p>\n      <\/div>\n      <div class=\"grid md:grid-cols-2 gap-8 lg:gap-12\"><!-- E-commerce Card -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 lg:p-10 shadow-lg border border-slate-100\">\n        <div class=\"w-14 h-14 bg-paruca-navy rounded-xl flex items-center justify-center mb-6\">\n         <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">E-commerce &amp; Marketplace Growth<\/h3>\n        <p class=\"text-slate-600 mb-6\">Scale your brand across the region&#8217;s leading digital marketplaces with data-driven strategies.<\/p>\n        <ul class=\"space-y-3\">\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-white mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Multi-marketplace presence management<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Product listing optimization &amp; SEO<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Inventory &amp; fulfillment coordination<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Performance analytics &amp; reporting<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Advertising &amp; promotion management<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Brand protection &amp; compliance<\/span><\/li>\n        <\/ul><button onclick=\"navigateTo('ecommerce')\" class=\"mt-8 btn-paruca-secondary\"> Learn More <\/button>\n       <\/div><!-- Consulting Card -->\n        <div class=\"card-hover bg-white rounded-2xl p-8 lg:p-10 shadow-lg border border-slate-100\">\n         <div class=\"w-14 h-14 bg-paruca-navy rounded-xl flex items-center justify-center mb-6\">\n          <svg class=\"w-7 h-7 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\" \/>\n          <\/svg>\n         <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Consulting &amp; Transformation<\/h3>\n        <p class=\"text-slate-600 mb-6\">Enterprise-grade consulting to unlock customer value and drive digital transformation.<\/p>\n        <ul class=\"space-y-3\">\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Customer Value Management (CVM)<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Customer Lifecycle Management (CLM)<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Customer Experience Management (CXM)<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Data Strategy &amp; Governance<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Artificial Intelligence Strategy<\/span><\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-3 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg><span class=\"text-slate-700\">Digital Transformation<\/span><\/li>\n        <\/ul><button onclick=\"navigateTo('consulting')\" class=\"mt-8 btn-paruca-secondary\"> Learn More <\/button>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/section><!-- Core Consulting Capabilities Grid -->\n    <section class=\"py-12 sm:py-20 lg:py-28 bg-white\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16\"><span class=\"text-paruca-navy text-sm font-semibold uppercase tracking-wider\">Consulting Services<\/span>\n       <h2 class=\"mt-3 text-paruca-navy\">Core Capabilities<\/h2>\n       <p class=\"mt-4 text-slate-600 max-w-2xl mx-auto\">Specialized expertise to transform your organization&#8217;s customer and data strategies<\/p>\n      <\/div>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8\"><!-- CVM -->\n       <div class=\"card-hover bg-white rounded-xl p-6 lg:p-8 border border-slate-100\">\n        <div class=\"w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center mb-5\">\n         <svg class=\"w-6 h-6 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Customer Value Management<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Maximize customer lifetime value through segmentation, personalization, and targeted value propositions that drive sustainable revenue growth.<\/p>\n       <\/div><!-- CLM -->\n       <div class=\"card-hover bg-white rounded-xl p-6 lg:p-8 border border-slate-100\">\n        <div class=\"w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center mb-5\">\n         <svg class=\"w-6 h-6 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Customer Lifecycle Management<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Orchestrate seamless customer journeys from acquisition to advocacy with data-driven touchpoints and automated engagement strategies.<\/p>\n       <\/div><!-- CXM -->\n       <div class=\"card-hover bg-white rounded-xl p-6 lg:p-8 border border-slate-100\">\n        <div class=\"w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center mb-5\">\n         <svg class=\"w-6 h-6 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Customer Experience Management<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Design and optimize end-to-end experiences that delight customers, reduce friction, and build lasting emotional connections with your brand.<\/p>\n       <\/div><!-- Data Strategy -->\n       <div class=\"card-hover bg-white rounded-xl p-6 lg:p-8 border border-slate-100\">\n        <div class=\"w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center mb-5\">\n         <svg class=\"w-6 h-6 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Data Strategy &amp; Governance<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Build robust data foundations with clear governance frameworks, quality standards, and architectures that enable trusted analytics and AI.<\/p>\n       <\/div><!-- AI Strategy -->\n       <div class=\"card-hover bg-white rounded-xl p-6 lg:p-8 border border-slate-100\">\n        <div class=\"w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center mb-5\">\n         <svg class=\"w-6 h-6 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Artificial Intelligence Strategy<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Develop comprehensive AI roadmaps and implementation strategies that deliver measurable business outcomes while managing risks responsibly.<\/p>\n       <\/div><!-- Digital Transformation -->\n       <div class=\"card-hover bg-white rounded-xl p-6 lg:p-8 border border-slate-100\">\n        <div class=\"w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center mb-5\">\n         <svg class=\"w-6 h-6 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Digital Transformation<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Lead enterprise-wide digital initiatives that modernize operations, enhance customer engagement, and create sustainable competitive advantages.<\/p>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/section><!-- How We Work Section -->\n    <section class=\"py-12 sm:py-20 lg:py-28 bg-slate-900\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16\"><span class=\"text-paruca-beige text-sm font-semibold uppercase tracking-wider\">Our Approach<\/span>\n       <h2 class=\"mt-3 text-3xl lg:text-4xl font-bold text-white\">How We Work<\/h2>\n       <p class=\"mt-4 text-lg text-white max-w-2xl mx-auto\">A proven engagement model designed to deliver sustainable impact<\/p>\n      <\/div>\n      <div class=\"relative\"><!-- Process Line -->\n       <div class=\"hidden lg:block absolute top-1\/2 left-0 right-0 h-1 process-line -translate-y-1\/2 rounded-full\"><\/div>\n       <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-8 relative\"><!-- Step 1 -->\n        <div class=\"text-center relative\">\n         <div class=\"w-16 h-16 bg-paruca-beige rounded-full flex items-center justify-center mx-auto mb-6 relative z-10 shadow-lg shadow-paruca-navy\/30\"><span class=\"text-paruca-navy text-2xl font-bold\">1<\/span>\n         <\/div>\n         <h3 class=\"text-xl font-bold text-white mb-3\">Diagnose<\/h3>\n         <p class=\"text-white text-sm leading-relaxed\">Deep-dive assessment of current state, challenges, and opportunities through stakeholder interviews and data analysis.<\/p>\n        <\/div><!-- Step 2 -->\n        <div class=\"text-center relative\">\n         <div class=\"w-16 h-16 bg-paruca-beige rounded-full flex items-center justify-center mx-auto mb-6 relative z-10 shadow-lg shadow-paruca-navy\/30\"><span class=\"text-paruca-navy text-2xl font-bold\">2<\/span>\n         <\/div>\n         <h3 class=\"text-xl font-bold text-white mb-3\">Design<\/h3>\n         <p class=\"text-white text-sm leading-relaxed\">Co-create tailored solutions and strategic roadmaps aligned with your business objectives and organizational context.<\/p>\n        <\/div><!-- Step 3 -->\n        <div class=\"text-center relative\">\n         <div class=\"w-16 h-16 bg-paruca-beige rounded-full flex items-center justify-center mx-auto mb-6 relative z-10 shadow-lg shadow-paruca-navy\/30\"><span class=\"text-paruca-navy text-2xl font-bold\">3<\/span>\n         <\/div>\n         <h3 class=\"text-xl font-bold text-white mb-3\">Pilot<\/h3>\n         <p class=\"text-white text-sm leading-relaxed\">Test and refine solutions through controlled pilots, measuring impact and iterating based on real-world feedback.<\/p>\n        <\/div><!-- Step 4 -->\n        <div class=\"text-center relative\">\n         <div class=\"w-16 h-16 bg-paruca-beige rounded-full flex items-center justify-center mx-auto mb-6 relative z-10 shadow-lg shadow-paruca-navy\/30\"><span class=\"text-paruca-navy text-2xl font-bold\">4<\/span>\n         <\/div>\n         <h3 class=\"text-xl font-bold text-white mb-3\">Scale<\/h3>\n         <p class=\"text-white text-sm leading-relaxed\">Roll out proven solutions at scale with change management support and capability building for sustained success.<\/p>\n        <\/div>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/section><!-- Why Paruca Section -->\n    <section class=\"py-12 sm:py-20 lg:py-28 bg-white\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\n       <div><span class=\"text-white text-sm font-semibold uppercase tracking-wider\">Why Paruca<\/span>\n        <h2 class=\"mt-3 text-3xl lg:text-4xl font-bold text-slate-800\">What Sets Us Apart<\/h2>\n        <p class=\"mt-4 text-lg text-slate-600 leading-relaxed\">We combine deep industry expertise with a pragmatic, results-oriented approach to deliver measurable outcomes for our clients.<\/p>\n        <div class=\"mt-10 space-y-6\">\n         <div class=\"flex items-start\">\n          <div class=\"w-10 h-10 bg-paruca-navy rounded-lg flex items-center justify-center flex-shrink-0 mr-4\">\n           <svg class=\"w-5 h-5 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" \/>\n           <\/svg>\n          <\/div>\n          <div>\n           <h4 class=\"font-semibold text-slate-800 mb-1\">Measurable Outcomes<\/h4>\n           <p class=\"text-slate-600 text-sm\">Every engagement is tied to clear KPIs and business metrics that demonstrate tangible ROI.<\/p>\n          <\/div>\n         <\/div>\n         <div class=\"flex items-start\">\n          <div class=\"w-10 h-10 bg-paruca-navy rounded-lg flex items-center justify-center flex-shrink-0 mr-4\">\n           <svg class=\"w-5 h-5 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\n           <\/svg>\n          <\/div>\n          <div>\n           <h4 class=\"font-semibold text-slate-800 mb-1\">Data-Driven Approach<\/h4>\n           <p class=\"text-slate-600 text-sm\">Insights and recommendations grounded in rigorous analysis and evidence-based methodologies.<\/p>\n          <\/div>\n         <\/div>\n         <div class=\"flex items-start\">\n          <div class=\"w-10 h-10 bg-paruca-navy rounded-lg flex items-center justify-center flex-shrink-0 mr-4\">\n           <svg class=\"w-5 h-5 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n           <\/svg>\n          <\/div>\n          <div>\n           <h4 class=\"font-semibold text-slate-800 mb-1\">AI-Ready Operating Models<\/h4>\n           <p class=\"text-slate-600 text-sm\">Future-proof solutions that prepare your organization for AI-powered transformation.<\/p>\n          <\/div>\n         <\/div>\n         <div class=\"flex items-start\">\n          <div class=\"w-10 h-10 bg-paruca-navy rounded-lg flex items-center justify-center flex-shrink-0 mr-4\">\n           <svg class=\"w-5 h-5 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\" \/>\n           <\/svg>\n          <\/div>\n          <div>\n           <h4 class=\"font-semibold text-slate-800 mb-1\">Customer-First Strategy<\/h4>\n           <p class=\"text-slate-600 text-sm\">Every solution is designed with the end customer in mind, ensuring relevance and impact.<\/p>\n          <\/div>\n         <\/div>\n        <\/div>\n       <\/div><!-- Stats\/Visual -->\n       <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 rounded-2xl p-8 lg:p-12 glow-teal\">\n        <div class=\"grid grid-cols-2 gap-6 lg:gap-8\">\n         <div class=\"text-center\">\n          <div class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-paruca-beige mb-2\">\n           15+\n          <\/div>\n          <p class=\"text-white text-sm\">Years Combined Experience<\/p>\n         <\/div>\n         <div class=\"text-center\">\n          <div class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-paruca-beige mb-2\">\n           50+\n          <\/div>\n          <p class=\"text-white text-sm\">Successful Projects<\/p>\n         <\/div>\n         <div class=\"text-center\">\n          <div class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-paruca-beige mb-2\">\n           3x\n          <\/div>\n          <p class=\"text-white text-sm\">Average ROI Delivered<\/p>\n         <\/div>\n         <div class=\"text-center\">\n          <div class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-paruca-beige mb-2\">\n           10+\n          <\/div>\n          <p class=\"text-white text-sm\">Industries Served<\/p>\n         <\/div>\n        <\/div>\n        <div class=\"mt-10 pt-8 border-t border-slate-700\">\n         <p class=\"text-white text-center italic\">&#8220;Paruca&#8217;s approach transformed our customer engagement strategy and delivered results within 90 days.&#8221;<\/p>\n         <p class=\"text-slate-500 text-center text-sm mt-4\">\u2014 VP of Digital, Regional Retailer<\/p>\n        <\/div>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/section><!-- Insights Preview Section -->\n    <section class=\"py-12 sm:py-20 lg:py-28 bg-paruca-beige\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"flex flex-col sm:flex-row sm:items-end sm:justify-between mb-12\">\n        <div><span class=\"text-paruca-navy text-sm font-semibold uppercase tracking-wider\">Insights<\/span>\n         <h2 class=\"mt-3 text-paruca-navy\">Latest Thinking<\/h2>\n        <\/div><button onclick=\"navigateTo('insights')\" class=\"btn-paruca-primary mt-6 sm:mt-0\"> View All Insights <\/button>\n       <\/div>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n        <!-- Article 1 -->\n       <article class=\"card-hover bg-white rounded-xl overflow-hidden shadow-md border border-slate-100\">\n        <div class=\"h-48 bg-paruca-navy bg-cover bg-center flex items-center justify-center\" style=\"background-image: url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/view-robot-human-businessperson-scaled.jpg');\">\n        <\/div>\n        <div class=\"p-6\"><span class=\"text-paruca-navy text-xs font-semibold uppercase tracking-wider\">AI Strategy<\/span>\n         <h3 class=\"mt-2 text-lg font-bold text-slate-800 leading-snug\">The AI Advantage: Building Competitive Moats Through Intelligent Automation<\/h3>\n         <p class=\"mt-3 text-slate-600 text-sm leading-relaxed\">How forward-thinking organizations are leveraging AI to create sustainable competitive advantages.<\/p>\n         <div class=\"mt-4 flex items-center text-sm text-slate-500\"><span>5 min read<\/span> <span class=\"mx-2\">\u2022<\/span> <span>Dec 2024<\/span>\n         <\/div>\n        <\/div>\n       <\/article><!-- Article 2 -->\n       <article class=\"card-hover bg-white rounded-xl overflow-hidden shadow-md border border-slate-100\">\n        <div class=\"h-48 bg-paruca-navy bg-cover bg-center flex items-center justify-center\" style=\"background-image: url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/technology-integrated-everyday-life-scaled.jpg');\">\n        <\/div>\n        <div class=\"p-6\"><span class=\"text-paruca-navy text-xs font-semibold uppercase tracking-wider\">E-commerce<\/span>\n         <h3 class=\"mt-2 text-lg font-bold text-slate-800 leading-snug\">Marketplace Mastery: Winning Strategies for MENA E-commerce Success<\/h3>\n         <p class=\"mt-3 text-slate-600 text-sm leading-relaxed\">Key insights for brands looking to scale their presence across regional digital marketplaces.<\/p>\n         <div class=\"mt-4 flex items-center text-sm text-slate-500\"><span>7 min read<\/span> <span class=\"mx-2\">\u2022<\/span> <span>Nov 2024<\/span>\n         <\/div>\n        <\/div>\n       <\/article><!-- Article 3 -->\n       <article class=\"card-hover bg-white rounded-xl overflow-hidden shadow-md border border-slate-100 sm:col-span-2 lg:col-span-1\">\n        <div class=\"h-48 bg-paruca-navy bg-cover bg-center flex items-center justify-center\" style=\"background-image: url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/digital-environment-scene-scaled.jpg');\">\n        <\/div>\n        <div class=\"p-6\"><span class=\"text-paruca-navy text-xs font-semibold uppercase tracking-wider\">Customer Experience<\/span>\n         <h3 class=\"mt-2 text-lg font-bold text-slate-800 leading-snug\">From Transactions to Relationships: The New CX Imperative<\/h3>\n         <p class=\"mt-3 text-slate-600 text-sm leading-relaxed\">Why customer experience is the ultimate differentiator in today&#8217;s competitive landscape.<\/p>\n         <div class=\"mt-4 flex items-center text-sm text-slate-500\"><span>6 min read<\/span> <span class=\"mx-2\">\u2022<\/span> <span>Oct 2024<\/span>\n         <\/div>\n        <\/div>\n       <\/article>\n      <\/div>\n     <\/div>\n    <\/section><!-- Final CTA Section -->\n    <section class=\"py-12 sm:py-20 lg:py-28 bg-paruca-navy relative overflow-hidden\"><!-- Background Pattern -->\n     <div class=\"absolute inset-0 opacity-10\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 1200 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"100\" cy=\"100\" r=\"200\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" \/> <circle cx=\"1100\" cy=\"500\" r=\"300\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" \/> <path d=\"M0 300 Q 400 100 800 300 T 1200 300\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" \/>\n      <\/svg>\n     <\/div>\n     <div class=\"relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n      <h2 class=\"text-white text-balance\">Let&#8217;s Build Your Growth Roadmap<\/h2>\n      <p class=\"mt-6 text-lg lg:text-xl text-white max-w-2xl mx-auto\">Whether you&#8217;re scaling on marketplaces or transforming your customer strategy, we&#8217;re ready to partner with you.<\/p>\n      <div class=\"mt-10 flex flex-col sm:flex-row items-center justify-center gap-4\"><button onclick=\"navigateTo('contact')\" class=\"btn-paruca-primary\"> Book a Consultation <\/button> <button onclick=\"navigateTo('contact')\" class=\"btn-paruca-secondary\"> Contact Us <\/button>\n      <\/div>\n     <\/div>\n    <\/section>\n   <\/section><!-- E-COMMERCE PAGE -->\n   <section id=\"page-ecommerce\" class=\"page-section\"><!-- Hero -->\n    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 py-12 sm:py-20 lg:py-28 relative overflow-hidden\"><!-- Hero Visual -->\n     <div class=\"absolute right-0 top-0 bottom-0 w-1\/2 hidden lg:flex items-center justify-center opacity-15\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 600 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"150\" y=\"100\" width=\"300\" height=\"400\" rx=\"20\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M200 150 L400 150\" stroke=\"#14b8a6\" stroke-width=\"2\" \/> <circle cx=\"220\" cy=\"150\" r=\"5\" fill=\"#14b8a6\" \/> <rect x=\"200\" y=\"200\" width=\"200\" height=\"120\" rx=\"10\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M200 350 L300 350 M200 380 L350 380 M200 410 L280 410\" stroke=\"#14b8a6\" stroke-width=\"2\" \/> <circle cx=\"300\" cy=\"460\" r=\"25\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M290 460 L295 465 L310 450\" stroke=\"#14b8a6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n      <\/svg>\n     <\/div>\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n      <div class=\"max-w-3xl mx-auto text-center\"><span class=\"text-paruca-beige text-sm font-semibold uppercase tracking-wider\">E-commerce Services<\/span>\n       <h1 class=\"mt-4 text-3xl lg:text-5xl font-bold text-white leading-tight\">Marketplace Growth &amp; Operations<\/h1>\n       <p class=\"mt-6 text-lg text-white leading-relaxed\">We manage and scale your brand across leading regional marketplaces with data-driven strategies and operational excellence.<\/p>\n      <\/div>\n     <\/div>\n    <\/div><!-- Marketplace Logos Section -->\n    <div class=\"py-16 bg-white\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <p class=\"text-center text-sm text-slate-500 mb-8 uppercase tracking-wider font-medium\">Trusted Marketplace Partners<\/p>\n      <div class=\"flex flex-wrap items-center justify-center gap-12 lg:gap-16\"><!-- Amazon -->\n       <div class=\"flex items-center justify-center opacity-70 hover:opacity-100 transition-opacity\">\n        <svg class=\"h-8 text-slate-800\" viewbox=\"0 0 120 36\" fill=\"currentColor\"><path d=\"M69.5 28.5c-6.3 4.6-15.4 7.1-23.3 7.1-11 0-20.9-4.1-28.4-10.9-.6-.5-.1-1.2.6-.8 8.1 4.7 18.1 7.5 28.4 7.5 7 0 14.6-1.4 21.7-4.4 1.1-.4 2 .7.9 1.5z\" \/> <path d=\"M72 25.1c-.8-1-5.2-.5-7.2-.2-.6.1-.7-.4-.2-.8 3.5-2.5 9.3-1.8 10-1 .7.9-.2 7-3.5 10-.5.4-.9.2-.7-.4 2.8-2.4 5.6-7.5 4.8-8.5z\" \/> <text x=\"2\" y=\"20\" font-size=\"16\" font-weight=\"bold\">\n          amazon\n         <\/text>\n        <\/svg>\n       <\/div><!-- Noon -->\n       <div class=\"flex items-center justify-center opacity-70 hover:opacity-100 transition-opacity\"><span class=\"text-2xl font-bold text-yellow-500\">noon<\/span>\n       <\/div><!-- Desertcart -->\n       <div class=\"flex items-center justify-center opacity-70 hover:opacity-100 transition-opacity\"><span class=\"text-xl font-semibold text-slate-800\">desertcart<\/span>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/div><!-- Services Section -->\n    <div class=\"py-12 sm:py-20 lg:py-28 bg-paruca-beige\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16\">\n       <h2 class=\"text-3xl lg:text-4xl font-bold text-slate-800\">Our Services<\/h2>\n       <p class=\"mt-4 text-lg text-slate-600 max-w-2xl mx-auto\">Comprehensive marketplace management from setup to scale<\/p>\n      <\/div>\n      <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\"><!-- Account Setup -->\n       <div class=\"card-hover bg-white rounded-xl p-8 border border-slate-200\">\n        <div class=\"w-14 h-14 bg-paruca-navy rounded-lg flex items-center justify-center mb-6\">\n         <svg class=\"w-7 h-7 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" \/> <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Account Setup<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Complete marketplace registration, store configuration, compliance verification, and brand protection setup across all platforms.<\/p>\n       <\/div><!-- Catalog Optimization -->\n       <div class=\"card-hover bg-white rounded-xl p-8 border border-slate-200\">\n        <div class=\"w-14 h-14 bg-paruca-navy rounded-lg flex items-center justify-center mb-6\">\n         <svg class=\"w-7 h-7 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Catalog Optimization<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">SEO-optimized product listings, enhanced content, high-quality imagery, A+ content creation, and keyword strategy for maximum visibility.<\/p>\n       <\/div><!-- Advertising & Promotions -->\n       <div class=\"card-hover bg-white rounded-xl p-8 border border-slate-200\">\n        <div class=\"w-14 h-14 bg-paruca-navy rounded-lg flex items-center justify-center mb-6\">\n         <svg class=\"w-7 h-7 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Advertising &amp; Promotions<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Strategic campaign management including sponsored products, deals, coupons, and seasonal promotions optimized for ROAS.<\/p>\n       <\/div><!-- Inventory & Pricing -->\n       <div class=\"card-hover bg-white rounded-xl p-8 border border-slate-200\">\n        <div class=\"w-14 h-14 bg-paruca-navy rounded-lg flex items-center justify-center mb-6\">\n         <svg class=\"w-7 h-7 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Inventory &amp; Pricing<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Multi-channel inventory synchronization, dynamic pricing strategies, stock level monitoring, and demand forecasting.<\/p>\n       <\/div><!-- Analytics & Reporting -->\n       <div class=\"card-hover bg-white rounded-xl p-8 border border-slate-200\">\n        <div class=\"w-14 h-14 bg-paruca-navy rounded-lg flex items-center justify-center mb-6\">\n         <svg class=\"w-7 h-7 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Analytics &amp; Reporting<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">Comprehensive performance dashboards, competitor analysis, sales insights, and actionable recommendations for growth.<\/p>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/div><!-- Process Section -->\n    <div class=\"py-12 sm:py-20 lg:py-28 bg-white\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16\"><span class=\"text-paruca-navy text-sm font-semibold uppercase tracking-wider\">Our Process<\/span>\n       <h2 class=\"mt-3 text-3xl lg:text-4xl font-bold text-slate-800\">How We Drive Marketplace Growth<\/h2>\n      <\/div>\n      <div class=\"relative\"><!-- Process Line -->\n       <div class=\"hidden lg:block absolute top-1\/2 left-0 right-0 h-1 bg-gradient-to-r from-paruca-navy via-paruca-navy to-paruca-navy -translate-y-1\/2 rounded-full\"><\/div>\n       <div class=\"grid md:grid-cols-3 gap-8 lg:gap-12 relative\"><!-- Step 1: Audit -->\n        <div class=\"text-center relative\">\n         <div class=\"w-20 h-20 bg-gradient-to-br from-paruca-navy to-paruca-navy rounded-full flex items-center justify-center mx-auto mb-6 relative z-10 shadow-xl shadow-paruca-navy\/30\">\n          <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\" \/>\n          <\/svg>\n         <\/div>\n         <h3 class=\"text-2xl font-bold text-slate-800 mb-3\">Audit<\/h3>\n         <p class=\"text-slate-600 leading-relaxed\">Comprehensive analysis of your current marketplace presence, product catalog, competition, and growth opportunities.<\/p>\n        <\/div><!-- Step 2: Optimize -->\n        <div class=\"text-center relative\">\n         <div class=\"w-20 h-20 bg-gradient-to-br from-paruca-navy to-paruca-navy rounded-full flex items-center justify-center mx-auto mb-6 relative z-10 shadow-xl shadow-paruca-navy\/30\">\n          <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\" \/>\n          <\/svg>\n         <\/div>\n         <h3 class=\"text-2xl font-bold text-slate-800 mb-3\">Optimize<\/h3>\n         <p class=\"text-slate-600 leading-relaxed\">Implementation of best practices across listings, pricing, advertising, and operations to maximize visibility and conversions.<\/p>\n        <\/div><!-- Step 3: Scale -->\n        <div class=\"text-center relative\">\n         <div class=\"w-20 h-20 bg-gradient-to-br from-paruca-navy to-paruca-navy rounded-full flex items-center justify-center mx-auto mb-6 relative z-10 shadow-xl shadow-paruca-navy\/30\">\n          <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\" \/>\n          <\/svg>\n         <\/div>\n         <h3 class=\"text-2xl font-bold text-slate-800 mb-3\">Scale<\/h3>\n         <p class=\"text-slate-600 leading-relaxed\">Continuous growth through expanded product lines, new marketplace channels, advanced campaigns, and data-driven refinements.<\/p>\n        <\/div>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/div><!-- CTA -->\n    <div class=\"py-20 lg:py-24 bg-gradient-to-br from-paruca-navy to-paruca-navy relative overflow-hidden\">\n     <div class=\"absolute inset-0 opacity-10\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 1200 400\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"100\" cy=\"100\" r=\"200\" stroke=\"white\" stroke-width=\"1\" fill=\"none\" \/> <circle cx=\"1100\" cy=\"300\" r=\"250\" stroke=\"white\" stroke-width=\"1\" fill=\"none\" \/>\n      <\/svg>\n     <\/div>\n     <div class=\"relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n      <h2 class=\"text-3xl lg:text-4xl font-bold text-white text-balance\">Partner with Paruca for Marketplace Growth<\/h2>\n      <p class=\"mt-6 text-xl text-teal-50\">Let&#8217;s accelerate your e-commerce success together<\/p><button onclick=\"navigateTo('contact')\" class=\"mt-8 bg-white text-teal-700 px-8 py-4 rounded-lg text-lg font-semibold border border-paruca-navy hover:bg-paruca-navy hover:text-white transition-colors \"> Get Started Today <\/button>\n     <\/div>\n    <\/div>\n   <\/section><!-- CONSULTING PAGE -->\n   <section id=\"page-consulting\" class=\"page-section\"><!-- Hero -->\n    <div class=\"bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 py-20 lg:py-28 relative overflow-hidden\"><!-- Hero Visual -->\n     <div class=\"absolute right-0 top-0 bottom-0 w-1\/2 hidden lg:flex items-center justify-center opacity-15\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 600 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"300\" cy=\"300\" r=\"100\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <circle cx=\"300\" cy=\"300\" r=\"150\" stroke=\"#14b8a6\" stroke-width=\"1\" stroke-dasharray=\"5,5\" fill=\"none\" \/> <circle cx=\"300\" cy=\"300\" r=\"200\" stroke=\"#14b8a6\" stroke-width=\"1\" stroke-dasharray=\"5,5\" fill=\"none\" \/> <circle cx=\"300\" cy=\"180\" r=\"20\" fill=\"#14b8a6\" opacity=\"0.5\" \/> <circle cx=\"220\" cy=\"340\" r=\"20\" fill=\"#14b8a6\" opacity=\"0.5\" \/> <circle cx=\"380\" cy=\"340\" r=\"20\" fill=\"#14b8a6\" opacity=\"0.5\" \/> <path d=\"M300 200 L300 280 M300 200 L240 330 M300 200 L360 330\" stroke=\"#14b8a6\" stroke-width=\"1\" \/> <path d=\"M150 150 L450 450 M450 150 L150 450\" stroke=\"#14b8a6\" stroke-width=\"1\" opacity=\"0.3\" \/>\n      <\/svg>\n     <\/div>\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n      <div class=\"max-w-3xl mx-auto text-center\"><span class=\"text-paruca-beige text-sm font-semibold uppercase tracking-wider\">Consulting Services<\/span>\n       <h1 class=\"mt-4 text-3xl lg:text-5xl font-bold text-white leading-tight\">AI, Data &amp; Customer Strategy Consulting<\/h1>\n       <p class=\"mt-6 text-lg text-white leading-relaxed\">We partner with enterprises to unlock growth, optimize customer value, and build AI-ready capabilities that create lasting competitive advantage.<\/p>\n      <\/div>\n     <\/div>\n    <\/div><!-- Service Pillar Cards -->\n    <div class=\"py-12 sm:py-20 lg:py-28 bg-white\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16\">\n       <h2 class=\"text-3xl lg:text-4xl font-bold text-slate-800\">Our Practice Areas<\/h2>\n       <p class=\"mt-4 text-lg text-slate-600 max-w-2xl mx-auto\">Six interconnected domains of expertise designed to transform your business<\/p>\n      <\/div>\n      <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\"><!-- CVM -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-md\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Customer Value Management<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-4\">Maximize customer lifetime value through sophisticated segmentation, personalization, and targeted value propositions.<\/p>\n        <ul class=\"space-y-2 text-sm text-slate-600\">\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Segmentation &amp; profiling<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Value-based pricing<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Loyalty programs<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Cross-sell optimization<\/li>\n        <\/ul>\n       <\/div><!-- CLM -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-md\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Customer Lifecycle Management<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-4\">Orchestrate seamless journeys from acquisition to advocacy with data-driven touchpoints and automated engagement.<\/p>\n        <ul class=\"space-y-2 text-sm text-slate-600\">\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Journey mapping<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Engagement automation<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Churn prevention<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Win-back campaigns<\/li>\n        <\/ul>\n       <\/div><!-- CXM -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-md\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Customer Experience Management<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-4\">Design and optimize end-to-end experiences that delight customers and build lasting emotional connections.<\/p>\n        <ul class=\"space-y-2 text-sm text-slate-600\">\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Voice of Customer programs<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Experience design<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>NPS improvement<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Service design<\/li>\n        <\/ul>\n       <\/div><!-- Data Strategy -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-md\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Data Strategy &amp; Governance<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-4\">Build robust data foundations with clear governance frameworks that enable trusted analytics and AI.<\/p>\n        <ul class=\"space-y-2 text-sm text-slate-600\">\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Data architecture<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Quality management<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Privacy &amp; compliance<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Analytics operating models<\/li>\n        <\/ul>\n       <\/div><!-- AI Strategy -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-md\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">AI Strategy<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-4\">Develop comprehensive AI roadmaps that deliver measurable business outcomes while managing risks responsibly.<\/p>\n        <ul class=\"space-y-2 text-sm text-slate-600\">\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>AI opportunity assessment<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Use case prioritization<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>MLOps operationalization<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Responsible AI governance<\/li>\n        <\/ul>\n       <\/div><!-- Digital Transformation -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-md\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Digital Transformation<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-4\">Lead enterprise-wide digital initiatives that modernize operations and create sustainable competitive advantages.<\/p>\n        <ul class=\"space-y-2 text-sm text-slate-600\">\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Digital maturity assessment<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Operating model design<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Change management<\/li>\n         <li class=\"flex items-start\"><span class=\"text-paruca-navy mr-2\">\u2022<\/span>Capability building<\/li>\n        <\/ul>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/div><!-- Responsible AI \/ Governance Section -->\n    <div class=\"py-12 sm:py-20 lg:py-28 bg-paruca-beige\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"max-w-4xl mx-auto\">\n       <div class=\"text-center mb-12\">\n        <div class=\"inline-flex items-center justify-center w-16 h-16 bg-gradient-to-br from-slate-700 to-slate-900 rounded-xl mb-6\">\n         <svg class=\"w-8 h-8 text-paruca-beige\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\n         <\/svg>\n        <\/div>\n        <h2 class=\"text-3xl lg:text-4xl font-bold text-slate-800\">Responsible AI &amp; Governance<\/h2>\n        <p class=\"mt-4 text-lg text-slate-600\">Building trustworthy AI systems with ethical frameworks and robust governance<\/p>\n       <\/div>\n       <div class=\"bg-white rounded-2xl p-8 lg:p-12 shadow-lg border border-slate-200\">\n        <p class=\"text-slate-700 leading-relaxed mb-8\">As AI becomes central to business operations, responsible deployment is non-negotiable. We help organizations develop and implement AI governance frameworks that ensure transparency, fairness, accountability, and compliance.<\/p>\n        <div class=\"grid sm:grid-cols-2 gap-6\">\n         <div>\n          <h4 class=\"font-semibold text-slate-800 mb-3 flex items-center\"><span class=\"w-2 h-2 bg-paruca-navy rounded-full mr-3\"><\/span> Ethical AI Principles<\/h4>\n          <p class=\"text-sm text-slate-600 ml-5\">Establish clear ethical guidelines for AI development and deployment aligned with your organizational values.<\/p>\n         <\/div>\n         <div>\n          <h4 class=\"font-semibold text-slate-800 mb-3 flex items-center\"><span class=\"w-2 h-2 bg-paruca-navy rounded-full mr-3\"><\/span> Risk Assessment<\/h4>\n          <p class=\"text-sm text-slate-600 ml-5\">Identify and mitigate potential risks including bias, privacy violations, and unintended consequences.<\/p>\n         <\/div>\n         <div>\n          <h4 class=\"font-semibold text-slate-800 mb-3 flex items-center\"><span class=\"w-2 h-2 bg-paruca-navy rounded-full mr-3\"><\/span> Compliance &amp; Regulation<\/h4>\n          <p class=\"text-sm text-slate-600 ml-5\">Navigate evolving AI regulations and ensure compliance with data protection and industry-specific requirements.<\/p>\n         <\/div>\n         <div>\n          <h4 class=\"font-semibold text-slate-800 mb-3 flex items-center\"><span class=\"w-2 h-2 bg-paruca-navy rounded-full mr-3\"><\/span> Explainability &amp; Trust<\/h4>\n          <p class=\"text-sm text-slate-600 ml-5\">Design AI systems that provide clear explanations for decisions, building trust with stakeholders.<\/p>\n         <\/div>\n        <\/div>\n        <div class=\"mt-8 pt-8 border-t border-slate-200\">\n         <div class=\"flex items-start\">\n          <div class=\"flex-shrink-0 w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center mr-4\">\n           <svg class=\"w-6 h-6 text-paruca-navy\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n           <\/svg>\n          <\/div>\n          <div>\n           <h4 class=\"font-semibold text-slate-800 mb-2\">Our Commitment<\/h4>\n           <p class=\"text-sm text-slate-600 leading-relaxed\">We believe that AI should augment human capabilities, not replace human judgment. Our responsible AI frameworks ensure your organization can harness AI&#8217;s power while maintaining ethical standards and stakeholder trust.<\/p>\n          <\/div>\n         <\/div>\n        <\/div>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/div><!-- CTA -->\n    <div class=\"py-20 lg:py-24 bg-gradient-to-br from-slate-900 to-slate-800 relative overflow-hidden\">\n     <div class=\"absolute inset-0 opacity-10\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 1200 400\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"200\" cy=\"200\" r=\"300\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" \/> <circle cx=\"1000\" cy=\"200\" r=\"250\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" \/>\n      <\/svg>\n     <\/div>\n     <div class=\"relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n      <h2 class=\"text-3xl lg:text-4xl font-bold text-white text-balance\">Request a Strategy Session<\/h2>\n      <p class=\"mt-6 text-xl text-white\">Let&#8217;s discuss how we can help you transform your customer strategy and unlock AI-powered growth<\/p><button onclick=\"navigateTo('contact')\" class=\"mt-8 bg-gradient-to-r from-paruca-navy to-paruca-beige text-slate-900 px-8 py-4 rounded-lg text-lg font-semibold hover:from-paruca-beige  transition-all shadow-xl shadow-paruca-navy\/30\"> Book Your Consultation <\/button>\n     <\/div>\n    <\/div>\n   <\/section><!-- INDUSTRIES PAGE -->\n   <section id=\"page-industries\" class=\"page-section\"><!-- Hero -->\n    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 py-20 lg:py-28 relative overflow-hidden\"><!-- Hero Visual -->\n     <div class=\"absolute right-0 top-0 bottom-0 w-1\/2 hidden lg:flex items-center justify-center opacity-15\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 600 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"100\" y=\"150\" width=\"120\" height=\"120\" rx=\"10\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <rect x=\"240\" y=\"150\" width=\"120\" height=\"120\" rx=\"10\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <rect x=\"380\" y=\"150\" width=\"120\" height=\"120\" rx=\"10\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <rect x=\"100\" y=\"290\" width=\"120\" height=\"120\" rx=\"10\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <rect x=\"240\" y=\"290\" width=\"120\" height=\"120\" rx=\"10\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <rect x=\"380\" y=\"290\" width=\"120\" height=\"120\" rx=\"10\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <circle cx=\"160\" cy=\"210\" r=\"15\" fill=\"#14b8a6\" opacity=\"0.5\" \/> <circle cx=\"300\" cy=\"210\" r=\"15\" fill=\"#14b8a6\" opacity=\"0.5\" \/> <circle cx=\"440\" cy=\"210\" r=\"15\" fill=\"#14b8a6\" opacity=\"0.5\" \/> <circle cx=\"160\" cy=\"350\" r=\"15\" fill=\"#14b8a6\" opacity=\"0.5\" \/> <circle cx=\"300\" cy=\"350\" r=\"15\" fill=\"#14b8a6\" opacity=\"0.5\" \/> <circle cx=\"440\" cy=\"350\" r=\"15\" fill=\"#14b8a6\" opacity=\"0.5\" \/>\n      <\/svg>\n     <\/div>\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n      <div class=\"max-w-3xl\"><span class=\"text-paruca-beige text-sm font-semibold uppercase tracking-wider\">Industries<\/span>\n       <h1 class=\"mt-4 text-3xl lg:text-5xl font-bold text-white leading-tight\">Deep Expertise Across Key Sectors<\/h1>\n       <p class=\"mt-6 text-lg text-white leading-relaxed\">We bring sector-specific knowledge combined with cross-industry best practices to deliver relevant, impactful solutions.<\/p>\n      <\/div>\n     <\/div>\n    <\/div><!-- Industries Grid -->\n    <div class=\"py-12 sm:py-20 lg:py-28 bg-white\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\"><!-- Retail & E-commerce -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-lg hover:shadow-2xl transition-all duration-300\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Retail &amp; E-commerce<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-6\">Omnichannel optimization, marketplace strategy, and customer experience transformation for modern retail brands.<\/p>\n        <ul class=\"text-sm text-slate-600 space-y-3\">\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Multi-marketplace management<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Personalization at scale<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Unified commerce platforms<\/li>\n        <\/ul>\n       <\/div><!-- Telecom -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-lg hover:shadow-2xl transition-all duration-300\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Telecommunications<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-6\">Customer value management, churn reduction, and digital transformation for telecom operators.<\/p>\n        <ul class=\"text-sm text-slate-600 space-y-3\">\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Base management optimization<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> ARPU growth strategies<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Digital channel adoption<\/li>\n        <\/ul>\n       <\/div><!-- Financial Services -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-lg hover:shadow-2xl transition-all duration-300\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Financial Services<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-6\">Customer-centric banking, data-driven risk management, and digital transformation for financial institutions.<\/p>\n        <ul class=\"text-sm text-slate-600 space-y-3\">\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Customer 360 platforms<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Next-best-action engines<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Regulatory compliance<\/li>\n        <\/ul>\n       <\/div><!-- Digital-First Companies -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-lg hover:shadow-2xl transition-all duration-300\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">Digital-First Companies<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-6\">Scaling strategies, growth optimization, and data infrastructure for tech-native organizations.<\/p>\n        <ul class=\"text-sm text-slate-600 space-y-3\">\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Growth analytics &amp; attribution<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Product-led growth<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> AI integration strategies<\/li>\n        <\/ul>\n       <\/div><!-- SMEs -->\n       <div class=\"card-hover bg-white rounded-2xl p-8 border border-slate-200 shadow-lg hover:shadow-2xl transition-all duration-300\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-paruca-navy\/20\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-4\">SMEs<\/h3>\n        <p class=\"text-slate-600 leading-relaxed mb-6\">Practical, high-impact solutions to help small and medium enterprises compete and scale effectively.<\/p>\n        <ul class=\"text-sm text-slate-600 space-y-3\">\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Market entry strategies<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Cost-effective digital tools<\/li>\n         <li class=\"flex items-start\">\n          <svg class=\"w-5 h-5 text-paruca-navy mr-2 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n          <\/svg> Marketplace acceleration<\/li>\n        <\/ul>\n       <\/div>\n      <\/div><!-- CTA Section -->\n      <div class=\"mt-16 text-center\">\n       <p class=\"text-lg text-slate-600 mb-6\">Don&#8217;t see your industry? We work across sectors to deliver transformative results.<\/p><button onclick=\"navigateTo('contact')\" class=\"bg-paruca-navy text-white px-8 py-4 rounded-lg text-base font-semibold border border-paruca-navy hover:bg-white hover:text-paruca-navy transition-colors shadow-lg shadow-paruca-navy\/20\"> Discuss Your Needs <\/button>\n      <\/div>\n     <\/div>\n    <\/div>\n   <\/section><!-- INSIGHTS PAGE -->\n   <section id=\"page-insights\" class=\"page-section\"><!-- Hero -->\n    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 py-20 lg:py-28 relative overflow-hidden\"><!-- Hero Visual -->\n     <div class=\"absolute right-0 top-0 bottom-0 w-1\/2 hidden lg:flex items-center justify-center opacity-15\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 600 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"150\" y=\"150\" width=\"300\" height=\"300\" rx=\"15\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M180 200 L420 200\" stroke=\"#14b8a6\" stroke-width=\"2\" \/> <path d=\"M180 250 L380 250\" stroke=\"#14b8a6\" stroke-width=\"1\" opacity=\"0.5\" \/> <path d=\"M180 280 L420 280\" stroke=\"#14b8a6\" stroke-width=\"1\" opacity=\"0.5\" \/> <path d=\"M180 310 L350 310\" stroke=\"#14b8a6\" stroke-width=\"1\" opacity=\"0.5\" \/> <rect x=\"180\" y=\"340\" width=\"240\" height=\"80\" rx=\"8\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" opacity=\"0.5\" \/> <circle cx=\"200\" cy=\"200\" r=\"8\" fill=\"#14b8a6\" \/> <circle cx=\"420\" cy=\"200\" r=\"8\" fill=\"#14b8a6\" \/>\n      <\/svg>\n     <\/div>\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n      <div class=\"max-w-3xl\"><span class=\"text-paruca-beige text-sm font-semibold uppercase tracking-wider\">Insights<\/span>\n       <h1 class=\"mt-4 text-3xl lg:text-5xl font-bold text-white leading-tight\">Perspectives on Growth, Data &amp; Transformation<\/h1>\n       <p class=\"mt-6 text-lg text-white leading-relaxed\">Expert analysis and thought leadership from our team on the topics that matter most to business leaders.<\/p>\n      <\/div>\n     <\/div>\n    <\/div><!-- Articles Grid -->\n    <div class=\"py-12 sm:py-20 lg:py-28 bg-paruca-beige\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><!-- Filter Tags -->\n      <div class=\"flex flex-wrap gap-3 mb-12\"><button class=\"bg-paruca-navy text-white px-5 py-2.5 rounded-full text-sm font-medium hover:bg-teal-700 transition-colors shadow-sm\">All<\/button> <button class=\"bg-white text-slate-600 px-5 py-2.5 rounded-full text-sm font-medium hover:bg-slate-50 hover:text-paruca-navy transition-colors border border-slate-200 shadow-sm\">AI<\/button> <button class=\"bg-white text-slate-600 px-5 py-2.5 rounded-full text-sm font-medium hover:bg-slate-50 hover:text-paruca-navy transition-colors border border-slate-200 shadow-sm\">CX<\/button> <button class=\"bg-white text-slate-600 px-5 py-2.5 rounded-full text-sm font-medium hover:bg-slate-50 hover:text-paruca-navy transition-colors border border-slate-200 shadow-sm\">Data<\/button> <button class=\"bg-white text-slate-600 px-5 py-2.5 rounded-full text-sm font-medium hover:bg-slate-50 hover:text-paruca-navy transition-colors border border-slate-200 shadow-sm\">CVM<\/button> <button class=\"bg-white text-slate-600 px-5 py-2.5 rounded-full text-sm font-medium hover:bg-slate-50 hover:text-paruca-navy transition-colors border border-slate-200 shadow-sm\">Transformation<\/button>\n      <\/div>\n      <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\"><!-- Article 1 -->\n       <article class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300\">\n        <div class=\"h-48 bg-paruca-navy bg-cover bg-center flex items-center justify-center\" style=\"background-image: url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/technology-integrated-everyday-life-scaled.jpg');\">\n        <\/div>\n        <div class=\"p-7\"><span class=\"inline-block bg-paruca-beige text-paruca-navy text-xs font-semibold uppercase tracking-wider px-3 py-1 rounded-full\">AI<\/span>\n         <h3 class=\"mt-4 text-xl font-bold text-slate-800 leading-snug hover:text-paruca-navy transition-colors\">The AI Advantage: Building Competitive Moats Through Intelligent Automation<\/h3>\n         <p class=\"mt-3 text-slate-600 text-sm leading-relaxed\">How forward-thinking organizations are leveraging AI to create sustainable competitive advantages in their markets.<\/p>\n         <div class=\"mt-5 flex items-center text-sm text-slate-500\">\n          <svg class=\"w-4 h-4 mr-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n          <\/svg><span>5 min read<\/span> <span class=\"mx-2\">\u2022<\/span> <span>Dec 2024<\/span>\n         <\/div>\n        <\/div>\n       <\/article><!-- Article 2 -->\n       <article class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300\">\n        <div class=\"h-48 bg-paruca-navy bg-cover bg-center flex items-center justify-center\" style=\"background-image: url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/view-robot-human-businessperson-scaled.jpg');\">\n        <\/div>\n        <div class=\"p-7\"><span class=\"inline-block bg-purple-100 text-purple-700 text-xs font-semibold uppercase tracking-wider px-3 py-1 rounded-full\">CX<\/span>\n         <h3 class=\"mt-4 text-xl font-bold text-slate-800 leading-snug hover:text-paruca-navy transition-colors\">From Transactions to Relationships: The New CX Imperative<\/h3>\n         <p class=\"mt-3 text-slate-600 text-sm leading-relaxed\">Why customer experience is the ultimate differentiator in today&#8217;s competitive landscape and how to get it right.<\/p>\n         <div class=\"mt-5 flex items-center text-sm text-slate-500\">\n          <svg class=\"w-4 h-4 mr-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n          <\/svg><span>7 min read<\/span> <span class=\"mx-2\">\u2022<\/span> <span>Nov 2024<\/span>\n         <\/div>\n        <\/div>\n       <\/article><!-- Article 3 -->\n       <article class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300\">\n        <div class=\"h-48 bg-paruca-navy bg-cover bg-center flex items-center justify-center\" style=\"background-image: url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/pexels-cottonbro-6153343-scaled.jpg');\">\n        <\/div>\n        <div class=\"p-7\"><span class=\"inline-block bg-blue-100 text-blue-700 text-xs font-semibold uppercase tracking-wider px-3 py-1 rounded-full\">Data<\/span>\n         <h3 class=\"mt-4 text-xl font-bold text-slate-800 leading-snug hover:text-paruca-navy transition-colors\">Data as a Strategic Asset: Building the Foundation for AI Success<\/h3>\n         <p class=\"mt-3 text-slate-600 text-sm leading-relaxed\">The essential data capabilities organizations need before embarking on AI transformation journeys.<\/p>\n         <div class=\"mt-5 flex items-center text-sm text-slate-500\">\n          <svg class=\"w-4 h-4 mr-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n          <\/svg><span>8 min read<\/span> <span class=\"mx-2\">\u2022<\/span> <span>Oct 2024<\/span>\n         <\/div>\n        <\/div>\n       <\/article><!-- Article 4 -->\n       <article class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300\">\n         <div class=\"h-48 bg-paruca-navy bg-cover bg-center flex items-center justify-center\" style=\"background-image: url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/pexels-cottonbro-6153343-scaled.jpg');\">\n        <\/div>\n        <div class=\"p-7\"><span class=\"inline-block bg-amber-100 text-amber-700 text-xs font-semibold uppercase tracking-wider px-3 py-1 rounded-full\">CVM<\/span>\n         <h3 class=\"mt-4 text-xl font-bold text-slate-800 leading-snug hover:text-paruca-navy transition-colors\">Unlocking Customer Lifetime Value: A Practical Framework<\/h3>\n         <p class=\"mt-3 text-slate-600 text-sm leading-relaxed\">Proven strategies for measuring, predicting, and maximizing customer lifetime value across industries.<\/p>\n         <div class=\"mt-5 flex items-center text-sm text-slate-500\">\n          <svg class=\"w-4 h-4 mr-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n          <\/svg><span>10 min read<\/span> <span class=\"mx-2\">\u2022<\/span> <span>Sep 2024<\/span>\n         <\/div>\n        <\/div>\n       <\/article><!-- Article 5 -->\n       <article class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300\">\n         <div class=\"h-48 bg-paruca-navy bg-cover bg-center flex items-center justify-center\" style=\"background-image: url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/pexels-cottonbro-6153343-scaled.jpg');\">\n        <\/div>\n        <div class=\"p-7\"><span class=\"inline-block bg-indigo-100 text-indigo-700 text-xs font-semibold uppercase tracking-wider px-3 py-1 rounded-full\">Transformation<\/span>\n         <h3 class=\"mt-4 text-xl font-bold text-slate-800 leading-snug hover:text-paruca-navy transition-colors\">Beyond Technology: The Human Side of Digital Transformation<\/h3>\n         <p class=\"mt-3 text-slate-600 text-sm leading-relaxed\">Why change management and culture are the hidden drivers of transformation success.<\/p>\n         <div class=\"mt-5 flex items-center text-sm text-slate-500\">\n          <svg class=\"w-4 h-4 mr-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n          <\/svg><span>6 min read<\/span> <span class=\"mx-2\">\u2022<\/span> <span>Aug 2024<\/span>\n         <\/div>\n        <\/div>\n       <\/article><!-- Article 6 -->\n       <article class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg border border-slate-100 hover:shadow-2xl transition-all duration-300\">\n         <div class=\"h-48 bg-paruca-navy bg-cover bg-center flex items-center justify-center\" style=\"background-image: url('http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/pexels-cottonbro-6153343-scaled.jpg');\">\n        <\/div>\n        <div class=\"p-7\"><span class=\"inline-block bg-cyan-100 text-cyan-700 text-xs font-semibold uppercase tracking-wider px-3 py-1 rounded-full\">AI<\/span>\n         <h3 class=\"mt-4 text-xl font-bold text-slate-800 leading-snug hover:text-paruca-navy transition-colors\">Responsible AI in Practice: From Principles to Implementation<\/h3>\n         <p class=\"mt-3 text-slate-600 text-sm leading-relaxed\">A practical guide to implementing ethical AI frameworks that balance innovation with responsibility.<\/p>\n         <div class=\"mt-5 flex items-center text-sm text-slate-500\">\n          <svg class=\"w-4 h-4 mr-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n          <\/svg><span>9 min read<\/span> <span class=\"mx-2\">\u2022<\/span> <span>Jul 2024<\/span>\n         <\/div>\n        <\/div>\n       <\/article>\n      <\/div><!-- Load More CTA -->\n      <div class=\"mt-12 text-center\"><button class=\"bg-white text-paruca-navy px-8 py-4 rounded-lg text-base font-semibold hover:bg-slate-50 transition-colors border-2 border-paruca-navy shadow-sm\"> Load More Articles <\/button>\n      <\/div>\n     <\/div>\n    <\/div>\n   <\/section><!-- ABOUT PAGE -->\n   <section id=\"page-about\" class=\"page-section\"><!-- Hero -->\n    <div class=\"bg-gradient-to-br from-slate-900 to-slate-800 py-20 lg:py-28 relative overflow-hidden\"><!-- Hero Visual -->\n     <div class=\"absolute right-0 top-0 bottom-0 w-1\/2 hidden lg:flex items-center justify-center opacity-15\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 600 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M300 150 L450 300 L300 450 L150 300 Z\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <circle cx=\"300\" cy=\"300\" r=\"50\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M300 100 L300 500\" stroke=\"#14b8a6\" stroke-width=\"1\" stroke-dasharray=\"5,5\" opacity=\"0.5\" \/> <path d=\"M100 300 L500 300\" stroke=\"#14b8a6\" stroke-width=\"1\" stroke-dasharray=\"5,5\" opacity=\"0.5\" \/> <circle cx=\"300\" cy=\"150\" r=\"10\" fill=\"#14b8a6\" opacity=\"0.7\" \/> <circle cx=\"450\" cy=\"300\" r=\"10\" fill=\"#14b8a6\" opacity=\"0.7\" \/> <circle cx=\"300\" cy=\"450\" r=\"10\" fill=\"#14b8a6\" opacity=\"0.7\" \/> <circle cx=\"150\" cy=\"300\" r=\"10\" fill=\"#14b8a6\" opacity=\"0.7\" \/> <path d=\"M250 250 L350 250 L350 350 L250 350 Z\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" opacity=\"0.5\" \/>\n      <\/svg>\n     <\/div>\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n      <div class=\"max-w-3xl\"><span class=\"text-paruca-beige text-sm font-semibold uppercase tracking-wider\">About Us<\/span>\n       <h1 class=\"mt-4 text-3xl lg:text-5xl font-bold text-white leading-tight\">About Paruca<\/h1>\n       <p class=\"mt-6 text-lg text-white leading-relaxed\">We are a strategic partner for organizations seeking to unlock growth through intelligent commerce and data-driven transformation.<\/p>\n      <\/div>\n     <\/div>\n    <\/div><!-- Mission & Vision -->\n    <div class=\"py-12 sm:py-20 lg:py-28 bg-paruca-beige\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20\">\n       <div>\n        <h2 class=\"text-3xl font-bold text-slate-800 mb-6\">Our Mission<\/h2>\n        <p class=\"text-lg text-slate-600 leading-relaxed mb-6\">To empower organizations to achieve sustainable growth by combining deep industry expertise with cutting-edge data and AI capabilities.<\/p>\n        <p class=\"text-slate-600 leading-relaxed\">We believe that every business has untapped potential waiting to be unlocked. Through strategic consulting and hands-on e-commerce operations, we help our clients realize that potential and build lasting competitive advantages.<\/p>\n       <\/div>\n       <div>\n        <h2 class=\"text-3xl font-bold text-slate-800 mb-6\">Our Vision<\/h2>\n        <p class=\"text-lg text-slate-600 leading-relaxed mb-6\">To be the trusted partner of choice for organizations navigating the intersection of commerce, customer experience, and AI-powered transformation.<\/p>\n        <p class=\"text-slate-600 leading-relaxed\">We envision a future where every organization can harness the power of data and intelligent systems to deliver exceptional customer value while achieving operational excellence.<\/p>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/div><!-- Values -->\n    <div class=\"py-12 sm:py-20 lg:py-28 bg-white\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"text-center mb-16\">\n       <h2 class=\"text-3xl lg:text-4xl font-bold text-slate-800\">Our Values<\/h2>\n       <p class=\"mt-4 text-lg text-slate-600\">The principles that guide everything we do<\/p>\n      <\/div>\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n       <div class=\"text-center\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-full flex items-center justify-center mx-auto mb-5\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-lg font-bold text-slate-800 mb-2\">Excellence<\/h3>\n        <p class=\"text-slate-600 text-sm\">We hold ourselves to the highest standards in everything we deliver.<\/p>\n       <\/div>\n       <div class=\"text-center\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-full flex items-center justify-center mx-auto mb-5\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-lg font-bold text-slate-800 mb-2\">Partnership<\/h3>\n        <p class=\"text-slate-600 text-sm\">We work alongside our clients as true partners in their success.<\/p>\n       <\/div>\n       <div class=\"text-center\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-full flex items-center justify-center mx-auto mb-5\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-lg font-bold text-slate-800 mb-2\">Innovation<\/h3>\n        <p class=\"text-slate-600 text-sm\">We embrace new ideas and technologies to drive better outcomes.<\/p>\n       <\/div>\n       <div class=\"text-center\">\n        <div class=\"w-16 h-16 bg-paruca-navy rounded-full flex items-center justify-center mx-auto mb-5\">\n         <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" \/>\n         <\/svg>\n        <\/div>\n        <h3 class=\"text-lg font-bold text-slate-800 mb-2\">Impact<\/h3>\n        <p class=\"text-slate-600 text-sm\">We measure success by the measurable value we create for clients.<\/p>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/div>\n   <\/section><!-- CONTACT PAGE -->\n   <section id=\"page-contact\" class=\"page-section\"><!-- Hero -->\n    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 py-20 lg:py-28 relative overflow-hidden\"><!-- Hero Visual -->\n     <div class=\"absolute right-0 top-0 bottom-0 w-1\/2 hidden lg:flex items-center justify-center opacity-15\">\n      <svg class=\"w-full h-full\" viewbox=\"0 0 600 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"150\" y=\"150\" width=\"300\" height=\"300\" rx=\"20\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <circle cx=\"300\" cy=\"250\" r=\"40\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M260 290 L340 290\" stroke=\"#14b8a6\" stroke-width=\"2\" \/> <path d=\"M200 350 L400 350\" stroke=\"#14b8a6\" stroke-width=\"1\" opacity=\"0.5\" \/> <path d=\"M200 380 L350 380\" stroke=\"#14b8a6\" stroke-width=\"1\" opacity=\"0.5\" \/> <rect x=\"200\" y=\"400\" width=\"200\" height=\"30\" rx=\"5\" stroke=\"#14b8a6\" stroke-width=\"1\" fill=\"none\" opacity=\"0.5\" \/> <path d=\"M250 220 Q250 200 270 200 Q290 200 290 220\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M310 220 Q310 200 330 200 Q350 200 350 220\" stroke=\"#14b8a6\" stroke-width=\"2\" fill=\"none\" \/>\n      <\/svg>\n     <\/div>\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n      <div class=\"max-w-3xl\"><span class=\"text-paruca-beige text-sm font-semibold uppercase tracking-wider\">Contact<\/span>\n       <h1 class=\"mt-4 text-3xl lg:text-5xl font-bold text-white leading-tight\">Let&#8217;s Start a Conversation<\/h1>\n       <p class=\"mt-6 text-lg text-white leading-relaxed\">Whether you have a specific project in mind or just want to explore possibilities, we&#8217;d love to hear from you.<\/p>\n      <\/div>\n     <\/div>\n    <\/div><!-- Contact Form & Info -->\n    <div class=\"py-12 sm:py-20 lg:py-28 bg-white\">\n     <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20\"><!-- Contact Form -->\n       <div>\n        <h2 class=\"text-2xl font-bold text-slate-800 mb-6\">Send Us a Message<\/h2>\n        <form id=\"contact-form\" class=\"space-y-6\" onsubmit=\"handleFormSubmit(event)\">\n         <div class=\"grid sm:grid-cols-2 gap-6\">\n          <div><label for=\"first-name\" class=\"block text-sm font-medium text-slate-700 mb-2\">First Name<\/label> <input type=\"text\" id=\"first-name\" name=\"first-name\" required class=\"form-input w-full px-4 py-3 rounded-lg border border-slate-300 text-slate-800 placeholder-slate-400\" placeholder=\"John\">\n          <\/div>\n          <div><label for=\"last-name\" class=\"block text-sm font-medium text-slate-700 mb-2\">Last Name<\/label> <input type=\"text\" id=\"last-name\" name=\"last-name\" required class=\"form-input w-full px-4 py-3 rounded-lg border border-slate-300 text-slate-800 placeholder-slate-400\" placeholder=\"Doe\">\n          <\/div>\n         <\/div>\n         <div><label for=\"email\" class=\"block text-sm font-medium text-slate-700 mb-2\">Email<\/label> <input type=\"email\" id=\"email\" name=\"email\" required class=\"form-input w-full px-4 py-3 rounded-lg border border-slate-300 text-slate-800 placeholder-slate-400\" placeholder=\"john@company.com\">\n         <\/div>\n         <div><label for=\"company\" class=\"block text-sm font-medium text-slate-700 mb-2\">Company<\/label> <input type=\"text\" id=\"company\" name=\"company\" class=\"form-input w-full px-4 py-3 rounded-lg border border-slate-300 text-slate-800 placeholder-slate-400\" placeholder=\"Company Name\">\n         <\/div>\n         <div><label for=\"interest\" class=\"block text-sm font-medium text-slate-700 mb-2\">I&#8217;m Interested In<\/label> <select id=\"interest\" name=\"interest\" class=\"form-input w-full px-4 py-3 rounded-lg border border-slate-300 text-slate-800\"> <option value=\"\">Select an option<\/option> <option value=\"ecommerce\">E-commerce Services<\/option> <option value=\"consulting\">Consulting Services<\/option> <option value=\"both\">Both<\/option> <option value=\"other\">Other<\/option> <\/select>\n         <\/div>\n         <div><label for=\"message\" class=\"block text-sm font-medium text-slate-700 mb-2\">Message<\/label> <textarea id=\"message\" name=\"message\" rows=\"4\" class=\"form-input w-full px-4 py-3 rounded-lg border border-slate-300 text-slate-800 placeholder-slate-400 resize-none\" placeholder=\"Tell us about your project or inquiry...\"><\/textarea>\n         <\/div><button type=\"submit\" class=\"w-full bg-paruca-navy text-white px-8 py-4 rounded-lg font-semibold hover:bg-paruca-navy\/90 transition-all duration-300 shadow-lg shadow-paruca-navy\/20\"> Send Message <\/button>\n         <div id=\"form-success\" class=\"hidden bg-paruca-beige border border-paruca-navy\/20 rounded-lg p-4 text-paruca-navy text-center\">\n          Thank you for your message! We&#8217;ll be in touch soon.\n         <\/div>\n        <\/form>\n       <\/div><!-- Contact Info -->\n       <div>\n        <h2 class=\"text-2xl font-bold text-slate-800 mb-6\">Get in Touch<\/h2>\n        <div class=\"space-y-8\">\n         <div class=\"flex items-start\">\n          <div class=\"w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center flex-shrink-0 mr-4\">\n           <svg class=\"w-6 h-6 text-paruca-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n           <\/svg>\n          <\/div>\n          <div>\n           <h4 class=\"font-semibold text-slate-800 mb-1\">Email<\/h4>\n           <p id=\"contact-email-display\" class=\"text-slate-600\">hello@paruca.com<\/p>\n          <\/div>\n         <\/div>\n         <div class=\"flex items-start\">\n          <div class=\"w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center flex-shrink-0 mr-4\">\n           <svg class=\"w-6 h-6 text-paruca-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\n           <\/svg>\n          <\/div>\n          <div>\n           <h4 class=\"font-semibold text-slate-800 mb-1\">Phone<\/h4>\n           <p id=\"contact-phone-display\" class=\"text-slate-600\">050-210-3431<\/p>\n          <\/div>\n         <\/div>\n         <div class=\"flex items-start\">\n          <div class=\"w-12 h-12 bg-paruca-navy rounded-lg flex items-center justify-center flex-shrink-0 mr-4\">\n           <svg class=\"w-6 h-6 text-paruca-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/> <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n           <\/svg>\n          <\/div>\n          <div>\n           <h4 class=\"font-semibold text-slate-800 mb-1\">Location<\/h4>\n           <p class=\"text-slate-600\">Shams Business Center, Media City <br> Free Zone, Al Messaned, UAE<\/p>\n          <\/div>\n         <\/div>\n        <\/div><!-- Working Hours -->\n        <div class=\"mt-12 bg-slate-50 rounded-xl p-6\">\n         <h4 class=\"font-semibold text-slate-800 mb-4\">Working Hours<\/h4>\n         <div class=\"space-y-2 text-sm\">\n          <div class=\"flex justify-between text-slate-600\"><span>Sunday &#8211; Thursday<\/span> <span>9:00 AM &#8211; 6:00 PM<\/span>\n          <\/div>\n          <div class=\"flex justify-between text-slate-600\"><span>Friday &#8211; Saturday<\/span> <span>Closed<\/span>\n          <\/div>\n         <\/div>\n        <\/div><!-- Social Links -->\n        <div class=\"mt-8\">\n         <h4 class=\"font-semibold text-slate-800 mb-4\">Follow Us<\/h4>\n         <div class=\"flex space-x-4\"><a href=\"#\" class=\"w-10 h-10 bg-slate-100 rounded-lg flex items-center justify-center text-slate-600 hover:bg-paruca-navy hover:text-paruca-white transition-colors\" aria-label=\"LinkedIn\">\n           <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\" \/>\n           <\/svg><\/a> <a href=\"#\" class=\"w-10 h-10 bg-slate-100 rounded-lg flex items-center justify-center text-slate-600 hover:bg-paruca-navy hover:text-paruca-white transition-colors\" aria-label=\"Twitter\">\n           <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z\" \/>\n           <\/svg><\/a>\n         <\/div>\n        <\/div>\n       <\/div>\n      <\/div>\n     <\/div>\n    <\/div>\n   <\/section>\n  <\/main><!-- Footer -->\n  <footer class=\"bg-paruca-beige pt-8 pb-2 sm:pt-16 sm:pb-4\">\n   <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12\"><!-- Brand -->\n     <div class=\"sm:col-span-2 lg:col-span-1\">\n      <div class=\"flex items-center space-x-2 mb-4\">\n       <img decoding=\"async\" src=\"http:\/\/paruca.com\/wp-content\/uploads\/2026\/01\/logo-png-4.png\" alt=\"Paruca Logo\" style=\"width: 80px; height: auto;\">\n      <\/div>\n      <p class=\"text-slate-600 text-sm leading-relaxed\">Driving growth through intelligent commerce and data-driven consulting.<\/p>\n     <\/div><!-- Services -->\n     <div>\n      <h4 class=\"text-slate-900 font-semibold !mb-5\">Services<\/h4>\n      <ul class=\"space-y-3 !p-0\">\n       <li><a href=\"#\" onclick=\"navigateTo('ecommerce')\" class=\"text-slate-600 text-sm hover:text-slate-900 transition-colors\">E-commerce<\/a><\/li>\n       <li><a href=\"#\" onclick=\"navigateTo('consulting')\" class=\"text-slate-600 text-sm hover:text-slate-900 transition-colors\">Consulting<\/a><\/li>\n       <li><a href=\"#\" onclick=\"navigateTo('industries')\" class=\"text-slate-600 text-sm hover:text-slate-900 transition-colors\">Industries<\/a><\/li>\n      <\/ul>\n     <\/div><!-- Company -->\n     <div>\n      <h4 class=\"text-slate-900 font-semibold !mb-5\">Company<\/h4>\n      <ul class=\"space-y-3 !p-0\">\n       <li><a href=\"#\" onclick=\"navigateTo('about')\" class=\"text-slate-600 text-sm hover:text-slate-900 transition-colors\">About<\/a><\/li>\n       <li><a href=\"#\" onclick=\"navigateTo('insights')\" class=\"text-slate-600 text-sm hover:text-slate-900 transition-colors\">Insights<\/a><\/li>\n       <li><a href=\"#\" onclick=\"navigateTo('contact')\" class=\"text-slate-600 text-sm hover:text-slate-900 transition-colors\">Contact<\/a><\/li>\n      <\/ul>\n     <\/div><!-- Contact -->\n     <div>\n      <h4 class=\"text-slate-900 font-semibold !mb-5\">Contact<\/h4>\n      <ul class=\"space-y-3 !p-0\">\n       <li class=\"text-slate-600 text-sm\" id=\"footer-email\">hello@paruca.com<\/li>\n       <li class=\"text-slate-600 text-sm\" id=\"footer-phone\">050-210-3431<\/li>\n       <li class=\"text-slate-600 text-sm\">Shams Business Center, Media City Free Zone, Al Messaned, UAE<\/li>\n      <\/ul>\n     <\/div>\n    <\/div>\n    <div class=\"mt-12 pt-8 border-t border-slate-300 flex flex-col sm:flex-row justify-between items-center\">\n     <p class=\"text-slate-500 text-sm\">\u00a9 2026 Paruca LLC. All rights reserved.<\/p>\n     <div class=\"flex space-x-6 mt-4 sm:mt-0\"><a href=\"#\" class=\"text-slate-500 text-sm hover:text-white transition-colors\">Privacy Policy<\/a> <a href=\"#\" class=\"text-slate-500 text-sm hover:text-white transition-colors\">Terms of Service<\/a>\n     <\/div>\n    <\/div>\n   <\/div>\n  <\/footer>\n  <script>\n    \/\/ Default configuration\n    const defaultConfig = {\n      company_name: 'Paruca',\n      hero_headline: 'Driving Growth Through Intelligent Commerce & Data-Driven Consulting',\n      hero_subheadline: 'Paruca helps brands scale on leading marketplaces and enables organizations to transform customer value through strategy, data, and AI.',\n      contact_email: 'hello@paruca.com',\n      contact_phone: '050-210-3431',\n      background_color: '#f8fafc',\n      surface_color: '#ffffff',\n      text_color: '#1e293b',\n      primary_action_color: '#0d9488',\n      secondary_action_color: '#0f172a'\n    };\n\n    let config = { ...defaultConfig };\n\n    \/\/ Navigation functionality\n    let currentPage = 'home';\n\n    function navigateTo(page) {\n      \/\/ Hide all pages\n      document.querySelectorAll('.page-section').forEach(section => {\n        section.classList.remove('active');\n      });\n      \n      \/\/ Show selected page\n      const targetPage = document.getElementById('page-' + page);\n      if (targetPage) {\n        targetPage.classList.add('active');\n      }\n      \n      \/\/ Update nav links\n      document.querySelectorAll('.nav-link').forEach(link => {\n        link.classList.remove('active');\n        if (link.dataset.page === page) {\n          link.classList.add('active');\n        }\n      });\n      \n      \/\/ Scroll to top\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n      \n      currentPage = page;\n      return false;\n    }\n\n    \/\/ Mobile menu functionality\n    function toggleMobileMenu() {\n      const menu = document.getElementById('mobile-menu');\n      const overlay = document.getElementById('mobile-overlay');\n      const hamburger = document.getElementById('mobile-menu-btn');\n      \n      if (menu.classList.contains('open')) {\n        menu.classList.remove('open');\n        overlay.classList.add('hidden');\n        document.body.style.overflow = '';\n        if (hamburger) hamburger.classList.remove('hidden');\n      } else {\n        menu.classList.add('open');\n        overlay.classList.remove('hidden');\n        document.body.style.overflow = 'hidden';\n        if (hamburger) hamburger.classList.add('hidden');\n      }\n    }\n\n    \/\/ Form submission handler\n    function handleFormSubmit(event) {\n      event.preventDefault();\n      const form = document.getElementById('contact-form');\n      const successMessage = document.getElementById('form-success');\n      \n      \/\/ Show success message\n      successMessage.classList.remove('hidden');\n      \n      \/\/ Reset form\n      form.reset();\n      \n      \/\/ Hide success message after 5 seconds\n      setTimeout(() => {\n        successMessage.classList.add('hidden');\n      }, 5000);\n    }\n\n    \/\/ Config change handler\n    async function onConfigChange(newConfig) {\n      config = { ...defaultConfig, ...newConfig };\n      \n      \/\/ Update company name\n      const companyNameElements = [\n        document.getElementById('nav-company-name'),\n        document.getElementById('footer-company-name')\n      ];\n      companyNameElements.forEach(el => {\n        if (el) el.textContent = config.company_name || defaultConfig.company_name;\n      });\n      \n      \/\/ Update hero section\n      const heroHeadline = document.getElementById('hero-headline');\n      if (heroHeadline) heroHeadline.textContent = config.hero_headline || defaultConfig.hero_headline;\n      \n      const heroSubheadline = document.getElementById('hero-subheadline');\n      if (heroSubheadline) heroSubheadline.textContent = config.hero_subheadline || defaultConfig.hero_subheadline;\n      \n      \/\/ Update contact information\n      const contactEmailDisplay = document.getElementById('contact-email-display');\n      if (contactEmailDisplay) contactEmailDisplay.textContent = config.contact_email || defaultConfig.contact_email;\n      \n      const contactPhoneDisplay = document.getElementById('contact-phone-display');\n      if (contactPhoneDisplay) contactPhoneDisplay.textContent = config.contact_phone || defaultConfig.contact_phone;\n      \n      const footerEmail = document.getElementById('footer-email');\n      if (footerEmail) footerEmail.textContent = config.contact_email || defaultConfig.contact_email;\n      \n      const footerPhone = document.getElementById('footer-phone');\n      if (footerPhone) footerPhone.textContent = config.contact_phone || defaultConfig.contact_phone;\n    }\n\n    \/\/ Map to capabilities for the Element SDK\n    function mapToCapabilities(config) {\n      return {\n        recolorables: [\n          {\n            get: () => config.background_color || defaultConfig.background_color,\n            set: (value) => {\n              config.background_color = value;\n              if (window.elementSdk) window.elementSdk.setConfig({ background_color: value });\n            }\n          },\n          {\n            get: () => config.surface_color || defaultConfig.surface_color,\n            set: (value) => {\n              config.surface_color = value;\n              if (window.elementSdk) window.elementSdk.setConfig({ surface_color: value });\n            }\n          },\n          {\n            get: () => config.text_color || defaultConfig.text_color,\n            set: (value) => {\n              config.text_color = value;\n              if (window.elementSdk) window.elementSdk.setConfig({ text_color: value });\n            }\n          },\n          {\n            get: () => config.primary_action_color || defaultConfig.primary_action_color,\n            set: (value) => {\n              config.primary_action_color = value;\n              if (window.elementSdk) window.elementSdk.setConfig({ primary_action_color: value });\n            }\n          },\n          {\n            get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\n            set: (value) => {\n              config.secondary_action_color = value;\n              if (window.elementSdk) window.elementSdk.setConfig({ secondary_action_color: value });\n            }\n          }\n        ],\n        borderables: [],\n        fontEditable: undefined,\n        fontSizeable: undefined\n      };\n    }\n\n    \/\/ Map to edit panel values\n    function mapToEditPanelValues(config) {\n      return new Map([\n        ['company_name', config.company_name || defaultConfig.company_name],\n        ['hero_headline', config.hero_headline || defaultConfig.hero_headline],\n        ['hero_subheadline', config.hero_subheadline || defaultConfig.hero_subheadline],\n        ['contact_email', config.contact_email || defaultConfig.contact_email],\n        ['contact_phone', config.contact_phone || defaultConfig.contact_phone]\n      ]);\n    }\n\n    \/\/ Initialize Element SDK\n    if (window.elementSdk) {\n      window.elementSdk.init({\n        defaultConfig,\n        onConfigChange,\n        mapToCapabilities,\n        mapToEditPanelValues\n      });\n    }\n\n    \/\/ Initial render\n    onConfigChange(config);\n  <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9c4f6c21e785c972',t:'MTc2OTU5MjExNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Paruca &#8211; Intelligent Commerce &amp; Data-Driven Consulting Home E-commerce Consulting Industries Insights About Contact Book a Consultation Home E-commerce Consulting Industries Insights About Contact Book a Consultation Driving Growth Through Intelligent Commerce &amp; Data-Driven Consulting Paruca helps brands scale on leading marketplaces and enables organizations to transform customer value through strategy, data, and AI. Explore&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin","author_link":"https:\/\/paruca.com\/index.php\/author\/admin\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/paruca.com\/index.php\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paruca.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paruca.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paruca.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paruca.com\/index.php\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":8,"href":"https:\/\/paruca.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/paruca.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/paruca.com\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}