<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Basic Meta -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Primary Meta Tags -->
  <title>GetDigitize - AI-Powered Digital Transformation</title>
  <meta name="title" content="GetDigitize - AI-Powered Digital Transformation">
  <meta name="description" content="GetDigitize provides cutting-edge AI-powered solutions for digital transformation. We help businesses leverage AI for growth, efficiency, and innovation.">
  <meta name="keywords" content="AI solutions, digital transformation, business automation, AI consulting, machine learning, data analytics, business intelligence, GetDigitize">
  <meta name="author" content="GetDigitize Team">
  <meta name="robots" content="index, follow">

  <!-- Canonical URL -->
  <link rel="canonical" href="https://www.getdigitize.com/">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.getdigitize.com/">
  <meta property="og:title" content="GetDigitize - AI-Powered Digital Transformation">
  <meta property="og:description" content="Transform your business with AI-powered solutions. From automation to advanced analytics, we help you stay ahead in the digital age.">
  <meta property="og:image" content="https://getdigitize.com/images/og-image.png">
  <meta property="og:site_name" content="GetDigitize">
  <meta property="og:locale" content="en_US">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:url" content="https://www.getdigitize.com/">
  <meta name="twitter:title" content="GetDigitize - AI-Powered Digital Transformation">
  <meta name="twitter:description" content="Empowering businesses with AI-driven solutions for the digital age. Transform, automate, and grow with our cutting-edge technology.">
  <meta name="twitter:image" content="https://getdigitize.com/images/twitter-image.png">
  <meta name="twitter:site" content="@getdigitize">
  <meta name="twitter:creator" content="@getdigitize">

  <!-- Schema.org JSON-LD -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "GetDigitize",
      "url": "https://getdigitize.com",
      "description": "GetDigitize provides AI-powered digital transformation solutions, helping businesses leverage cutting-edge technology for growth and efficiency.",
      "publisher": {
        "@type": "Organization",
        "name": "GetDigitize",
        "logo": {
          "@type": "ImageObject",
          "url": "https://getdigitize.com/images/logo.png"
        }
      },
      "sameAs": [
        "https://twitter.com/getdigitize",
        "https://github.com/getdigitize",
        "https://linkedin.com/company/getdigitize"
      ]
    }
  </script>

  <!-- Theme & Branding -->
  <meta name="theme-color" content="#000000">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  <!-- Styles & Scripts -->
  <link rel="stylesheet" href="dist/output.css?v=1.0.0">

  <script defer>
    // Toggle mobile menu and icon
    document.addEventListener("DOMContentLoaded", function() {
      const toggleButton = document.getElementById("mobile-menu-toggle");
      const mobileMenu = document.getElementById("mobile-menu");
      const icon = document.getElementById("menu-icon");

      toggleButton.addEventListener("click", () => {
        mobileMenu.classList.toggle("hidden");

        // Toggle between ☰ and ✕
        if (icon.textContent === "☰") {
          icon.textContent = "✕";
        } else {
          icon.textContent = "☰";
        }
      });
    });
  </script>
</head>

