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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        :root {
            --nav-offset-top: 0px;
            --nav-offset-left: 0px;
            --nav-left-width: 280px;
        }

        html,
        body,
        * {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
        }

        @media (min-width: 768px) {
            .nav-layout-left-main {
                margin-left: calc(var(--nav-offset-left) + var(--nav-left-width));
                padding-top: var(--nav-offset-top);
            }

            .nav-layout-left-footer {
                margin-left: calc(var(--nav-offset-left) + var(--nav-left-width));
            }
        }

        #app-main section {
            scroll-margin-top: 5rem;
        }

        #app-main h1,
        #app-main h2,
        #app-main h3 {
            letter-spacing: -0.02em;
        }

        #app-main .border {
            border-radius: 0;
        }

        #app-main [class*="shadow"] {
            box-shadow: none !important;
        }

        #app-main .text-xl {
            line-height: 1.55;
        }

        #app-main .text-lg {
            line-height: 1.5;
        }

        #app-main .text-sm {
            line-height: 1.45;
        }

        .theme-toggle {
            position: relative;
            overflow: hidden;
        }

        .theme-toggle svg {
            position: absolute;
            inset: 0;
            margin: auto;
            width: 1.1rem;
            height: 1.1rem;
            transition: opacity 220ms ease, transform 280ms ease;
        }

        .theme-toggle .icon-sun {
            opacity: 0;
            transform: rotate(-110deg) scale(0.55);
        }

        .theme-toggle .icon-moon {
            opacity: 1;
            transform: rotate(0deg) scale(1);
        }

        .dark .theme-toggle .icon-sun {
            opacity: 1;
            transform: rotate(0deg) scale(1);
        }

        .dark .theme-toggle .icon-moon {
            opacity: 0;
            transform: rotate(110deg) scale(0.55);
        }

        .wa-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            background-color: #25D366;
            color: #fff;
            padding: 10px 18px;
            border-radius: 9999px;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: 700;
            font-size: 14px;
            line-height: 1;
            transition: background-color 0.3s ease;
        }

        .wa-btn:hover {
            background-color: #1fa851;
            color: #fff;
        }

        .wa-btn svg {
            margin-right: 8px;
        }

        .icon-inline {
            width: 1em;
            text-align: center;
            margin-right: 0.55rem;
        }

        .icon-link {
            display: inline-flex;
            align-items: center;
        }
    </style>
    <title>Blog | Pragith Prakash
    </title>
    <meta name="description"
        content="Structured, production-ready AI systems delivered rapidly. 20–50 hour fixed-scope builds. Clean handover. No long-term lock-in.">

    <!-- Canonical: Explicitly defined in child templates -->

    <!-- OpenGraph -->
    <meta property="og:title"
        content="Structured Automation & AI Systems · Rapid Delivery | Pragith Prakash">
    <meta property="og:description"
        content="Structured, production-ready AI systems delivered rapidly. Fixed scope. Clean handover.">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="en_US">
    <meta property="og:site_name" content="Pragith Prakash">
    <meta property="og:image" content="https://pragith.net/static/og-image.png">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Structured Automation & AI Systems · Rapid Delivery | Pragith Prakash">
    <meta name="twitter:description"
        content="Structured, production-ready AI systems delivered rapidly. Fixed scope. Clean handover.">
    <meta name="twitter:image" content="https://pragith.net/static/og-image.png">

    <!-- Dark mode: apply before render to prevent flash -->
    <script>
        (function () {
            var d = document.documentElement.classList;
            if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
                d.add('dark');
            } else {
                d.remove('dark');
            }
        })();
    </script>

    <!-- Optimized Tailwind CSS -->
    <link rel="stylesheet" href="/static/css/style.min.css">
    <link rel="stylesheet" href="/static/fontawesome/css/svg-with-js.css">

    <!-- Theme Variables & Font Mappings -->
    <link rel="stylesheet" href="/theme.css">

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">

    <!-- Sitemap -->
    <link rel="sitemap" type="application/xml" href="/sitemap.xml">

    <!-- Preload critical fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono&display=swap" media="print" onload="this.media='all'">



    
    <!-- Google Analytics -->
    <script>
        window.gaTag = 'G-S8L3PCMZ6F';
        window.dataLayer = window.dataLayer || [];
        window.gtag = function () { dataLayer.push(arguments); };
        window.gtag('js', new Date());
        window.gtag('config', window.gaTag, { anonymize_ip: true });
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-S8L3PCMZ6F"></script>
    

    

    
    <!-- Microsoft Clarity -->
    <script type="text/javascript">
        (function (c, l, a, r, i, t, y) {
            c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
            t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
            y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
        })(window, document, "clarity", "script", "vgivopzxim");
    </script>
    

    <!-- ContentSquare -->
    <script src="https://t.contentsquare.net/uxa/2b750a2633c1e.js"></script>

    
