{"id":7,"date":"2026-04-01T05:00:25","date_gmt":"2026-04-01T05:00:25","guid":{"rendered":"https:\/\/digilexpro.cc\/?page_id=7"},"modified":"2026-04-13T04:08:35","modified_gmt":"2026-04-13T04:08:35","slug":"home","status":"publish","type":"page","link":"https:\/\/digilexpro.cc\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-69c543d4 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"69c543d4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a0632d9\" data-id=\"5a0632d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-acf3962 elementor-widget elementor-widget-html\" data-id=\"acf3962\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n  \/* Enforce Absolute Full-Width Fixed Header Override *\/\n  .site-header {\n    position: fixed !important; \n    top: 0 !important; \n    left: 0 !important;\n    width: 100% !important;\n    max-width: 100vw !important;\n    z-index: 9999 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: rgba(10, 10, 11, 0.9) !important;\n    backdrop-filter: blur(10px) !important;\n    box-sizing: border-box !important;\n  }\n  \n  .elementor-section:has(.site-header) {\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  \n  \/* Push hero down so it doesn't overlap with the newly fixed header *\/\n  .elementor-section:has(.hero) {\n    margin-top: 80px !important;\n  }\n\n  \/* Force transparent hamburger background over Elementor's Global Theme Colors *\/\n  .site-header button.mobile-menu-toggle { background-color: transparent !important; border: none !important; box-shadow: none !important; padding: 10px !important; }\n  \n  \/* Fix Pink Button Active\/Hover status *\/\n  .site-header button.btn-pill:hover, .site-header button.btn-pill:active, .site-header button.btn-pill:focus,\n  .mobile-nav-inner button.mobile-btn:hover, .mobile-nav-inner button.mobile-btn:active, .mobile-nav-inner button.mobile-btn:focus {\n    background-color: #0077b5 !important; \/* Digilex blue *\/\n    color: #ffffff !important;\n    border: none !important;\n    outline: none !important;\n  }\n  .site-header button.btn-pill, .mobile-nav-inner button.mobile-btn {\n    background-color: #ffffff !important;\n    color: #0a0a0b !important;\n    border: none !important;\n  }\n\n  \/* Restore Aurora Magic for Hero Section *\/\n  .digilex-aurora-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; pointer-events: none; }\n  .aurora-blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.5; animation: auroraFloat 15s infinite alternate ease-in-out; }\n  .blob-blue { width: 400px; height: 400px; background: rgba(0, 119, 181, 0.4); top: -100px; left: -100px; }\n  .blob-green { width: 500px; height: 500px; background: rgba(0, 204, 153, 0.25); bottom: -150px; right: -100px; animation-delay: -5s; }\n  @keyframes auroraFloat { 0% { transform: translateY(0) scale(1); } 100% { transform: translateY(60px) scale(1.1); } }\n\n  \/* Desktop Responsive Adjustments *\/\n  \/*@media (min-width: 1025px) {*\/\n    \/* Explode Aurora blobs to cover entire hero section *\/\n  \/*  .blob-blue { width: 100vw; height: 100vh; filter: blur(150px); top: -10%; left: -10%; }*\/\n  \/*  .blob-green { width: 100vw; height: 100vh; filter: blur(160px); bottom: -20%; right: -10%; }*\/\n    \/* Enhance Desktop Margin for Social Proof *\/\n  \/*  .hero-social-proof { margin-top: 80px !important; }*\/\n  \/*}*\/\n\n  \/* Force Hero Section to explode into 100vw unconditionally *\/\n  .elementor-section:has(.hero) {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    left: calc(-50vw + 50%) !important;\n    position: relative;\n    box-sizing: border-box;\n  }\n\n  \/* Mobile Responsive Fixes *\/\n  @media (max-width: 768px) {\n    .site-header { padding: 0 15px !important; }\n    .hero-image img { margin-top: -32px !important; }\n  }\n<\/style>\n<header class=\"site-header\">\n  <div class=\"container header-inner\">\n    <a href=\"#\" class=\"logo\">\n      <img decoding=\"async\" src=\"https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/digilexpro-horizontal-white-with-tagline.png\" alt=\"DigilexPro\" style=\"height: 36px;\" \/>\n    <\/a>\n    <nav class=\"desktop-nav\">\n    <a href=\"#about\">About<\/a>\n      <a href=\"#services\">Services<\/a>\n      <a href=\"#portfolio\">Our Work<\/a>\n      <a href=\"#our-process\">Process<\/a>\n      <button class=\"btn-pill\" onclick=\"\n      document.getElementById('cta').scrollIntoView({ behavior: 'smooth' })\">Let's Plan<\/button>\n    <\/nav>\n    <button class=\"mobile-menu-toggle\" aria-controls=\"mobile-menu\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\n      <span class=\"hamburger-line\"><\/span><span class=\"hamburger-line\"><\/span><span class=\"hamburger-line\"><\/span>\n    <\/button>\n  <\/div>\n<\/header>\n<nav id=\"mobile-menu\" class=\"mobile-nav-overlay\" aria-hidden=\"true\">\n  <div class=\"mobile-nav-inner\">\n   <a href=\"#about\" class=\"mobile-link\">About<\/a>\n    <a href=\"#services\" class=\"mobile-link\">Services<\/a>\n    <a href=\"#portfolio\" class=\"mobile-link\">Our Work<\/a>\n    <a href=\"#our-process\" class=\"mobile-link\">Process<\/a>\n    <button class=\"btn-pill mobile-btn\" onclick=\"document.getElementById('cta').scrollIntoView({ behavior: 'smooth' }); document.querySelector('.mobile-menu-toggle').click();\">Let's Plan Your Project<\/button>\n  <\/div>\n<\/nav>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2866390e elementor-section-full_width hero elementor-section-height-default elementor-section-height-default\" data-id=\"2866390e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-53b4e5ac\" data-id=\"53b4e5ac\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6aed4cf7 elementor-widget elementor-widget-html\" data-id=\"6aed4cf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.hero .elementor-widget-wrap, .hero .elementor-widget-html, .hero .elementor-widget-container { position: static !important; }<\/style>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\n  <div class=\"digilex-aurora-wrapper\">\n    <div class=\"aurora-blob blob-blue\"><\/div>\n    <div class=\"aurora-blob blob-green\"><\/div>\n    <div class=\"aurora-lines-top-left\"><\/div>\n    <div class=\"aurora-accent-top\"><\/div>\n    <div class=\"aurora-accent-warm\"><\/div>\n    <div class=\"aurora-noise\"><\/div>\n  <\/div>\n  <div class=\"hero-watermark\">PRO<\/div>\n\n  <div class=\"container hero-inner\" style=\"margin-bottom: 120px;\">\n    <div class=\"hero-content fade-up\">\n      <div class=\"hero-badge\"><span class=\"pulse-dot\"><\/span> Available for new projects<\/div>\n      <h1>Modernize Your Business with <span class=\"highlight\" id=\"typewriter-text\"><\/span><span class=\"blinking-cursor\">|<\/span>.<\/h1>\n      <p class=\"hero-sub\">Strategic consulting that bridges the gap between where you are and where the digital world is going.<\/p>\n      <div class=\"hero-cta-group\">\n        <button class=\"btn-gradient hero-btn\" onclick=\"document.getElementById('cta').scrollIntoView({ behavior: 'smooth' })\">Book a Strategy Call<\/button>\n        <div class=\"hero-trust-text\"><i class=\"fas fa-check-circle\"><\/i> Free 15-minute chat. Leave with a clear roadmap.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero-image fade-up\">\n      <img decoding=\"async\" src=\"https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/hero-3d-arrow.png\" alt=\"DigilexPro 3D Logo\" style=\"width:100%; height:auto;\" \/>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-social-proof\" style=\"padding:0px;\">\n    <div class=\"trust-label\">TRUSTED BY INNOVATIVE BRANDS<\/div>\n    <div class=\"logo-marquee\">\n      <div class=\"logo-track\">\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x80\/transparent\/333\/png?text=14+Advisors\" alt=\"14 Advisors\" \/>\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x80\/transparent\/333\/png?text=Ritzy+Room\" alt=\"Ritzy Room\" \/>\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x80\/transparent\/333\/png?text=Enovara\" alt=\"Enovara\" \/>\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x80\/transparent\/333\/png?text=Sand+Valley\" alt=\"Sand Valley\" \/>\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x80\/transparent\/333\/png?text=14+Advisors\" alt=\"14 Advisors\" \/>\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x80\/transparent\/333\/png?text=Ritzy+Room\" alt=\"Ritzy Room\" \/>\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x80\/transparent\/333\/png?text=Enovara\" alt=\"Enovara\" \/>\n        <img decoding=\"async\" src=\"https:\/\/placehold.co\/200x80\/transparent\/333\/png?text=Sand+Valley\" alt=\"Sand Valley\" \/>\n      <\/div>\n    <\/div>\n  <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-745d4fd4 elementor-section-full_width trust elementor-section-height-default elementor-section-height-default\" data-id=\"745d4fd4\" data-element_type=\"section\" data-e-type=\"section\" id=\"about\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-72101a96\" data-id=\"72101a96\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79587dd8 elementor-widget elementor-widget-html\" data-id=\"79587dd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n      <div class=\"container\" style=\"align-items: flex-start; display: flex; gap: 80px;\">\n        <div class=\"about-content fade-up\" style=\"flex: 1\">\n          <div class=\"method-label\" style=\"display:inline-block;padding:8px 16px;border-radius:20px;background:rgba(0,204,153,0.1);color:#00CC99;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;\">About Us<\/div>\n          <h2 style=\"font-family: var(--font-heading); font-weight: 700; font-size: clamp(32px, 3.5vw, 44px); margin-bottom: 24px; line-height: 1.2;\">Engineering Digital Excellence.<\/h2>\n          <p style=\"font-size: 16px; color: var(--text-muted); line-height: 1.7; margin-bottom: 48px; max-width: 540px;\">For over two years, DigilexPro has partnered with ambitious brands to bridge the gap between their current capabilities and the digital future. We don't just build websites; we design scalable, high-converting digital ecosystems that eliminate friction and drive compounding revenue growth.<\/p>\n\n          <div class=\"trust-metrics\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 40px 24px; margin-bottom: 48px;\">\n            <div class=\"metric\" style=\"margin-bottom: 0\">\n              <div class=\"metric-number\" data-target=\"99.9\" data-suffix=\"%\">99.9%<\/div>\n              <div class=\"metric-label\">Uptime & Digital Stability<\/div>\n            <\/div>\n            <div class=\"metric\" style=\"margin-bottom: 0\">\n              <div class=\"metric-number green\" data-target=\"50\" data-suffix=\"+\">50+<\/div>\n              <div class=\"metric-label\">Brands Successfully Scaled<\/div>\n            <\/div>\n            <div class=\"metric\" style=\"margin-bottom: 0\">\n              <div class=\"metric-number\" data-target=\"3\" data-suffix=\"X\">3X<\/div>\n              <div class=\"metric-label\">Average Client ROI<\/div>\n            <\/div>\n            <div class=\"metric\" style=\"margin-bottom: 0\">\n              <div class=\"metric-number green\" data-target=\"98\" data-suffix=\"%\">98%<\/div>\n              <div class=\"metric-label\">Client Retention Rate<\/div>\n            <\/div>\n          <\/div>\n\n          <a href=\"#portfolio\" class=\"btn-outline\">EXPLORE OUR WORK \u2192<\/a>\n        <\/div>\n\n        <div class=\"trust-image fade-up\">\n          <img decoding=\"async\" src=\"https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/consultant.jpg\" alt=\"DigilexPro Consultant\" style=\"border-radius: 16px;\" \/>\n          <p class=\"trust-badge\" style=\"text-align: center; margin-top: 16px; font-style: italic; font-size: 14px; color: var(--text-dim);\">Expertise is personal. We partner for growth.<\/p>\n        <\/div>\n      <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a4f40e7 elementor-section-full_width services elementor-section-height-default elementor-section-height-default\" data-id=\"7a4f40e7\" data-element_type=\"section\" data-e-type=\"section\" id=\"services\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ea3e8ae\" data-id=\"1ea3e8ae\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-19d13ab elementor-widget elementor-widget-html\" data-id=\"19d13ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n      <div class=\"container\">\n        <h2 class=\"section-header fade-up\">Our Services<\/h2>\n        <p class=\"section-sub fade-up\">End-to-end digital solutions engineered for measurable growth.<\/p>\n        <div class=\"services-grid\">\n          <div class=\"service-card tall fade-up\">\n            <div class=\"icon\"><i class=\"fas fa-code\"><\/i><\/div>\n            <h3>High-Performance Web Architecture<\/h3>\n            <p>Beyond aesthetics. We build lightning-fast, SEO-optimized digital hubs designed to convert casual visitors into loyal brand advocates. Scalable, secure, and built for the future.<\/p>\n          <\/div>\n          <div class=\"service-card fade-up\">\n            <div class=\"icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n            <h3>Full-Funnel Digital Marketing<\/h3>\n            <p>Data-backed strategies that eliminate guesswork and align your marketing spend with actual business KPIs.<\/p>\n          <\/div>\n          <div class=\"service-card tall fade-up\">\n            <div class=\"icon\"><i class=\"fas fa-video\"><\/i><\/div>\n            <h3>Content & Video Production<\/h3>\n            <p>Stop the scroll with high-impact short-form video. We handle ideation, editing, and distribution so your brand stays relevant 24\/7.<\/p>\n          <\/div>\n          <div class=\"service-card fade-up\">\n            <div class=\"icon\"><i class=\"fas fa-palette\"><\/i><\/div>\n            <h3>Identity & Branding<\/h3>\n            <p>Visual storytelling that commands attention. We define your brand's DNA through premium design and voice guidelines.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d36480d portfolio elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d36480d\" data-element_type=\"section\" data-e-type=\"section\" id=\"portfolio\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4de461ee\" data-id=\"4de461ee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5261c0e3 elementor-widget elementor-widget-heading\" data-id=\"5261c0e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Work<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-195d55e7 elementor-widget elementor-widget-text-editor\" data-id=\"195d55e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"section-sub fade-up\" style=\"text-align:center; max-width:600px; margin:0 auto 4rem auto; font-size:1.125rem; color:var(--text-muted)\">Selected projects that showcase our commitment to digital excellence.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59ff3298 elementor-widget elementor-widget-html\" data-id=\"59ff3298\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"portfolio-grid\">\n  <div class=\"portfolio-card fade-up\">\n    <img decoding=\"async\" src=\"https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/portfolio-novatech.jpg\" alt=\"NovaTech Rebrand\" \/>\n    <div class=\"portfolio-card-body\">\n      <div class=\"portfolio-cat\">Branding & Identity<\/div>\n      <h3>NovaTech Rebrand<\/h3>\n      <p>Complete brand overhaul for a SaaS startup, including logo design, brand guidelines, and marketing collateral that increased brand recall by 67%.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"portfolio-card fade-up\">\n    <img decoding=\"async\" src=\"https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/portfolio-greenpulse.jpg\" alt=\"GreenPulse E-Commerce\" \/>\n    <div class=\"portfolio-card-body\">\n      <div class=\"portfolio-cat\">Web Development<\/div>\n      <h3>GreenPulse E-Commerce<\/h3>\n      <p>High-performance e-commerce platform built for scale, featuring custom payment integration and real-time analytics dashboard.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"portfolio-card fade-up\">\n    <img decoding=\"async\" src=\"https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/portfolio-skyline.jpg\" alt=\"SkyLine Social Campaign\" \/>\n    <div class=\"portfolio-card-body\">\n      <div class=\"portfolio-cat\">Digital Marketing<\/div>\n      <h3>SkyLine Social Campaign<\/h3>\n      <p>Multi-platform social media campaign that drove 340% increase in engagement and 2.8x ROAS within 90 days.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5bead125 method elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5bead125\" data-element_type=\"section\" data-e-type=\"section\" id=\"our-process\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-531ca013 method-visual fade-up\" data-id=\"531ca013\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1dbcbae6 elementor-widget elementor-widget-image\" data-id=\"1dbcbae6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/method-visual-14.jpg\" class=\"attachment-large size-large wp-image-172\" alt=\"\" srcset=\"https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/method-visual-14.jpg 1024w, https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/method-visual-14-300x300.jpg 300w, https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/method-visual-14-150x150.jpg 150w, https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/method-visual-14-768x768.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1422d888\" data-id=\"1422d888\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-512f6f1e elementor-widget elementor-widget-html\" data-id=\"512f6f1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <div class=\"method-content fade-up\" style=\"width:100%\">\n    <div class=\"method-label\" style=\"display:inline-block;padding:8px 16px;border-radius:20px;background:rgba(0,204,153,0.1);color:#00CC99;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;\">Our Process<\/div>\n    <h2 style=\"font-size:44px;font-weight:700;margin-bottom:48px;\">The Digilex Method<\/h2>\n    <div class=\"accordion\">\n      <div class=\"accordion-item\">\n        <div class=\"accordion-header active\" onclick=\"toggleAccordion(this)\">\n          <span>01. Discover & Audit<\/span><i class=\"fas fa-plus icon\"><\/i>\n        <\/div>\n        <div class=\"accordion-body open\">We analyze your current digital footprint, identifying friction points and untapped revenue opportunities. This deep-dive forms the foundation for every strategic decision.<\/div>\n      <\/div>\n      <div class=\"accordion-item\">\n        <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span>02. Strategic Architecture<\/span><i class=\"fas fa-plus icon\"><\/i>\n        <\/div>\n        <div class=\"accordion-body\">We design a comprehensive digital blueprint tailored to your business goals, market position, and growth trajectory. Every touchpoint is mapped for maximum impact.<\/div>\n      <\/div>\n      <div class=\"accordion-item\">\n        <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span>03. Precision Execution<\/span><i class=\"fas fa-plus icon\"><\/i>\n        <\/div>\n        <div class=\"accordion-body\">Our team delivers with surgical precision \u2014 building, deploying, and integrating every component of your digital ecosystem with zero compromises on quality.<\/div>\n      <\/div>\n      <div class=\"accordion-item\">\n        <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n          <span>04. Optimize & Scale<\/span><i class=\"fas fa-plus icon\"><\/i>\n        <\/div>\n        <div class=\"accordion-body\">We continuously monitor, test, and refine your digital assets using real-time analytics, ensuring sustained growth and compounding returns.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1395b48a testimonials elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1395b48a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2f326d92\" data-id=\"2f326d92\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-36f5e9d elementor-widget elementor-widget-heading\" data-id=\"36f5e9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client Testimonials<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39fa232c elementor-widget elementor-widget-html\" data-id=\"39fa232c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"testimonial-window\">\n  <div class=\"testimonial-track\">\n    \n<div class=\"testimonial-card\">\n  <div class=\"client-info\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=faces\" alt=\"John Doe\" class=\"client-img\" loading=\"lazy\" \/>\n    <div><span class=\"client-name\">John Doe<\/span><span class=\"client-org\">Migration Counter<\/span><\/div>\n  <\/div>\n  <blockquote>\"The technical architecture provided was beyond our expectations. Our site speed improved by 200% within the first month.\"<\/blockquote>\n<\/div>\n<div class=\"testimonial-card\">\n  <div class=\"client-info\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop&crop=faces\" alt=\"Alice Smith\" class=\"client-img\" loading=\"lazy\" \/>\n    <div><span class=\"client-name\">Alice Smith<\/span><span class=\"client-org\">14 Advisors<\/span><\/div>\n  <\/div>\n  <blockquote>\"A true partner in development. They don't just write code; they solve business problems. Highly recommended for scaling.\"<\/blockquote>\n<\/div>\n<div class=\"testimonial-card\">\n  <div class=\"client-info\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop&crop=faces\" alt=\"Marcus Kane\" class=\"client-img\" loading=\"lazy\" \/>\n    <div><span class=\"client-name\">Marcus Kane<\/span><span class=\"client-org\">Cornell University<\/span><\/div>\n  <\/div>\n  <blockquote>\"The attention to detail in the SEO and accessibility phase ensured our project met all institutional standards effortlessly.\"<\/blockquote>\n<\/div>\n<div class=\"testimonial-card\">\n  <div class=\"client-info\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1762796159022-6771e710aced?w=150&h=150&fit=crop&crop=faces\" alt=\"Elena Lopez\" class=\"client-img\" loading=\"lazy\" \/>\n    <div><span class=\"client-name\">Elena Lopez<\/span><span class=\"client-org\">Sand Valley<\/span><\/div>\n  <\/div>\n  <blockquote>\"Our conversion rate tripled after the redesign. The clean, high-end feel perfectly captures our brand's premium essence.\"<\/blockquote>\n<\/div>\n\n    \n<div class=\"testimonial-card\">\n  <div class=\"client-info\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=faces\" alt=\"John Doe\" class=\"client-img\" loading=\"lazy\" \/>\n    <div><span class=\"client-name\">John Doe<\/span><span class=\"client-org\">Migration Counter<\/span><\/div>\n  <\/div>\n  <blockquote>\"The technical architecture provided was beyond our expectations. Our site speed improved by 200% within the first month.\"<\/blockquote>\n<\/div>\n<div class=\"testimonial-card\">\n  <div class=\"client-info\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop&crop=faces\" alt=\"Alice Smith\" class=\"client-img\" loading=\"lazy\" \/>\n    <div><span class=\"client-name\">Alice Smith<\/span><span class=\"client-org\">14 Advisors<\/span><\/div>\n  <\/div>\n  <blockquote>\"A true partner in development. They don't just write code; they solve business problems. Highly recommended for scaling.\"<\/blockquote>\n<\/div>\n<div class=\"testimonial-card\">\n  <div class=\"client-info\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop&crop=faces\" alt=\"Marcus Kane\" class=\"client-img\" loading=\"lazy\" \/>\n    <div><span class=\"client-name\">Marcus Kane<\/span><span class=\"client-org\">Cornell University<\/span><\/div>\n  <\/div>\n  <blockquote>\"The attention to detail in the SEO and accessibility phase ensured our project met all institutional standards effortlessly.\"<\/blockquote>\n<\/div>\n<div class=\"testimonial-card\">\n  <div class=\"client-info\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=faces\" alt=\"Elena Lopez\" class=\"client-img\" loading=\"lazy\" \/>\n    <div><span class=\"client-name\">Elena Lopez<\/span><span class=\"client-org\">Sand Valley<\/span><\/div>\n  <\/div>\n  <blockquote>\"Our conversion rate tripled after the redesign. The clean, high-end feel perfectly captures our brand's premium essence.\"<\/blockquote>\n<\/div>\n\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b53ee2c cta elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b53ee2c\" data-element_type=\"section\" data-e-type=\"section\" id=\"cta\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-439c5a01\" data-id=\"439c5a01\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d00fd88 elementor-widget elementor-widget-html\" data-id=\"d00fd88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n  <div class=\"cta-label fade-up\">Ready to Dominate Your Market?<\/div>\n  <h2 class=\"fade-up\" style=\"font-size:clamp(36px,5vw,56px);font-weight:700;margin-bottom:24px;text-align:center;\">Let's Build Your Digital Future.<\/h2>\n  <p class=\"cta-desc fade-up\" style=\"color:var(--text-muted);margin:0 auto 40px auto;max-width:600px;text-align:center;font-size:18px;\">Stop losing high-value clients to outdated digital infrastructure. Partner with DigilexPro to engineer a digital ecosystem that works as hard as you do.<\/p>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a7ccfa elementor-widget elementor-widget-shortcode\" data-id=\"9a7ccfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Us<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='7' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"e5d1ce4a01\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F7\" \/><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 49.82%;'><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_names_first_name_' id='label_ff_3_names_first_name_' >Full Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your Full Name\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50.18%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"john@hotmail.com\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_url' id='label_ff_3_url' aria-label=\"Website URL\">Website URL<\/label><\/div><div class='ff-el-input--content'><input type=\"url\" name=\"url\" class=\"ff-el-form-control\" placeholder=\"https:\/\/yoursite.com\" data-name=\"url\" id=\"ff_3_url\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_description' id='label_ff_3_description' aria-label=\"What is your biggest digital roadblock?\">What is your biggest digital roadblock?<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_3_description\" name=\"description\" id=\"ff_3_description\" class=\"ff-el-form-control\" placeholder=\"Tell us about your challenges...\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-sm ff_btn_style\"  aria-label=\"BOOK A STRATEGY CALL\">BOOK A STRATEGY CALL<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"url\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"url\":{\"value\":true,\"message\":\"This field must contain a valid url\",\"global_message\":\"This field must contain a valid url\",\"global\":true}},\"description\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n            <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d1ce15b footer elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d1ce15b\" data-element_type=\"section\" data-e-type=\"section\" id=\"footer\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c434c7d\" data-id=\"4c434c7d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7d7b44ce elementor-widget elementor-widget-html\" data-id=\"7d7b44ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"footer-watermark\">DIGILEX PRO<\/div>\n<div class=\"footer-grid\">\n  <div class=\"footer-brand\">\n    <img decoding=\"async\" src=\"https:\/\/digilexpro.cc\/wp-content\/uploads\/2026\/04\/digilexpro-horizontal-white-with-tagline.png\" alt=\"DigilexPro\" \/>\n    <p>Innovative solutions for the digital age.<\/p>\n    <div class=\"footer-copy\">\u00a9 2026 DigilexPro. All rights reserved.<\/div>\n  <\/div>\n  <div>\n    <h4>Explore<\/h4>\n    <ul class=\"footer-links\" style=\"list-style:none;padding:0;margin:0;\">\n      <li><a href=\"#about\">About<\/a><\/li>\n      <li><a href=\"#services\">Services<\/a><\/li>\n      <li><a href=\"#our-process\">Our Process<\/a><\/li>\n      <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\n    <\/ul>\n  <\/div>\n  <div class=\"footer-contact\">\n    <h4>Global Strategy. Local Precision.<\/h4>\n    <p class=\"contact-item\"><i class=\"fas fa-envelope\"><\/i><a href=\"mailto:contact@digilexpro.cc\">contact@digilexpro.cc<\/a><\/p>\n    <p class=\"contact-item\"><i class=\"fas fa-phone-alt\"><\/i><a href=\"tel:+94772044152\">+94 77 204 4152<\/a><\/p>\n    <p style=\"color: var(--text-dim); font-size: 14px; margin-top: 8px\">Colombo, Sri Lanka | Serving Clients Worldwide<\/p>\n    <div class=\"footer-socials\">\n      <a href=\"#\" aria-label=\"LinkedIn\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n      <a href=\"#\" aria-label=\"X (formerly Twitter)\"><i class=\"fab fa-x-twitter\"><\/i><\/a>\n      <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n    <\/div>\n  <\/div>\n<script>function initTypewriter() {\n  const textToType = \"DigilexPro\";\n  const targetElement = document.getElementById(\"typewriter-text\");\n  if (!targetElement) return;\n\n  \/\/ Timing Settings (in milliseconds)\n  const typeSpeed = 100; \/\/ Speed of typing\n  const deleteSpeed = 50; \/\/ Speed of backspacing (faster)\n  const pauseEnd = 2500; \/\/ How long to wait when the word is fully typed\n  const pauseStart = 500; \/\/ How long to wait before typing starts again\n\n  let charIndex = 0;\n  let isDeleting = false;\n\n  function typeWriterLoop() {\n    \/\/ 1. Determine the current text based on the index\n    const currentText = textToType.substring(0, charIndex);\n    targetElement.innerHTML = currentText;\n\n    \/\/ 2. Determine the speed for this specific frame\n    let typingDelay = isDeleting ? deleteSpeed : typeSpeed;\n\n    \/\/ Add slight organic variance to the typing speed\n    if (!isDeleting) {\n      typingDelay += Math.random() * 40 - 20;\n    }\n\n    \/\/ 3. Logic for Typing vs. Deleting\n    if (!isDeleting && charIndex < textToType.length) {\n      \/\/ We are typing and haven't reached the end\n      charIndex++;\n      setTimeout(typeWriterLoop, typingDelay);\n    } else if (isDeleting && charIndex > 0) {\n      \/\/ We are deleting and haven't reached the beginning\n      charIndex--;\n      setTimeout(typeWriterLoop, typingDelay);\n    } else if (!isDeleting && charIndex === textToType.length) {\n      \/\/ Word is fully typed! Pause, then switch to deleting\n      isDeleting = true;\n      setTimeout(typeWriterLoop, pauseEnd);\n    } else if (isDeleting && charIndex === 0) {\n      \/\/ Word is fully deleted! Pause, then switch back to typing\n      isDeleting = false;\n      setTimeout(typeWriterLoop, pauseStart);\n    }\n  }\n\n  \/\/ Start the loop\n  setTimeout(typeWriterLoop, pauseStart);\n}\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", initTypewriter);\n} else {\n  initTypewriter();\n}\n\/\/ Accordion\nfunction toggleAccordion(header) {\n  const allHeaders = document.querySelectorAll(\".accordion-header\");\n  const allBodies = document.querySelectorAll(\".accordion-body\");\n  const body = header.nextElementSibling;\n  const isOpen = body.classList.contains(\"open\");\n\n  allHeaders.forEach((h) => h.classList.remove(\"active\"));\n  allBodies.forEach((b) => b.classList.remove(\"open\"));\n\n  if (!isOpen) {\n    header.classList.add(\"active\");\n    body.classList.add(\"open\");\n  }\n}\n\n\/\/ Scroll animations\nconst observer = new IntersectionObserver(\n  (entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"visible\");\n      }\n    });\n  },\n  { threshold: 0.1, rootMargin: \"0px 0px -50px 0px\" },\n);\n\ndocument.querySelectorAll(\".fade-up\").forEach((el) => observer.observe(el));\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const toggleBtn = document.querySelector(\".mobile-menu-toggle\");\n  const mobileMenu = document.getElementById(\"mobile-menu\");\n  const mobileLinks = document.querySelectorAll(\".mobile-link, .mobile-btn\");\n\n  \/\/ Toggle menu open\/close\n  toggleBtn.addEventListener(\"click\", () => {\n    const isExpanded = toggleBtn.getAttribute(\"aria-expanded\") === \"true\";\n\n    \/\/ Update Accessibility State\n    toggleBtn.setAttribute(\"aria-expanded\", !isExpanded);\n    mobileMenu.setAttribute(\"aria-hidden\", isExpanded);\n\n    \/\/ Toggle Visual State\n    mobileMenu.classList.toggle(\"is-open\");\n\n    \/\/ Prevent background scrolling when menu is open\n    document.body.style.overflow = isExpanded ? \"\" : \"hidden\";\n  });\n\n  \/\/ Close menu when a link is clicked\n  mobileLinks.forEach((link) => {\n    link.addEventListener(\"click\", () => {\n      toggleBtn.setAttribute(\"aria-expanded\", \"false\");\n      mobileMenu.setAttribute(\"aria-hidden\", \"true\");\n      mobileMenu.classList.remove(\"is-open\");\n      document.body.style.overflow = \"\";\n    });\n  });\n});\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const counters = document.querySelectorAll(\".metric-number\");\n  const animationDuration = 2000; \/\/ How long the animation takes (2 seconds)\n\n  const animateCounter = (counter) => {\n    \/\/ 1. Extract data from your HTML attributes\n    const target = parseFloat(counter.getAttribute(\"data-target\"));\n    const suffix = counter.getAttribute(\"data-suffix\") || \"\";\n    const prefix = counter.getAttribute(\"data-prefix\") || \"\";\n\n    \/\/ 2. Determine if the target is a decimal (like 99.9) or a whole number (like 50)\n    const isFloat = target % 1 !== 0;\n\n    let startTime = null;\n\n    \/\/ 3. The animation loop\n    const step = (currentTime) => {\n      if (!startTime) startTime = currentTime;\n      const progress = Math.min(\n        (currentTime - startTime) \/ animationDuration,\n        1,\n      );\n\n      \/\/ Premium Ease-Out Effect (Starts fast, slows down smoothly at the end)\n      const easeProgress = progress === 1 ? 1 : 1 - Math.pow(2, -10 * progress);\n      const currentNum = target * easeProgress;\n\n      \/\/ 4. Update the text based on float vs integer\n      if (isFloat) {\n        counter.innerText = `${prefix}${currentNum.toFixed(1)}${suffix}`;\n      } else {\n        counter.innerText = `${prefix}${Math.floor(currentNum)}${suffix}`;\n      }\n\n      \/\/ 5. Keep looping until finished\n      if (progress < 1) {\n        window.requestAnimationFrame(step);\n      } else {\n        \/\/ Failsafe: Ensure the exact target number is locked in at the end\n        counter.innerText = `${prefix}${target}${suffix}`;\n      }\n    };\n\n    \/\/ Set initial value to 0 before starting\n    counter.innerText = `${prefix}0${suffix}`;\n    window.requestAnimationFrame(step);\n  };\n\n  \/\/ 6. Use IntersectionObserver to trigger ONLY when the user scrolls to this section\n  const observer = new IntersectionObserver(\n    (entries, observer) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          animateCounter(entry.target);\n          observer.unobserve(entry.target); \/\/ Stop observing so it only animates once\n        }\n      });\n    },\n    {\n      threshold: 0.5, \/\/ Triggers when the metrics are 50% visible on screen\n    },\n  );\n\n  \/\/ 7. Attach the observer to all metric numbers\n  counters.forEach((counter) => {\n    observer.observe(counter);\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Services Our Work Process Let&#8217;s Plan About Services Our Work Process Let&#8217;s Plan Your Project PRO Available for new projects Modernize Your Business with |. Strategic consulting that bridges the gap between where you are and where the digital world is going. Book a Strategy Call Free 15-minute chat. Leave with a clear roadmap. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digilexpro.cc\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digilexpro.cc\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digilexpro.cc\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digilexpro.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digilexpro.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":148,"href":"https:\/\/digilexpro.cc\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/digilexpro.cc\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/digilexpro.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}