<body class="min-h-screen flex flex-col" itemscope itemtype="https://schema.org/WebPage">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <!-- Header -->
  <header class="fixed top-0 left-0 right-0 bg-white/95 backdrop-blur-sm border-b border-gray-200 z-50 transition-all duration-300" id="header" role="banner" aria-label="Main navigation">
    <div class="max-w-6xl mx-auto lg:px-5">
      <div class="flex justify-between items-center py-4 px-5 lg:px-0">
        <a href="/" class="flex items-center text-2xl font-bold text-gray-900 no-underline">
          <img src="images/logo.svg" alt="GetDigitize Logo" class="w-24" width="96" height="24" loading="lazy">
        </a>

        <nav class="flex items-center gap-8" aria-label="Main navigation">
          <!-- Desktop Menu -->
          <ul class="hidden md:flex list-none gap-8">
            <li><a href="#services" class="no-underline text-gray-900 font-medium hover:text-gray-700 transition-colors">Services</a>
            </li>
            <li><a href="#portfolio" class="no-underline text-gray-900 font-medium hover:text-gray-700 transition-colors">Portfolio</a>
            </li>
            <li><a href="#about" class="no-underline text-gray-900 font-medium hover:text-gray-700 transition-colors">About us</a>
            </li>
            <li><a href="https://getdigitize.com/blog/" target="_blank" class="no-underline text-gray-900 font-medium hover:text-gray-700 transition-colors">Blog</a>
            </li>
            <li>
              <a href="#cta" class="bg-primary-700 text-white  px-6 py-3 rounded-lg no-underline font-semibold transition-all duration-300 hover:bg-primary-800 hover:-translate-y-0.5 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-primary-600 focus:ring-offset-2">Get in touch</a>
            </li>
          </ul>

          <!-- Toggle Button -->
          <button id="mobile-menu-toggle" class="md:hidden bg-none border-none text-2xl cursor-pointer focus:outline-none" aria-label="Toggle mobile menu">
            <span id="menu-icon">☰</span>
          </button>
        </nav>
      </div>

      <!-- Mobile Menu -->
      <div id="mobile-menu" class="md:hidden hidden py-4 px-5 lg:px-0 border-t border-gray-200">
        <ul class="flex flex-col gap-4">
            <li><a href="#services" class="no-underline text-gray-900 font-medium hover:text-gray-700 transition-colors">Services</a>
            </li>
            <li><a href="#portfolio" class="no-underline text-gray-900 font-medium hover:text-gray-700 transition-colors">Portfolio</a>
            </li>
            <li><a href="#about" class="no-underline text-gray-900 font-medium hover:text-gray-700 transition-colors">About us</a>
            </li>
            <li><a href="https://getdigitize.com/blog/" target="_blank" class="no-underline text-gray-900 font-medium hover:text-gray-700 transition-colors">Blog</a>
            </li>
            <li>
              <a href="#cta" class="bg-primary-700 text-white  px-6 py-3 rounded-lg no-underline font-semibold transition-all duration-300 hover:bg-primary-800 hover:-translate-y-0.5 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-primary-600 focus:ring-offset-2">Get in touch</a>
            </li>
        </ul>
      </div>
    </div>
  </header>


  <!-- Hero Section -->
  <section class="bg-gradient-to-br from-primary-200 via-white to-primary-300 py-12 lg:py-24 mt-[65px] relative overflow-hidden" id="hero">

    <div class="max-w-6xl mx-auto px-5">
      <div class="text-center">
        <div class="flex justify-center items-center gap-2">
          <div class="flex items-center">
            <img src="images/user01.png" alt="User" class="w-10 h-10 rounded-full object-cover">
            <img src="images/user02.jpg" alt="User" class="w-10 h-10 rounded-full object-cover -ml-2">
            <img src="images/user03.png" alt="User" class="w-10 h-10 rounded-full object-cover -ml-2">
          </div>
          <div class="flex flex-col items-start justify-start">
            <div class="flex items-center gap-2">
              <div class="star flex items-center gap-1 text-primary-700">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" class="w-4 h-4" fill="currentColor">
                  <g weight="fill">
                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path>
                  </g>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" class="w-4 h-4" fill="currentColor">
                  <g weight="fill">
                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path>
                  </g>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" class="w-4 h-4" fill="currentColor">
                  <g weight="fill">
                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path>
                  </g>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" class="w-4 h-4" fill="currentColor">
                  <g weight="fill">
                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path>
                  </g>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" focusable="false" class="w-4 h-4" fill="currentColor">
                  <g weight="fill">
                    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path>
                  </g>
                </svg>
              </div>
              <div>4.7 / 5</div>
            </div>
            <div class="text-sm text-gray-600">200+ businesses scale</div>
          </div>
        </div>
        <h1 class="text-4xl md:text-6xl font-bold mt-4 mb-6 text-gray-900 !leading-tight max-w-4xl mx-auto">An Integrated creative agency that focuses on your Digital Strategy, Design and Execution.</h1>
        <p class="text-xl mb-8 max-w-3xl mx-auto text-gray-600">To create simple yet meaningful connections between people
          and brands using creativity and thoughtful digital solutions.</p>


        <div class="mt-10 flex flex-col sm:flex-row gap-4 justify-center items-center"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary-700 text-white hover:bg-primary-800 h-14 rounded-md text-lg px-8 py-4 min-w-[200px]" href="#cta">Get in touch with us</a></div>
      </div>
    </div>
  </section>

  <!-- Features Section -->
  <section class="py-12 lg:py-20" id="services">
    <div class="max-w-6xl mx-auto px-5">
      <span class="text-center text-sm font-bold mb-4 text-primary-700 my-auto block uppercase tracking-widest">Our services
      </span>
      <h2 class="text-center text-3xl lg:text-4xl font-bold mb-4 text-gray-900">We provide a wide range of
        creative solutions</h2>
      <p class="text-center text-lg text-gray-600 mb-12 max-w-2xl mx-auto">We offer a range of creative services
        to help you achieve your goals.</p>

      <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mt-12">
        <div class="bg-white p-8 rounded-2xl shadow-md  transition-all duration-300 border border-gray-200 hover:-translate-y-1 hover:shadow-lg">
          <div class="w-16 h-16 bg-primary-50 rounded-2xl flex items-center justify-center mb-6 text-2xl text-primary-700">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8">
              <path d="M4.7134 7.12811L4.46682 7.69379C4.28637 8.10792 3.71357 8.10792 3.53312 7.69379L3.28656 7.12811C2.84706 6.11947 2.05545 5.31641 1.06767 4.87708L0.308047 4.53922C-0.102682 4.35653 -0.102682 3.75881 0.308047 3.57612L1.0252 3.25714C2.03838 2.80651 2.84417 1.97373 3.27612 0.930828L3.52932 0.319534C3.70578 -0.106511 4.29417 -0.106511 4.47063 0.319534L4.72382 0.930828C5.15577 1.97373 5.96158 2.80651 6.9748 3.25714L7.69188 3.57612C8.10271 3.75881 8.10271 4.35653 7.69188 4.53922L6.93228 4.87708C5.94451 5.31641 5.15288 6.11947 4.7134 7.12811ZM18.2278 2.3713L13.2886 6.21289C9.34224 5.23923 5.55843 7.54646 4.5 11.4966C4.39826 11.8763 4.36647 12.262 4.33317 12.666C4.21829 14.0599 4.08554 15.6707 1 17.9966C3.5 19.4966 8 20.9984 11.5016 20.9984C14.8142 20.9984 17.8463 18.7896 18.7444 15.4377C19.0836 14.1719 19.0778 12.895 18.7847 11.7067L22.6253 6.76879C22.9349 6.3707 22.8997 5.80435 22.543 5.44774L19.5488 2.45355C19.1922 2.09694 18.6259 2.06168 18.2278 2.3713ZM16.8952 8.2852C16.8319 8.21952 16.7673 8.15494 16.7015 8.09149L15.5769 6.96685L18.7589 4.49198L20.5046 6.23774L18.0297 9.41972L16.8952 8.2852Z"></path>
            </svg>
          </div>
          <h3 class="text-xl font-semibold mb-4 text-gray-900">Brand Strategy</h3>
          <p class="text-gray-600 leading-relaxed">Define and Design the Brand, why you are in business and the specific customer needs you fulfill. A connection between you and your customers.
          </p>
        </div>
        <div class="bg-white p-8 rounded-2xl shadow-md  transition-all duration-300 border border-gray-200 hover:-translate-y-1 hover:shadow-lg">
          <div class="w-16 h-16 bg-primary-50 rounded-2xl flex items-center justify-center mb-6 text-2xl text-primary-700">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8">
              <path d="M3 4H21V6H3V4ZM3 19H17V21H3V19ZM3 14H21V16H3V14ZM3 9H17V11H3V9Z"></path>
            </svg>
          </div>
          <h3 class="text-xl font-semibold mb-4 text-gray-900">Copy-writting
          </h3>
          <p class="text-gray-600 leading-relaxed">Get the right content in front of the right people, at the right times, for the right reasons. A masterplan defining and driving the use of content to achieve your business goals.
          </p>
        </div>
        <div class="bg-white p-8 rounded-2xl shadow-md  transition-all duration-300 border border-gray-200 hover:-translate-y-1 hover:shadow-lg">
          <div class="w-16 h-16 bg-primary-50 rounded-2xl flex items-center justify-center mb-6 text-2xl text-primary-700">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8">
              <path d="M16.5717 8.02749C16.8469 7.4078 16.9998 6.72176 16.9998 6C16.9998 3.23858 14.7612 1 11.9998 1C9.23839 1 6.99981 3.23858 6.99981 6C6.99981 8.58261 8.95785 10.7079 11.4704 10.9723C12.6858 9.24029 14.576 8.20785 16.5717 8.02749ZM13.1542 17.9462C13.996 16.1276 14.047 13.9741 13.1547 12.0554C14.6399 10.0118 17.4591 9.37883 19.6956 10.6701L19.6957 10.67C22.0871 12.0508 22.9064 15.1086 21.5257 17.5C20.145 19.8915 17.087 20.7109 14.6956 19.3302C14.0707 18.9694 13.5532 18.4942 13.1542 17.9462ZM6.27311 10.0269C7.42726 11.6652 9.26672 12.786 11.3746 12.9726C12.4016 15.2807 11.5401 18.0388 9.30357 19.3301C6.91211 20.7108 3.85415 19.8914 2.47344 17.5C1.09273 15.1085 1.91211 12.0505 4.30357 10.6698C4.92851 10.309 5.59897 10.0984 6.27311 10.0269Z"></path>
            </svg>
          </div>
          <h3 class="text-xl font-semibold mb-4 text-gray-900">Product Design
          </h3>
          <p class="text-gray-600 leading-relaxed">Unity, balance, contrast and hierarchy of your product to win and keep customers trust, and impress them with a unique brand presence.
          </p>
        </div>
        <div class="bg-white p-8 rounded-2xl shadow-md  transition-all duration-300 border border-gray-200 hover:-translate-y-1 hover:shadow-lg">
          <div class="w-16 h-16 bg-primary-50 rounded-2xl flex items-center justify-center mb-6 text-2xl text-primary-700">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-8 h-8">
              <path d="M6 2H18C18.5523 2 19 2.44772 19 3V21C19 21.5523 18.5523 22 18 22H6C5.44772 22 5 21.5523 5 21V3C5 2.44772 5.44772 2 6 2ZM12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18C13 17.4477 12.5523 17 12 17Z"></path>
            </svg>
          </div>
          <h3 class="text-xl font-semibold mb-4 text-gray-900">Mobile & Accessibility Audit</h3>
          <p class="text-gray-600 leading-relaxed">Ensure your website works perfectly on all devices and
            meets accessibility standards for all users.</p>
        </div>
      </div>
    </div>
  </section>

  <section class="py-12 lg:py-20 bg-gradient-to-br from-primary-50 via-white to-primary-100" id="portfolio">

    <div class="max-w-6xl mx-auto px-5">
      <span class="text-center text-sm font-bold mb-4 text-primary-700 my-auto block uppercase tracking-widest">our work

      </span>
      <h2 class="text-center text-3xl lg:text-4xl font-bold mb-4 text-gray-900">Explore our portfolio
      </h2>
      <p class="text-center text-lg text-gray-600 mb-12 max-w-2xl mx-auto">At GetDigitize, we believe that technology should be accessible to everyone. That's why we've created a portfolio of products that are designed to make your life easier and more enjoyable.</p>

      <div>
        <ul class="flex gap-6 justify-center font-medium text-lg">
          <li class="hover:text-primary-700">Advertising</li>
          <li class="hover:text-primary-700">Social Media</li>
          <li class="hover:text-primary-700">Branding</li>
          <li class="hover:text-primary-700">UI / UX</li>
          <li class="hover:text-primary-700">Packaging</li>
          <li class="hover:text-primary-700">Product Design</li>
        </ul>
      </div>
      <div class="grid grid-cols-1 lg:grid-cols-3 gap-x-6 gap-y-12 mt-12">
        <div class="flex flex-col gap-4">
          <img src="./images/work-1.png" alt="" class="object-cover w-full h-full max-h-64 rounded-xl">
          <h3 class="font-semibold text-xl">Office Life Campaign - Boost your creativity</h3>
        </div>
        <div class="flex flex-col gap-4">
          <img src="./images/work-2.png" alt="" class="object-cover w-full h-full max-h-64 rounded-xl">
          <h3 class="font-semibold text-xl">A brand-new advertising idea</h3>
        </div>
        <div class="flex flex-col gap-4">
          <img src="./images/work-3.jpg" alt="" class="object-cover w-full h-full max-h-64 rounded-xl">
          <h3 class="font-semibold text-xl">Coca-Cola Summer Concept Campaign - 2021</h3>
        </div>
        <div class="flex flex-col gap-4">
          <img src="./images/work-4.jpg" alt="" class="object-cover w-full h-full max-h-64 rounded-xl">
          <h3 class="font-semibold text-xl">Ad Campaign - I love you as much as I love Nutella</h3>
        </div>
        <div class="flex flex-col gap-4">
          <img src="./images/work-5.jpg" alt="" class="object-cover w-full h-full max-h-64 rounded-xl">
          <h3 class="font-semibold text-xl">Coca-Colla Next Door Campaign - conceptual</h3>
        </div>
        <div class="flex flex-col gap-4">
          <img src="./images/work-6.jpg" alt="" class="object-cover w-full h-full max-h-64 rounded-xl">
          <h3 class="font-semibold text-xl">Starbucks secret is a smile when you get your latte</h3>
        </div>
      </div>
    </div>
  </section>
  <section class="py-12 lg:py-20 bg-gradient-to-br bg-white" id="about">

    <div class="max-w-6xl mx-auto px-5 flex gap-12 items-center">
      <div class="rounded-xl overflow-hidden w-1/2">
        <img src="./images/about.png" alt="" class="w-full object-cover lg:max-h-[496px]">
      </div>
      <div class="w-1/2">
        <span class="text-left text-sm font-bold mb-4 text-primary-700 my-auto block uppercase tracking-widest">about us</span>
        <h2 class="text-left text-3xl lg:text-4xl font-bold mb-4 text-gray-900">We build brands with purpose and impact</h2>
        <p class="text-left text-lg text-gray-600 mb-6 max-w-2xl mx-auto">We are a full-service digital creative agency with brick and mortar offices and plenty of in-house talent.</p>
        <ul class="flex flex-col gap-2 space-y-3">
          <li class="text-gray-600 flex items-center gap-2">
            <svg viewBox="0 0 1024 1024" class="w-5 h-5 text-green-500" fill="currentColor">
              <path d="M384 690l452-452 60 60-512 512-238-238 60-60z"></path>
            </svg> Quality services and support all time
          </li>
          <li class="text-gray-600  flex items-center gap-2">
            <svg viewBox="0 0 1024 1024" class="w-5 h-5 text-green-500" fill="currentColor">
              <path d="M384 690l452-452 60 60-512 512-238-238 60-60z"></path>
            </svg>Long-term strategy development
          </li>
          <li class="text-gray-600 flex items-center gap-2
          "><svg viewBox="0 0 1024 1024" class="w-5 h-5 text-green-500" fill="currentColor">
              <path d="M384 690l452-452 60 60-512 512-238-238 60-60z"></path>
            </svg> FREE Brand Audit for startups</li>
          <li class="text-gray-600 flex items-center gap-2">
            <svg viewBox="0 0 1024 1024" class="w-5 h-5 text-green-500" fill="currentColor">
              <path d="M384 690l452-452 60 60-512 512-238-238 60-60z"></path>
            </svg> Over 10 years in the business
          </li>
          <li class="text-gray-600 flex items-center gap-2">
            <svg viewBox="0 0 1024 1024" class="w-5 h-5 text-green-500" fill="currentColor">
              <path d="M384 690l452-452 60 60-512 512-238-238 60-60z"></path>
            </svg> Future-Proofing Projects
          </li>
          <li class="text-gray-600 flex items-center gap-2">
            <svg viewBox="0 0 1024 1024" class="w-5 h-5 text-green-500" fill="currentColor">
              <path d="M384 690l452-452 60 60-512 512-238-238 60-60z"></path>
            </svg> Support in any implementation
          </li>
        </ul>

      </div>
    </div>
  </section>

  <!-- How It Works Section -->
  <section class="py-12 lg:py-20 bg-gradient-to-br from-primary-50 via-white to-primary-100" id="how-it-works">
    <div class="max-w-6xl mx-auto px-5">
      <span class="text-center text-sm font-bold mb-4 text-primary-700 my-auto block uppercase tracking-widest mx-auto">Our process
      </span>
      <h2 class="text-center text-3xl lg:text-4xl font-bold mb-4 text-gray-900">We use a simple three step process.</h2>
      <p class="text-center text-lg text-gray-600 mb-12 max-w-2xl mx-auto"> Get professional website analysis in just
        three simple steps</p>

      <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-12">
        <div class=" group bg-white p-8 rounded-2xl border border-gray-100 shadow">
          <div class="w-16 h-16 bg-primary-100 text-primary-700 rounded-xl flex items-center justify-center text-2xl font-bold  mb-6 ">
            1</div>
          <h3 class="text-xl font-semibold mb-4 text-gray-900">Finding the best idea
          </h3>
          <p class="text-gray-600">Discover unique opportunities by analyzing market gaps and identifying unmet customer needs effectively.</p>
        </div>
        <div class=" group bg-white p-8 rounded-2xl border border-gray-100 shadow">
          <div class="w-16 h-16 bg-primary-100 text-primary-700 rounded-xl flex items-center justify-center text-2xl font-bold  mb-6">
            2</div>
          <h3 class="text-xl font-semibold mb-4 text-gray-900">Intense Brain storming
          </h3>
          <p class="text-gray-600">Collaborate with experts to generate and refine innovative solutions through structured creative sessions.</p>
        </div>
        <div class=" group bg-white p-8 rounded-2xl border border-gray-100 shadow">
          <div class="w-16 h-16 bg-primary-100 text-primary-700 rounded-xl flex items-center justify-center text-2xl font-bold  mb-6">
            3</div>
          <h3 class="text-xl font-semibold mb-4 text-gray-900">Strong design execution
          </h3>
          <p class="text-gray-600">Transform top concepts into polished, effective designs that deliver real business results.</p>
        </div>
      </div>
    </div>
  </section>


  <section class="py-20 lg:py-28 bg-gradient-to-r from-primary-800 to-primary-700" id="cta">
    <div class="max-w-4xl mx-auto text-center px-5">
      <span class="text-center text-sm font-bold mb-4 text-white my-auto block uppercase tracking-widest mx-auto">what are you waiting?

      </span>
      <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Let's collaborate!</h2>
      <p class="text-xl text-primary-100 mb-10 max-w-2xl mx-auto">Discover how GetDigitize can transform your digital presence. Let's create something amazing together.</p>
      <div class="flex flex-col sm:flex-row justify-center gap-4">
        <a class="inline-flex items-center justify-center bg-white text-primary-800 hover:bg-gray-50 font-semibold rounded-lg text-lg px-8 py-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-700" href="/cdn-cgi/l/email-protection#54373b3a2035372014333120303d333d203d2e317a373b39">Let's connect</a>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="bg-white border-t border-gray-100">
    <div class="max-w-6xl mx-auto px-5  py-16">
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-12">
        <div class="lg:col-span-4"> <a href="/" class="flex items-center text-2xl mb-4 font-bold text-gray-900 no-underline">
            <img src="images/logo.svg" alt="GetDigitize Logo" class="w-24">
          </a>
          <p class="text-gray-600 mb-6">An Integrated creative agency that focuses on your Digital Strategy, Design and Execution.</p>
          <!--<div class="flex space-x-4"><a href="https://x.com/social9" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-primary-700 transition-colors" aria-label="Twitter"><span class="sr-only">Twitter</span><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
              </svg></a><a href="https://facebook.com/social9" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-primary-700 transition-colors" aria-label="Facebook"><span class="sr-only">Facebook</span><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
              </svg></a><a href="https://instagram.com/social9" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-primary-700 transition-colors" aria-label="Instagram"><span class="sr-only">Instagram</span><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
              </svg></a><a href="https://linkedin.com/company/social9" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-primary-700 transition-colors" aria-label="LinkedIn"><span class="sr-only">LinkedIn</span><svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path fill-rule="evenodd" d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" clip-rule="evenodd"></path>
              </svg></a></div>  -->
        </div>
        <div class="lg:col-span-2 lg:col-start-6">
          <h3 class="text-base font-semibold text-gray-900 capitalize tracking-wider mb-6">Quick Links</h3>
          <ul class="space-y-4">
            <li><a class="text-gray-600 hover:text-primary-700 transition-colors" href="#services">Services</a></li>
            <li><a class="text-gray-600 hover:text-primary-700 transition-colors" href="#portfolio">Portfolio</a></li>
            <li><a class="text-gray-600 hover:text-primary-700 transition-colors" href="#about">About Us</a></li>
            <li><a class="text-gray-600 hover:text-primary-700 transition-colors" href="#cta">Contact Us</a></li>
          </ul>
        </div>
        <div class="lg:col-span-2">
          <h3 class="text-base font-semibold text-gray-900 capitalize tracking-wider mb-6">Resources</h3>
          <ul class="space-y-4">
            <li><a class="text-gray-600 hover:text-primary-700 transition-colors" href="https://getdigitize.com/blog/" target="_blank">Blog</a></li>
          </ul>
        </div>
        <div class="lg:col-span-2">
          <h3 class="text-base font-semibold text-gray-900 capitalize tracking-wider mb-6">Legal</h3>
          <ul class="space-y-4">
            <li><a class="text-gray-600 hover:text-primary-700 transition-colors" href="/privacy.html">Privacy Policy</a></li>
            <li><a class="text-gray-600 hover:text-primary-700 transition-colors" href="/terms.html">Terms of Service</a></li>
          </ul>
        </div>
      </div>
      <div class="mt-16 pt-8 border-t border-gray-100">
        <p class="text-base text-gray-500 text-center"> &copy;
            Copyright&nbsp;<span id="year"></span>, GetDigitize
        </p>
      </div>
    </div>
  </footer>
  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js" defer></script><script>
    document.getElementById("year").textContent = new Date().getFullYear();
  </script>
</body>

</html>