<link rel="canonical" href="https://pragith.net/blog">


    <!-- Structured Data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Person",
        "name": "Pragith Prakash",
        "jobTitle": "Senior AI & Data Engineer",
        "description": "Structured, production-ready AI systems delivered rapidly. Fixed-scope builds with clean handover.",
        "url": "https://pragith.net",
        "sameAs": [
            "https://linkedin.com/in/pragith",
            "https://github.com/pragith"
        ],
        "knowsAbout": ["AI Systems", "Data Engineering", "Operational Automation", "System Integration", "Production AI"],
        "hasOccupation": {
            "@type": "Occupation",
            "name": "Senior AI & Data Engineer",
            "occupationLocation": {
                "@type": "Country",
                "name": "North America"
            }
        }
    }
    </script>
</head>

<body class="flex flex-col min-h-screen transition-colors duration-200">
    
    
    
    
    
    

    
    <header class="w-full bg-page sticky top-0 z-50 border-b border-line/20 md:hidden">
        <div class="max-w-6xl mx-auto px-6 h-16 flex items-center justify-between">
            <a href="/" class="font-display text-lg font-semibold text-ink hover:text-accent transition-colors icon-link">
                <i class="fa-solid fa-circle-dot icon-inline text-accent" aria-hidden="true"></i>Pragith Prakash
            </a>
            <div class="flex items-center gap-4">
                <button onclick="toggleTheme()"
                    class="theme-toggle w-10 h-10 flex items-center justify-center text-ink hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent"
                    aria-label="Toggle dark mode">
                    <svg class="icon-moon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
                    </svg>
                    <svg class="icon-sun" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
                    </svg>
                </button>
                <button id="mobile-menu-toggle"
                    class="w-10 h-10 flex items-center justify-center text-ink hover:text-accent transition-colors focus:outline-none"
                    aria-label="Toggle menu"
                    onclick="document.getElementById('mobile-menu').classList.toggle('hidden')">
                    <i class="fa-solid fa-bars text-lg" aria-hidden="true"></i>
                </button>
            </div>
        </div>
        <div id="mobile-menu" class="hidden border-t border-line/20 bg-page">
            <nav class="max-w-6xl mx-auto px-6 py-4 flex flex-col gap-3 text-sm font-medium">
                
                
                <a href="/work" class="text-ink hover:text-accent transition-colors py-2 icon-link"><i
                        class="fa-solid fa-briefcase icon-inline" aria-hidden="true"></i>Work</a>
                
                
                <a href="/agents" class="text-ink hover:text-accent transition-colors py-2 icon-link"><i
                        class="fa-solid fa-robot icon-inline" aria-hidden="true"></i>How I Build</a>
                
                
                <a href="/business/automation" class="text-ink hover:text-accent transition-colors py-2 icon-link"><i
                        class="fa-solid fa-compass icon-inline" aria-hidden="true"></i>Automation</a>
                
                
                <a href="/business/dashboards" class="text-ink hover:text-accent transition-colors py-2 icon-link"><i
                        class="fa-solid fa-compass icon-inline" aria-hidden="true"></i>Dashboards</a>
                
                
                <a href="/training" class="text-ink hover:text-accent transition-colors py-2 icon-link"><i
                        class="fa-solid fa-chalkboard-user icon-inline" aria-hidden="true"></i>Training</a>
                
                
                <a href="/speaking" class="text-ink hover:text-accent transition-colors py-2 icon-link"><i
                        class="fa-solid fa-microphone-lines icon-inline" aria-hidden="true"></i>Speaking</a>
                
                
                <a href="/blog" class="text-ink hover:text-accent transition-colors py-2 icon-link"><i
                        class="fa-solid fa-pen icon-inline" aria-hidden="true"></i>Blog</a>
                
                
                <a href="/about" class="text-ink hover:text-accent transition-colors py-2 icon-link"><i
                        class="fa-solid fa-user icon-inline" aria-hidden="true"></i>About</a>
                
                <a href="/contact"
                    class="inline-flex items-center justify-center text-sm font-semibold bg-ink text-page hover:bg-accent hover:text-black transition-all h-10 px-6 mt-2">
                    <i class="fa-solid fa-calendar-lines-pen mr-2" aria-hidden="true"></i>Define the Build →
                </a>
                <a href="https://wa.me/971585912858?text=Hi%20Pragith%2C%20I%20want%20to%20discuss%20an%20automation%20build." target="_blank" rel="noopener noreferrer"
                    class="wa-btn">
                    <i class="fa-brands fa-whatsapp mr-2" aria-hidden="true"></i>
                    Message Me on WhatsApp
                </a>
            </nav>
        </div>
    </header>

    <aside class="hidden md:block fixed z-50 border-r border-line/20 bg-page"
        style="top: var(--nav-offset-top); left: var(--nav-offset-left); width: var(--nav-left-width); height: calc(100vh - var(--nav-offset-top));">
        <div class="px-6 py-6 h-full flex flex-col">
            <a href="/" class="font-display text-lg font-semibold text-ink hover:text-accent transition-colors icon-link">
                <i class="fa-solid fa-circle-dot icon-inline text-accent" aria-hidden="true"></i>Pragith Prakash
            </a>
            <nav class="mt-6 flex flex-col gap-3 text-sm font-medium">
                
                
                <a href="/work"
                    class="text-ink hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent py-1 icon-link">
                    <i class="fa-solid fa-briefcase icon-inline" aria-hidden="true"></i>Work
                </a>
                
                
                <a href="/agents"
                    class="text-ink hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent py-1 icon-link">
                    <i class="fa-solid fa-robot icon-inline" aria-hidden="true"></i>How I Build
                </a>
                
                
                <a href="/business/automation"
                    class="text-ink hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent py-1 icon-link">
                    <i class="fa-solid fa-compass icon-inline" aria-hidden="true"></i>Automation
                </a>
                
                
                <a href="/business/dashboards"
                    class="text-ink hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent py-1 icon-link">
                    <i class="fa-solid fa-compass icon-inline" aria-hidden="true"></i>Dashboards
                </a>
                
                
                <a href="/training"
                    class="text-ink hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent py-1 icon-link">
                    <i class="fa-solid fa-chalkboard-user icon-inline" aria-hidden="true"></i>Training
                </a>
                
                
                <a href="/speaking"
                    class="text-ink hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent py-1 icon-link">
                    <i class="fa-solid fa-microphone-lines icon-inline" aria-hidden="true"></i>Speaking
                </a>
                
                
                <a href="/blog"
                    class="text-ink hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent py-1 icon-link">
                    <i class="fa-solid fa-pen icon-inline" aria-hidden="true"></i>Blog
                </a>
                
                
                <a href="/about"
                    class="text-ink hover:text-accent transition-colors focus:outline-none focus:ring-2 focus:ring-accent py-1 icon-link">
                    <i class="fa-solid fa-user icon-inline" aria-hidden="true"></i>About
                </a>
                
            </nav>
            <div class="mt-auto pt-6 flex flex-col gap-3">
                <a href="/contact"
                    class="inline-flex items-center justify-center text-sm font-medium bg-ink text-page hover:bg-accent hover:text-black transition-all h-10 px-6 focus:outline-none focus:ring-2 focus:ring-accent">
                    <i class="fa-solid fa-calendar-lines-pen mr-2" aria-hidden="true"></i>Define the Build →
                </a>
                <a href="https://wa.me/971585912858?text=Hi%20Pragith%2C%20I%20want%20to%20discuss%20an%20automation%20build." target="_blank" rel="noopener noreferrer"
                    class="wa-btn focus:outline-none focus:ring-2 focus:ring-accent">
                    <i class="fa-brands fa-whatsapp mr-2" aria-hidden="true"></i>
                    Message Me on WhatsApp
                </a>
                <button onclick="toggleTheme()"
                    class="theme-toggle inline-flex items-center justify-center text-sm font-medium border border-line/30 text-ink hover:text-accent transition-colors h-10 px-6 focus:outline-none focus:ring-2 focus:ring-accent"
                    aria-label="Toggle dark mode">
                    <svg class="icon-moon" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
                    </svg>
                    <svg class="icon-sun" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
                    </svg>
                </button>
            </div>
        </div>
    </aside>
    



    <!-- Main Content -->
    <main id="app-main" class="flex-grow nav-layout-left-main">
        
<section class="py-20 border-t border-line/20">
    <div class="max-w-4xl mx-auto px-6">
        <div class="mb-8">
            <h1 class="font-display text-3xl font-bold tracking-tight text-ink mb-4">Systems & Automation Notes</h1>
            <div class="w-20 h-1 bg-accent mb-6"></div>
            <p class="text-lg text-ink/60">Operational engineering for real-world businesses.</p>
        </div>

        <!-- Year Navigation -->
        <div class="mb-8 flex flex-wrap gap-2">
            
            <a href="/blog?year=2026" class="px-4 py-2 text-sm font-mono font-medium rounded-sm border transition-all 
                      
                        bg-ink text-page border-ink
                      ">
                2026
            </a>
            
            <a href="/blog?year=2025" class="px-4 py-2 text-sm font-mono font-medium rounded-sm border transition-all 
                      
                        bg-page text-ink/60 border-line/30 hover:border-accent hover:text-accent
                      ">
                2025
            </a>
            
            <a href="/blog?year=2024" class="px-4 py-2 text-sm font-mono font-medium rounded-sm border transition-all 
                      
                        bg-page text-ink/60 border-line/30 hover:border-accent hover:text-accent
                      ">
                2024
            </a>
            
            <a href="/blog?year=2023" class="px-4 py-2 text-sm font-mono font-medium rounded-sm border transition-all 
                      
                        bg-page text-ink/60 border-line/30 hover:border-accent hover:text-accent
                      ">
                2023
            </a>
            
            <a href="/blog?year=2022" class="px-4 py-2 text-sm font-mono font-medium rounded-sm border transition-all 
                      
                        bg-page text-ink/60 border-line/30 hover:border-accent hover:text-accent
                      ">
                2022
            </a>
            
            <a href="/blog?year=2021" class="px-4 py-2 text-sm font-mono font-medium rounded-sm border transition-all 
                      
                        bg-page text-ink/60 border-line/30 hover:border-accent hover:text-accent
                      ">
                2021
            </a>
            
            <a href="/blog?year=2020" class="px-4 py-2 text-sm font-mono font-medium rounded-sm border transition-all 
                      
                        bg-page text-ink/60 border-line/30 hover:border-accent hover:text-accent
                      ">
                2020
            </a>
            
        </div>

        

        <div class="space-y-12">
            
            <a href="/blog/why-enterprise-ai-projects-fail" class="block">
                <article class="relative group">
                    <div class="flex flex-col sm:flex-row gap-4 sm:gap-8">
                        <div class="sm:w-32 shrink-0">
                            <time datetime="2026-02-12" class="text-sm text-ink/40 font-mono">2026-02-12</time>
                        </div>
                        <div>
                            <h2 class="text-xl font-semibold text-ink group-hover:text-accent transition-colors mb-2">
                                Why Most Enterprise AI Projects Fail in Production
                            </h2>
                            <p class="text-ink/60 mb-4 line-clamp-3">AI success is rarely about models. It is about systems architecture, governance, and disciplined execution. Here are the 6 reasons why enterprise AI pilots fail to launch.</p>
                            <div class="flex flex-wrap gap-2">
                                
                                <span
                                    class="inline-flex items-center border border-line/20 px-2 py-1 text-xs font-medium text-ink/60">#AI Strategy</span>
                                
                                <span
                                    class="inline-flex items-center border border-line/20 px-2 py-1 text-xs font-medium text-ink/60">#Production Engineering</span>
                                
                                <span
                                    class="inline-flex items-center border border-line/20 px-2 py-1 text-xs font-medium text-ink/60">#Architecture</span>
                                
                                <span
                                    class="inline-flex items-center border border-line/20 px-2 py-1 text-xs font-medium text-ink/60">#MLOps</span>
                                
                            </div>
                        </div>
                    </div>
                </article>
            </a>
            
            <a href="/blog/reliability-engineering-non-deterministic" class="block">
                <article class="relative group">
                    <div class="flex flex-col sm:flex-row gap-4 sm:gap-8">
                        <div class="sm:w-32 shrink-0">
                            <time datetime="2026-01-22" class="text-sm text-ink/40 font-mono">2026-01-22</time>
                        </div>
                        <div>
                            <h2 class="text-xl font-semibold text-ink group-hover:text-accent transition-colors mb-2">
                                Reliability Engineering 2.0: Non-Deterministic Systems
                            </h2>
                            <p class="text-ink/60 mb-4 line-clamp-3">We used to debug with stack traces. Now we debug with probability distributions. How SRE changes when the CPU is non-deterministic.</p>
                            <div class="flex flex-wrap gap-2">
                                
                                <span
                                    class="inline-flex items-center border border-line/20 px-2 py-1 text-xs font-medium text-ink/60">#Reliability</span>
                                
                                <span
                                    class="inline-flex items-center border border-line/20 px-2 py-1 text-xs font-medium text-ink/60">#SRE</span>
                                
                                <span
                                    class="inline-flex items-center border border-line/20 px-2 py-1 text-xs font-medium text-ink/60">#Probabilistic Systems</span>
                                
                                <span
                                    class="inline-flex items-center border border-line/20 px-2 py-1 text-xs font-medium text-ink/60">#Architecture</span>
                                
                            </div>
                        </div>
                    </div>
                </article>
            </a>
            
        </div>
    </div>
</section>

    </main>

    <!-- Footer -->
    <footer class="bg-black text-white border-t border-white/10 mt-20 nav-layout-left-footer">
        <div class="max-w-6xl mx-auto px-6 py-16">
            <div class="grid grid-cols-2 md:grid-cols-4 gap-12 mb-8">
                <div>
                    <h3 class="text-sm font-semibold mb-4 text-accent">Site</h3>
                    <ul class="space-y-3 text-sm text-white/60">
                        <li><a href="/" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-house icon-inline" aria-hidden="true"></i>Home</a></li>
                        <li><a href="/work" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-briefcase icon-inline" aria-hidden="true"></i>Work</a></li>
                        <li><a href="/about" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-user icon-inline" aria-hidden="true"></i>About</a></li>
                        <li><a href="/blog" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-pen icon-inline" aria-hidden="true"></i>Blog</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-sm font-semibold mb-4 text-accent">Services</h3>
                    <ul class="space-y-3 text-sm text-white/60">
                        <li><a href="/agents" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-robot icon-inline" aria-hidden="true"></i>How I Build</a></li>
                        <li><a href="/business/automation" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-gears icon-inline" aria-hidden="true"></i>Automation</a>
                        </li>
                        <li><a href="/business/dashboards" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-chart-line icon-inline" aria-hidden="true"></i>Dashboards</a>
                        </li>
                        <li><a href="/training" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-chalkboard-user icon-inline" aria-hidden="true"></i>Training</a></li>
                        <li><a href="/speaking" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-microphone-lines icon-inline" aria-hidden="true"></i>Speaking</a></li>
                        <li><a href="/contact" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-envelope icon-inline" aria-hidden="true"></i>Contact</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-sm font-semibold mb-4 text-accent">Legal</h3>
                    <ul class="space-y-3 text-sm text-white/60">
                        <li><a href="/legal" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-file-contract icon-inline" aria-hidden="true"></i>Terms</a></li>
                        <li><a href="/privacy" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-shield-check icon-inline" aria-hidden="true"></i>Privacy</a></li>
                        <li><a href="/faq" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-circle-question icon-inline" aria-hidden="true"></i>FAQ</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-sm font-semibold mb-4 text-accent">Connect</h3>
                    <ul class="space-y-3 text-sm text-white/60">
                        <li><a href="https://linkedin.com/in/pragith" target="_blank" rel="noopener noreferrer"
                                class="hover:text-white transition-colors icon-link"><i class="fa-brands fa-linkedin icon-inline" aria-hidden="true"></i>LinkedIn</a></li>
                        <li><a href="https://github.com/pragith" target="_blank" rel="noopener noreferrer"
                                class="hover:text-white transition-colors icon-link"><i class="fa-brands fa-github icon-inline" aria-hidden="true"></i>GitHub</a></li>
                        <li><a href="/contact" class="hover:text-white transition-colors icon-link"><i class="fa-solid fa-at icon-inline" aria-hidden="true"></i>Email</a></li>
                    </ul>
                </div>
            </div>
            <div
                class="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-white/40">
                <p>&copy; 2026 Pragith Prakash</p>
                <p>Structured Operational Systems · <a href="/legal"
                        class="hover:text-white transition-colors">Legal</a></p>
            </div>
        </div>
    </footer>

    <script src="/static/fontawesome/js/all.js" defer></script>
    <script src="/static/js/main.js" defer></script>
    <script>
        window.appMarketing = {"default_project_type": "Lead and WhatsApp Automation", "project_type_rules": [{"contains": "/business/dashboards", "project_type": "Executive KPI Dashboard"}, {"contains": "/business/whatsapp-automation", "project_type": "Lead and WhatsApp Automation"}, {"contains": "/training", "project_type": "Corporate Training"}, {"contains": "/business/automation", "project_type": "Lead and WhatsApp Automation"}, {"contains": "/offerings", "project_type": "Lead and WhatsApp Automation"}, {"contains": "/packages/", "project_type": "Lead and WhatsApp Automation"}], "utm_defaults": {"campaign": "inbound_consulting", "medium": "website_cta", "source": "pragith_net"}};
    </script>
</body>

</html>