PageSourceSearch

https://compile7.com/blog

html compile7.com collected 2026-10-07 18:46:11 UTC 84,595 bytes, 1,363 lines download raw bytes

1
2
3      <!DOCTYPE html>
4<html lang="en"
5    dir="ltr">
6
7<head>
8    <meta charset="UTF-8">
9    <meta http-equiv="X-UA-Compatible" content="IE=edge">
10    <meta name="viewport" content="width=device-width, initial-scale=1.0">
11    <title>Compile7 - Custom AI Agents for Your Business</title>
12    <meta name="description" content="Compile7 builds intelligent AI agents tailored to your specific business needs and workflows. Transform your operations with custom AI solutions that automate tasks, enhance productivity, and deliver exceptional results.">
13
14    <!-- Security Headers -->
15    <meta http-equiv="X-Content-Type-Options" content="nosniff">
16    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin">
17    <meta http-equiv="Permissions-Policy" content="camera=(), microphone=(), geolocation=()">
18
19    <!-- SEO Meta Tags -->
20    <meta name="robots" content="index, follow">
21    <meta name="author" content="Compile7 - Custom AI Agents for Your Business">
22
23    <!-- Canonical URL -->
24    
25        <link rel="canonical" href="https://compile7.com/blog">
26        
27
28            <!-- Hreflang Tags -->
29            
30
31                                        <!-- Open Graph Meta Tags -->
32                                        <meta property="og:title"
33                                            content="Compile7 - Custom AI Agents for Your Business">
34                                        <meta property="og:description"
35                                            content="Transform your business operations with custom AI agents tailored to your specific needs. Automate tasks, enhance productivity, and deliver exceptional results.">
36                                        
37                                                <meta property="og:type"
38                                                    content="website">
39                                                <meta property="og:url"
40                                                    content="https://compile7.com/blog">
41                                                
42                                                        <meta property="og:site_name" content="Compile7 - Custom AI Agents for Your Business">
43
44                                                        <!-- Twitter Card Meta Tags -->
45                                                        <meta name="twitter:card"
46                                                            content="summary_large_image">
47                                                        <meta name="twitter:title"
48                                                            content="Compile7 - Custom AI Agents for Your Business">
49                                                        <meta name="twitter:description"
50                                                            content="Build intelligent AI agents that transform how your business operates. Custom solutions for automation, productivity, and growth.">
51                                                        <meta name="twitter:image"
52                                                            content="https://img.pseo.one/685cbe45cef939f3b977158a/topical/68623c06f6d621f2c0b20255/ogImage.png">
53
54
55
56
57                                                        <!-- Mobile optimization tags -->
58                                                        <meta name="mobile-web-app-capable" content="yes">
59                                                        <meta name="mobile-web-app-status-bar-style"
60                                                            content="black-translucent">
61
62
63
64                                                        <!-- Favicon -->
65                                                        <link rel="icon" type="image/x-icon"
66                                                            href="https://compile7.com/favicon.ico">
67
68                                                        <!-- RSS/Atom Feeds -->
69                                                        <link rel="alternate" type="application/rss+xml"
70                                                            title="Compile7 - Custom AI Agents for Your Business RSS Feed"
71                                                            href="/blog/feed">
72                                                        <!-- <link rel="alternate" type="application/atom+xml" title="Compile7 - Custom AI Agents for Your Business Atom Feed"
73                href="/blog/atom"> -->
74
75                                                        <!-- Fonts -->
76                                                        <link rel="prec
76onnect" href="https://fonts.googleapis.com">
77                                                        <link rel="preconnect" href="https://fonts.gstatic.com"
78                                                            crossorigin>
79                                                        <link
80                                                            href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
81                                                            rel="stylesheet">
82                                                        <!-- Tailwind CSS -->
83                                                        <link rel="stylesheet"
84                                                            href="https://cdn.gracker.ai/gracker-style.css?v=0.2.0">
85
86
87                                                        <!-- Dynamic Theme CSS exactly like Next.js -->
88                                                        <style>
89                                                            
90    :root {
91      --bg-base: #ffffff;
92      --primary: #3b82f6;
93      --accent: #3b82f6;
94      --accent-hover: #2563eb;
95
96      --header-bg: #ffffff;
97      --header-border: #e5e7eb;
98      --nav-link: #6b7280;
99      --nav-link-hover: #3b82f6;
100
101      --btn-primary-text: #ffffff;
102      --btn-primary-text-hover: #ffffff;
103      --btn-secondary-text: #374151;
104      --btn-secondary-text-hover: #3b82f6;
105      --btn-primary-bg: #3b82f6;
106      --btn-primary-bg-hover: #2563eb;
107      --btn-primary-border: #3b82f6;
108      --btn-primary-border-hover: #2563eb;
109      --btn-secondary-bg: #ffffff;
110      --btn-secondary-bg-hover: #f9fafb;
111      --btn-secondary-border: #d1d5db;
112      --btn-secondary-border-hover: #3b82f6;
113
114      --search-bg: #ffffff;
115      --search-bg-hover: #ffffff;
116      --search-border: #d1d5db;
117      --search-border-hover: #3b82f6;
118      --search-text: #111827;
119      --search-placeholder: #6b7280;
120
121      --container-bg: #ffffff;
122      --card-bg: #f9fafb;
123      --card-border: #e5e7eb;
124
125      --text-heading: #1f2937;
126      --text-body: #6b7280;
127
128      --label-primary-text: #ffffff;
129      --label-secondary-text: #6b7280;
130      --label-primary-bg: #4285f4;
131      --label-secondary-bg: #f3f4f6;
132      --label-primary-border: #4285f4;
133      --label-secondary-border: #d1d5db;
134
135      --pagination-bg: #f9fafb;
136      --pagination-active-bg: #4285f4;
137      --pagination-text: #374151;
138      --pagination-active-text: #ffffff;
139      --pagination-bg-hover: #4285f4;
140      --pagination-text-hover: #ffffff;
141      --pagination-active-bg-hover: #4285f4;
142      --pagination-active-text-hover: #ffffff;
143      --border-color: #e5e7eb;
144      --cta-button-bg: #10b981;
145      --cta-button-text: #ffffff;
146      --cta-button-bg-hover: #059669;
147      --cta-button-text-hover: #ffffff;
148      --cta-button-border: #10b981;
149      --cta-button-border-hover: #059669;
150      --social-media-color: #6b7280;
151      --social-media-color-hover: #3b82f6;
152    }
153  
154
155                                                            /* Hamburger menu animations */
156                                                            #nav-toggle:checked~label .hamburger-line:first-child {
157                                                                transform: translateY(6px) rotate(45deg);
158                                                            }
159
160                                                            #nav-toggle:checked~label .hamburger-line:nth-child(2) {
161                                                                opacity: 0;
162                                                            }
163
164                                                            #nav-toggle:checked~label .hamburger-line:last-child {
165                                                                transform: translateY(-8px) rotate(-45deg);
166                                                            }
167
168                                                            /* Font family */
169                                                            body {
170                                                                font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
171                                                            }
172
173                                                            /* Sticky sidebar styles */
174                                                            .sidebar-sticky {
175                                                                position: sticky;
176                                                                top: 2rem;
177                                                                max-height: calc(100vh - 2rem);
178                                                                overflow-y: auto;
179                                                            }
180                                                        </style>
181
182                                                        <!-- Additional head content -->
183                                                        
184
185                                                                    <!-- JSON-LD Schema Markup -->
186                                                                    
187                                                                        
188                                                                            
188<script type="application/ld+json">
189                {"@context":"https://schema.org","@type":"Organization","name":"compile7.com","url":"https://compile7.com/blog","logo":"https://cdn.pseo.one/685cbe45cef939f3b977158a/topical/68623c06f6d621f2c0b20255/logo.png","address":"San Francisco, California"}
190            </script>
190
191                                                                            
192                                                                                
193                                                                                    
193<script type="application/ld+json">
194                {"@context":"https://schema.org","@type":"WebSite","name":"compile7.com","url":"https://compile7.com/blog","publisher":{"@type":"Organization","name":"compile7.com"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://compile7.com/blog?q={search_term_string}"},"query-input":"required name=search_term_string"}}
195            </script>
195
196                                                                                    
197                                                                                        
198                                                                                            
198<script
199                                                                                                type="application/ld+json">
200                {"@context":"https://schema.org","@type":"CollectionPage","name":"compile7.com - Topics","description":"Compile7 builds intelligent AI agents tailored to your specific business needs and workflows. Transform your operations with custom AI solutions that automate tasks, enhance productivity, and deliver exceptional results.","url":"https://compile7.com/blog","mainEntity":{"@type":"ItemList","numberOfItems":84,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Article","headline":"AI Agent Behavioral Science","url":"https://compile7.com/blog/ai-agent-behavioral-science-machine-psychology","datePublished":"2026-02-17T11:15:48.526Z","publisher":{"@type":"Organization","name":"compile7.com"}}},{"@type":"ListItem","position":2,"item":{"@type":"Article","headline":"Simulating Human Behavior with AI Agents - Stanford HAI","url":"https://compile7.com/blog/simulating-human-behavior-ai-agents-stanford","datePublished":"2026-02-17T09:06:54.355Z","publisher":{"@type":"Organization","name":"compile7.com"}}},{"@type":"ListItem","position":3,"item":{"@type":"Article","headline":"Customer Behavior Analysis AI Agents","url":"https://compile7.com/blog/customer-behavior-analysis-ai-agents-guide","datePublished":"2026-02-17T07:12:52.559Z","publisher":{"@type":"Organization","name":"compile7.com"}}},{"@type":"ListItem","position":4,"item":{"@type":"Article","headline":"Who are the big 4 AI agents?","url":"https://compile7.com/blog/who-are-the-big-4-ai-agents","datePublished":"2026-02-13T00:40:52.416Z","dateModified":"2026-02-13T00:40:52.416Z","publisher":{"@type":"Organization","name":"compile7.com"}}},{"@type":"ListItem","position":5,"item":{"@type":"Article","headline":"The Belief-Desire-Intention (BDI) Model","url":"https://compile7.com/blog/belief-desire-intention-bdi-model-ai-agents","datePublished":"2026-02-09T00:25:12.661Z","dateModified":"2026-02-09T00:25:12.661Z","publisher":{"@type":"Organization","name":"compile7.com"}}}]}}
201            </script>
201
202                                                                                            
203                                                                                                
204                                                                                                        
205                                                                                                                
206
207                                                                                                                    <!-- Analytics Scripts -->
208                                                                                                                    
209
210<script data-cfasync="false" nonce="2e1148aa-29c5-4113-b23d-0d33996a172c">try{(function(w,d){!function(kP,kQ,kR,kS){if(kP.zaraz)console.error("zaraz is loaded twice");else{kP[kR]=kP[kR]||{};kP[kR].executed=[];kP.zaraz={deferred:[],listeners:[]};kP.zaraz._v="20";kP.zaraz._n="2e1148aa-29c5-4113-b23d-0d33996a172c";kP.zaraz.q=[];kP.zaraz._f=function(kT){return async function(){var kU=Array.prototype.slice.call(arguments);kP.zaraz.q.push({m:kT,a:kU})}};for(const kV of["track","set","debug"])kP.zaraz[kV]=kP.zaraz._f(kV);kP.zaraz.init=()=>{var kW=kQ.getElementsByTagName(kS)[0],kX=kQ.createElement(kS),kY=kQ.getElementsByTagName("title")[0];kY&&(kP[kR].t=kQ.getElementsByTagName("title")[0].text);kP[kR].x=Math.random();kP[kR].w=kP.screen.width;kP[kR].h=kP.screen.height;kP[kR].j=kP.innerHeight;kP[kR].e=kP.innerWidth;kP[kR].l=kP.location.href;kP[kR].r=kQ.referrer;kP[kR].k=kP.screen.colorDepth;kP[kR].n=kQ.characterSet;kP[kR].o=(new Date).getTimezoneOffset();if(kP.dataLayer)for(const kZ of Object.entries(Object.entries(dataLayer).reduce((k$,la)=>({...k$[1],...la[1]}),{})))zaraz.set(kZ[0],kZ[1],{scope:"page"});kP[kR].q=[];for(;kP.zaraz.q.length;){const lb=kP.zaraz.q.shift();kP[kR].q.push(lb)}kX.defer=!0;for(const lc of[localStorage,sessionStorage])Object.keys(lc||{}).filter(le=>le.startsWith("_zaraz_")).forEach(ld=>{try{kP[kR]["z_"+ld.slice(7)]=JSON.parse(lc.getItem(ld))}catch{kP[kR]["z_"+ld.slice(7)]=lc.getItem(ld)}});kX.referrerPolicy="origin";kX.src="/cdn-cgi/zaraz/s.js?z="+btoa(encodeURIComponent(JSON.stringify(kP[kR])));kW.parentNode.insertBefore(kX,kW)};["complete","interactive"].includes(kQ.readyState)?zaraz.init():kP.addEventListener("DOMContentLoaded",zaraz.init)}}(w,d,"zarazData","script");window.zaraz._p=async kH=>new Promise(kI=>{if(kH){kH.e&&kH.e.forEach(kJ=>{try{const kK=d.querySelector("script[nonce]"),kL=kK?.nonce||kK?.getAttribute("nonce"),kM=d.createElement("script");kL&&(kM.nonce=kL);kM.innerHTML=kJ;kM.onload=()=>{d.head.removeChild(kM)};d.head.appendChild(kM)}catch(kN){console.error(`Error executing script: ${kJ}\n`,kN)}});Promise.allSettled((kH.f||[]).map(kO=>fetch(kO[0],kO[1])))}kI()});zaraz._p({"e":["(function(w,d){})(window,document)"]});})(window,document)}catch(e){throw fetch("/cdn-cgi/zaraz/t"),e;};</script>
210</head>
211
212<body class="antialiased">
213    <!-- Google Tag Manager (noscript) -->
214    
215                        <!-- End Google Tag Manager (noscript) -->
216
217                        <div class="min-h-screen bg-[var(--bg-base)] flex flex-col">
218                            <header class="header group min-h-20 flex items-center bg-[var(--header-bg)] border-b border-[var(--header-border)]">
219    <div class="max-w-7xl mx-auto px-4 w-full">
220        <div class="flex justify-between items-center">
221            <div class="lg:min-w-80 z-20 relative">
222                <div class="logo">
223                    <a href="/blog"
224                        class="logo" title="compile7 ">
225                        
226                            <div class="flex items-center">
227                                <img src="https://compile7.com/images/logo.png"
228                                    alt="https://compile7.com/images/logo.png" class="h-8 w-auto">
229                            </div>
230                            
231                    </a>
232                </div>
233            </div>
234
235            
236                <nav class="lg:block">
237                    <input type="checkbox" id="nav-toggle" class="hidden peer ">
238                    <label for="nav-toggle"
239                        class="lg:hidden absolute right-4 top-7 cursor-pointer z-20 w-6 h-6 flex flex-col justify-center gap-[5px]">
240                        <span
241                            class="hamburger-line block w-6 h-0.5 bg-[var(--nav-link)] transition-all duration-300 origin-center"></span>
242                        <span
243                            class="hamburger-line block w-6 h-0.5 bg-[var(--nav-link)] transition-all duration-300 origin-center"></span>
244                        <span
245                            class="hamburger-line block w-6 h-0.5 bg-[var(--nav-link)] transition-all duration-300 origin-center"></span>
246                    </label>
247
248                    <ul
249                        class="flex flex-col lg:flex-row fixed lg:relative top-0 left-[-100%] lg:left-0 w-[70%] lg:w-auto h-screen lg:h-auto bg-[var(--header-bg)] lg:bg-transparent pt-24 lg:pt-0 gap-6 transition-all duration-300 peer-checked:left-0 lg:items-center z-10 border-l lg:border-0 border-[var(--header-border)]">
250                        <!-- Navigation links (non-buttons) -->
251                        
252                            
253                                
254                                    <li class="px-4 lg:px-0">
255                                        <a href="https://www.compile7.com/about"
256                                            class="nav-link transition-all duration-200 text-[var(--nav-link)] hover:text-[var(--nav-link-hover)]"
257                                            target="_blank"
258                                            rel="noopener noreferrer">
259                                                <span>
260                                                    About
261                                                </span>
262                                        </a>
263                                    </li>
264                                    
265                                    <li class="px-4 lg:px-0">
266                                        <a href="https://www.compile7.com/#services"
267                                            class="nav-link transition-all duration-200 text-[var(--nav-link)] hover:text-[var(--nav-link-hover)]"
268                                            target="_blank"
269                                            rel="noopener noreferrer">
270                                                <span>
271                                                    Services
272                                                </span>
273                                        </a>
274                                    </li>
275                                    
276                                    <li class="px-4 lg:px-0">
277                                        <a href="https://www.compile7.com/#benefits"
278                                            class="nav-link transition-all duration-200 text-[var(--nav-link)] hover:text-[var(--nav-link-hover)]"
279                                            target="_blank"
280                                            rel="noopener noreferrer">
281                                                <span>
282                                                    Benefits
283                                                </span>
284                                        </a>
285                                    </li>
286                                    
287                                    <li class="px-4 lg:px-0">
288                                        <a href="https://www.compile7.com/#portfolio"
289                                            class="nav-link transition-all duration-200 text-[var(--nav-link)] hover:text-[var(--nav-link-hover)]"
290                                            target="_blank"
291                                            rel="noopener noreferrer">
292                                                <span>
293                                                    Portfolio
294                                                </span>
295                                        </a>
296                                    </li>
297                                    
298                                    <li class="px-4 lg:px-0">
299                                        <a href="https://www.compile7.com/#testimonials"
300                                            class="nav-link transition-all duration-200 text-[var(--nav-link)] hover:text-[var(--nav-link-hover)]"
301                                            target="_blank"
302                                            rel="noopener noreferrer">
303                                                <span>
304                                                    Testimonials
305                                                </span>
306                                        </a>
307                                    </li>
308                                    
309                                        
310
311                                            <!-- Mobile view buttons -->
312                                            
313                                                
314                                                    
315                                                        <li class="px-4 lg:px-0 block lg:hidden">
316                                                            <a href="https://www.compile7.com/#contact"
317                                                                class="btn btn-sm py-2 px-6 rounded-full transition-colors block text-center text-[var(--btn-primary-text)] bg-[var(--btn-primary-bg)] border border-[var(--btn-primary-border)] hover:text-[var(--btn-primary-text-hover)] hover:bg-[var(--btn-primary-bg-hover)]"
318                                                                target="_blank" rel="noopener noreferrer">
319                                                                    <span>
320                                                                        Contact Us
321                                                                    </span>
322                                                            </a>
323                                                        </li>
324                                                        
325                                                            
326                    </ul>
327                </nav>
328                
329
330
331                    
332
333                            
334                                
335                                    
336                                        <div class="lg:flex items-center gap-2 lg:min-w-80 justify-end hidden">
337                                            
338                                                    <!-- Dynamic header buttons for desktop -->
339                                                    
340                                                        <a href="https://www.compile7.com/#contact"
341                                                            class="btn btn-primary btn-sm py-2 px-6 rounded-full transition-colors text-[var(--btn-primary-text)] bg-[var(--btn-primary-bg)] border border-[var(--btn-primary-border)] hover:text-[var(--btn-primary-text-hover)]"
342                                                            target="_blank" rel="noopener noreferrer">
343                                                                <sp
343an>
344                                                                    Contact Us
345                                                                </span>
346                                                        </a>
347                                                        
348                                        </div>
349                                        
350                                            
351        </div>
352    </div>
353</header>
354
355<script>
356    // Language detection and management
357    function getUserLanguage() {
358        return navigator.languages?.[0] || navigator.language || "en";
359    }
360
361    function getSupportedLanguages() {
362        const supported = ["en" ];
363        return supported;
364    }
365
366    function switchLanguage(lang) {
367        // Store the selected language in localStorage
368        localStorage.setItem('preferredLanguage', lang);
369
370        const currentPath = window.location.pathname;
371        const currentSearch = window.location.search;
372        let newPath = currentPath;
373
374        // Base URL logic - handles both root and subpath deployments
375        const getPortalPath = () => {
376            // Prefer subpath variable (always reliable for subpath deployments)
377            // even when prodSiteUrl in DB may not include the subpath
378            const subpathVar = '';
379            if (subpathVar) return '/' + subpathVar;
380
381            const baseUrl = '/blog';
382            try {
383                if (!baseUrl) return '/';
384                const url = new URL(baseUrl.startsWith('http') ? baseUrl : window.location.origin + baseUrl);
385                return url.pathname === '/' ? '/' : url.pathname.replace(new RegExp('\\/$'), '');
386            } catch (e) {
387                return '/';
388            }
389        };
390
391        const portalPath = getPortalPath();
392
393        // Supported language codes from backend
394        const supportedLangs = ["en" ];
395
396        // Regex to match /lang-code or /lang-code/ at the start of a path segment
397        const langCodeRegex = new RegExp('^\\/([a-z]{2,3}(?:-[a-zA-Z0-9]{2,})?)(?:\\/|$)');
398
399        if (portalPath === '/') {
400            // Root deployment
401            const match = currentPath.match(langCodeRegex);
402            if (match) {
403                // Existing language code found
404                if (lang === 'en') {
405                    // Remove language code: /es/foo -> /foo
406                    newPath = currentPath.replace(langCodeRegex, '/');
407                } else {
408                    // Replace language code: /es/foo -> /fr/foo
409                    newPath = currentPath.replace(langCodeRegex, '/' + lang + '/');
410                }
411            } else {
412                // No language code found
413                if (lang !== 'en') {
414                    // Add language code: /foo -> /es/foo
415                    newPath = '/' + lang + currentPath;
416                }
417            }
418        } else {
419            // Subpath deployment (e.g., /portal)
420            if (currentPath.startsWith(portalPath)) {
421                const afterSubpath = currentPath.substring(portalPath.length);
422                const match = afterSubpath.match(langCodeRegex);
423
424                if (match) {
425                    // Existing language code found after subpath
426                    if (lang === 'en') {
427                        // Remove language code
428                        newPath = portalPath + afterSubpath.replace(langCodeRegex, '/');
429                    } else {
430                        // Replace language code
431                        newPath = portalPath + afterSubpath.replace(langCodeRegex, '/' + lang + '/');
432                    }
433                } else {
434                    // No language code found after subpath
435                    if (lang !== 'en') {
436                        // Add language code
437                        newPath = portalPath + '/' + lang + afterSubpath;
438                    }
439                }
440            } else {
441                // Fallback or mismatch, treat as root
442                if (lang !== 'en') {
443                    newPath = '/' + lang + currentPath;
444                }
445            }
446        }
447
448        // Normalize double slashes
449        newPath = newPath.replace(new RegExp('\\/+', 'g'), '/');
450        // Remove trailing slash if it wasn't there originally (unless root)
451        if (newPath.length > 1 && newPath.endsWith('/')) {
452            newPath = newPath.slice(0, -1);
453        }
454
455        // Preserve query parameters
456        window.location.href = newPath + currentSearch;
457    }
458</script>
458
459
460                                <main class="w-full mx-auto  lg:pb-12  pb-8 bg-[var(--container-bg)] flex-1">
461                                    
462    <h1 class="text-4xl lg:text-5xl font-semibold mb-4 text-[var(--text-heading)] !leading-tight max-w-4xl sr-only">
463      Compile7 - Custom AI Agents for Your Business
464    </h1>
465    <p class="text-lg text-[var(--text-body)] max-w-3xl sr-only">
466      Compile7 builds intelligent AI agents tailored to your specific business needs and workflows. Transform your operations with custom AI solutions that automate tasks, enhance productivity, and deliver exceptional results.
467    </p>
468    
469    <section aria-labelledby="featured-posts-heading" class="max-w-7xl mx-auto mt-12  px-4">
470      <h2 class="text-2xl font-semibold text-[var(--text-heading)] !leading-tight tracking-tight mb-6">
471        Featured
472      </h2>
473
474      <div class="grid lg:gap-8 gap-6 lg:grid-cols-2">
475
476        <!-- Main Featured Post -->
477        
478        <article
479          class="relative h-full hover:translate-y-[-2px] transition-all rounded-xl shadow-lg hover:shadow-xl duration-300 overflow-hidden border bg-[var(--card-bg)] border-[var(--card-border)] p-2">
480          <img
481            src="https://ai-gen-images.compile7.com/generated_images/gen_img_20260217_111230_0.jpg"
482            onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
483            alt="AI Agent Behavioral Science" class="w-full lg:h-64 h-44 object-cover rounded-md" />
484          <div class="pt-6 px-2 pb-4 flex flex-col lg:min-h-[167px]">
485            <p class="text-sm mb-3 text-[var(--text-body)] lg:block hidden"><span class="flex items-center gap-1  ">
486                <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
487                  fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
488                  class="lucide lucide-calendar w-4 h-4">
489                  <path d="M8 2v4"></path>
490                  <path d="M16 2v4"></path>
491                  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
492                  <path d="M3 10h18"></path>
493                </svg>
494                <time
495                  datetime="Tue Feb 17 2026 11:15:48 GMT+0000 (Coordinated Universal Time)">February 17, 2026</time>
496              </span></p>
497            <h2
498              class="text-xl lg:text-2xl font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)] lg:mb-4 mb-6">
499              AI Agent Behavioral Science
500            </h2>
501            <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap ">
502              <span class="flex items-center gap-1">
503                <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
504                  fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
505                  class="lucide lucide-user w-4 h-4">
506                  <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
507                  <circle cx="12" cy="7" r="4"></circle>
508                </svg>
509                <span>By Emily Nguyen</span>
510              </span>
511              <span class="flex lg:hidden items-center gap-1">
512                <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
513                  fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
514                  class="lucide lucide-calendar w-4 h-4">
515                  <path d="M8 2v4"></path>
516                  <path d="M16 2v4"></path>
517                  <rect width="18" height="18" x="3" y="4" rx="2"></rect>
518                  <path d="M3 10h18"></path>
519                </svg>
520                <time
521                  datetime="Tue Feb 17 2026 11:15:48 GMT+0000 (Coordinated Universal Time)">February 17, 2026</time>
522              </span>
523              <span class="flex items-center gap-1">
524                <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
525                  fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
526                  class="lucide lucide-clock w-4 h-4">
527                  <circle cx="12" cy="12" r="10"></circle>
528                  <polyline points="12,6 12,12 16,14"></polyline>
529                </svg>
530                <span>8 min read</span>
531              </span>
532            </div>
533            <a href="/blog/ai-agent-behavioral-science-machine-psychology"
534              class="absolute inset-0 w-full h-full top-0 left-0">
535              <div class="sr-only">common.read_full_article</div>
536            </a>
537          </div>
538        </article>
539        
540
541        <!-- Smaller Posts -->
542        <div class="flex flex-col gap-6 items-start lg:mt-2">
543          
544          <article
545            class="relative lg:min-h-[128px] w-full flex lg:flex-row flex-col gap-6 items-start hover:translate-y-[-2px] transition-all duration-300 overflow-hidden rounded-xl lg:rou
545nded-none shadow-lg lg:shadow-none hover:shadow-xl lg:hover:shadow-none border lg:border-none bg-[var(--card-bg)] lg:bg-transparent border-[var(--card-border)] lg:border-[var(--card-border)] p-2 lg:p-0">
546            <img
547              src="https://ai-gen-images.compile7.com/generated_images/gen_img_20260217_090358_0.jpg"
548              onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
549              alt="Simulating Human Behavior with AI Agents - Stanford HAI"
550              class="lg:w-[184px] w-full rounded-md object-cover flex-shrink-0  lg:h-[128px] h-44" />
551            <div class="lg:p-0 px-2 pb-4 h-full flex flex-col">
552              <p class="text-sm mb-3 text-[var(--text-body)] lg:block hidden"><span class="flex items-center gap-1">
553                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
554                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
555                    class="lucide lucide-calendar w-4 h-4">
556                    <path d="M8 2v4"></path>
557                    <path d="M16 2v4"></path>
558                    <rect width="18" height="18" x="3" y="4" rx="2"></rect>
559                    <path d="M3 10h18"></path>
560                  </svg>
561                  <time
562                    datetime="Tue Feb 17 2026 09:06:54 GMT+0000 (Coordinated Universal Time)">February 17, 2026</time>
563                </span></p>
564              <h2
565                class="text-lg font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)] mb-3 lg:mb-2 line-clamp-2">
566                Simulating Human Behavior with AI Agents - Stanford HAI
567              </h2>
568              <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap">
569                <span class="flex items-center gap-1">
570                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
571                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
572                    class="lucide lucide-user w-4 h-4">
573                    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
574                    <circle cx="12" cy="7" r="4"></circle>
575                  </svg>
576                  <span>By Emily Nguyen</span>
577                </span>
578                <span class="flex items-center gap-1 lg:hidden">
579                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
580                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
581                    class="lucide lucide-calendar w-4 h-4">
582                    <path d="M8 2v4"></path>
583                    <path d="M16 2v4"></path>
584                    <rect width="18" height="18" x="3" y="4" rx="2"></rect>
585                    <path d="M3 10h18"></path>
586                  </svg>
587                  <time
588                    datetime="Tue Feb 17 2026 09:06:54 GMT+0000 (Coordinated Universal Time)">February 17, 2026</time>
589                </span>
590                <span class="flex items-center gap-1">
591                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
592                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
593                    class="lucide lucide-clock w-4 h-4">
594                    <circle cx="12" cy="12" r="10"></circle>
595                    <polyline points="12,6 12,12 16,14"></polyline>
596                  </svg>
597                  <span>10 min read</span>
598                </span>
599              </div>
600              <a href="/blog/simulating-human-behavior-ai-agents-stanford"
601                class="absolute inset-0 w-full h-full top-0 left-0">
602                <div class="sr-only">common.read_full_article</div>
603              </a>
604            </div>
605          </article>
606          
607          <article
608            class="relative lg:min-h-[128px] w-full flex lg:flex-row flex-col gap-6 items-start hover:translate-y-[-2px] transition-all duration-300 overflow-hidden rounded-xl lg:rou
608nded-none shadow-lg lg:shadow-none hover:shadow-xl lg:hover:shadow-none border lg:border-none bg-[var(--card-bg)] lg:bg-transparent border-[var(--card-border)] lg:border-[var(--card-border)] p-2 lg:p-0">
609            <img
610              src="https://ai-gen-images.compile7.com/generated_images/gen_img_20260217_070942_0.jpg"
611              onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
612              alt="Customer Behavior Analysis AI Agents"
613              class="lg:w-[184px] w-full rounded-md object-cover flex-shrink-0  lg:h-[128px] h-44" />
614            <div class="lg:p-0 px-2 pb-4 h-full flex flex-col">
615              <p class="text-sm mb-3 text-[var(--text-body)] lg:block hidden"><span class="flex items-center gap-1">
616                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
617                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
618                    class="lucide lucide-calendar w-4 h-4">
619                    <path d="M8 2v4"></path>
620                    <path d="M16 2v4"></path>
621                    <rect width="18" height="18" x="3" y="4" rx="2"></rect>
622                    <path d="M3 10h18"></path>
623                  </svg>
624                  <time
625                    datetime="Tue Feb 17 2026 07:12:52 GMT+0000 (Coordinated Universal Time)">February 17, 2026</time>
626                </span></p>
627              <h2
628                class="text-lg font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)] mb-3 lg:mb-2 line-clamp-2">
629                Customer Behavior Analysis AI Agents
630              </h2>
631              <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap">
632                <span class="flex items-center gap-1">
633                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
634                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
635                    class="lucide lucide-user w-4 h-4">
636                    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
637                    <circle cx="12" cy="7" r="4"></circle>
638                  </svg>
639                  <span>By Emily Nguyen</span>
640                </span>
641                <span class="flex items-center gap-1 lg:hidden">
642                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
643                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
644                    class="lucide lucide-calendar w-4 h-4">
645                    <path d="M8 2v4"></path>
646                    <path d="M16 2v4"></path>
647                    <rect width="18" height="18" x="3" y="4" rx="2"></rect>
648                    <path d="M3 10h18"></path>
649                  </svg>
650                  <time
651                    datetime="Tue Feb 17 2026 07:12:52 GMT+0000 (Coordinated Universal Time)">February 17, 2026</time>
652                </span>
653                <span class="flex items-center gap-1">
654                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
655                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
656                    class="lucide lucide-clock w-4 h-4">
657                    <circle cx="12" cy="12" r="10"></circle>
658                    <polyline points="12,6 12,12 16,14"></polyline>
659                  </svg>
660                  <span>6 min read</span>
661                </span>
662              </div>
663              <a href="/blog/customer-behavior-analysis-ai-agents-guide"
664                class="absolute inset-0 w-full h-full top-0 left-0">
665                <div class="sr-only">common.read_full_article</div>
666              </a>
667            </div>
668          </article>
669          
670          <article
671            class="relative lg:min-h-[128px] w-full flex lg:flex-row flex-col gap-6 items-start hover:translate-y-[-2px] transition-all duration-300 overflow-hidden rounded-xl lg:rou
671nded-none shadow-lg lg:shadow-none hover:shadow-xl lg:hover:shadow-none border lg:border-none bg-[var(--card-bg)] lg:bg-transparent border-[var(--card-border)] lg:border-[var(--card-border)] p-2 lg:p-0">
672            <img
673              src="https://cdn.pseo.one/685cbe45cef939f3b977158a/686ef5a1027b1d23f092b3b5/who-are-the-big-4-ai-agents/who-are-the-big-4-ai-agents.jpeg"
674              onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
675              alt="Who are the big 4 AI agents?"
676              class="lg:w-[184px] w-full rounded-md object-cover flex-shrink-0  lg:h-[128px] h-44" />
677            <div class="lg:p-0 px-2 pb-4 h-full flex flex-col">
678              <p class="text-sm mb-3 text-[var(--text-body)] lg:block hidden"><span class="flex items-center gap-1">
679                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
680                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
681                    class="lucide lucide-calendar w-4 h-4">
682                    <path d="M8 2v4"></path>
683                    <path d="M16 2v4"></path>
684                    <rect width="18" height="18" x="3" y="4" rx="2"></rect>
685                    <path d="M3 10h18"></path>
686                  </svg>
687                  <time
688                    datetime="Fri Feb 13 2026 00:40:52 GMT+0000 (Coordinated Universal Time)">February 13, 2026</time>
689                </span></p>
690              <h2
691                class="text-lg font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)] mb-3 lg:mb-2 line-clamp-2">
692                Who are the big 4 AI agents?
693              </h2>
694              <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap">
695                <span class="flex items-center gap-1">
696                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
697                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
698                    class="lucide lucide-user w-4 h-4">
699                    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
700                    <circle cx="12" cy="7" r="4"></circle>
701                  </svg>
702                  <span>By David Patel</span>
703                </span>
704                <span class="flex items-center gap-1 lg:hidden">
705                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
706                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
707                    class="lucide lucide-calendar w-4 h-4">
708                    <path d="M8 2v4"></path>
709                    <path d="M16 2v4"></path>
710                    <rect width="18" height="18" x="3" y="4" rx="2"></rect>
711                    <path d="M3 10h18"></path>
712                  </svg>
713                  <time
714                    datetime="Fri Feb 13 2026 00:40:52 GMT+0000 (Coordinated Universal Time)">February 13, 2026</time>
715                </span>
716                <span class="flex items-center gap-1">
717                  <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
718                    fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
719                    class="lucide lucide-clock w-4 h-4">
720                    <circle cx="12" cy="12" r="10"></circle>
721                    <polyline points="12,6 12,12 16,14"></polyline>
722                  </svg>
723                  <span>7 min read</span>
724                </span>
725              </div>
726              <a href="/blog/who-are-the-big-4-ai-agents"
727                class="absolute inset-0 w-full h-full top-0 left-0">
728                <div class="sr-only">common.read_full_article</div>
729              </a>
730            </div>
731          </article>
732          
733        </div>
734      </div>
735    </section>
736    
737
738
739
740
741    <!-- Content Grid -->
742    <section aria-labelledby="featured-posts-heading" class="max-w-7xl mx-auto mt-12 lg:mt-24 px-4">
743      <div class="flex lg:items-center items-start justify-between flex-col lg:flex-row mb-6 gap-6 lg:gap-0">
744        <h2 class="text-2xl font-semibold text-[var(--text-heading)] !leading-tight tracking-tight ">
745          Articles
746        </h2>
747
748        <form
749          action="/blog"
750          method="GET" class="w-full max-w-[404px]">
751          <div class="relative">
752            <div class="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none">
753              <svg role="presentation" class="h-5 w-5 stroke-[var(--search-placeholder)]" fill="none"
754                viewBox="0 0 24 24">
755                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
756                  d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
757              </svg>
758            </div>
759            <input type="text" name="q" id="searchInput"
760              placeholder="Search AI agent guides, case studies, and implementation tips..."
761              value=""
762              class="search-input block w-full pl-12 pr-12 p-4 rounded-lg leading-5 text-lg transition-all duration-200 focus:outline-none  bg-[var(--search-bg)] border border-[var(--search-border)] text-[var(--search-text)] placeholder:text-[var(--search-placeholder)] placeholder:text-base focus:bg-[var(--search-bg-hover)] focus:border-[var(--search-border-hover)]" />
763            
764          </div>
765        </form>
766      </div>
767      <!-- Results Info -->
768      
769      
769<script>
770        document.addEventListener('DOMContentLoaded', function () {
771          const clearButton = document.getElementById('clearSearch');
772          const searchInput = document.getElementById('searchInput');
773
774          if (clearButton) {
775            clearButton.addEventListener('click', function () {
776              // Clear the search input
777              searchInput.value = '';
778              // Navigate to home page without search query
779              window.location.href = '/blog';
780            });
781          }
782
783          // Also handle the native search input clear button
784          searchInput.addEventListener('search', function (e) {
785            if (e.target.value === '') {
786              window.location.href = '/blog';
787            }
788          });
789        });
790      </script>
790
791      
792      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8">
793        
794        <article class="group cursor-pointer">
795          <div
796            class="h-full hover:translate-y-[-2px] transition-all rounded-xl shadow-lg hover:shadow-xl duration-300 overflow-hidden border bg-[var(--card-bg)] border-[var(--card-border)]">
797            <div class="p-2 relative flex flex-col gap-6 h-full">
798              <img
799                src="https://cdn.pseo.one/685cbe45cef939f3b977158a/686ef5a1027b1d23f092b3b5/belief-desire-intention-bdi-model-ai-agents/the-belief-desire-intention-bdi-model.jpeg"
800                onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
801                alt="The Belief-Desire-Intention (BDI) Model" class="w-full h-64 object-cover rounded-md" />
802              <div class="flex flex-col gap-6 h-full lg:px-4 px-2">
803
804                
805                <span
806                  class="w-fit inline-flex items-center px-3 py-1 capitalize rounded-full text-xs font-medium tracking-wide  bg-[var(--label-primary-bg)] text-[var(--label-primary-text)] border border-[var(--label-primary-border)]">
807                  BDI model
808                </span>
809                
810
811                <h2
812                  class="text-xl font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)]">
813                  The Belief-Desire-Intention (BDI) Model
814                </h2>
815
816                <p class="text-base line-clamp-3 leading-relaxed text-[var(--text-body)]">
817                  Explore how the Belief-Desire-Intention (BDI) model powers intelligent ai agents and business automation. Learn to build better autonomous systems.
818                </p>
819                <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap pb-4">
820                  <span class="flex items-center gap-1">
821                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
822                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
823                      stroke-linejoin="round" class="lucide lucide-user w-4 h-4">
824                      <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
825                      <circle cx="12" cy="7" r="4"></circle>
826                    </svg>
827                    <span>By Emily Nguyen</span>
828                  </span>
829                  <span class="flex items-center gap-1">
830                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
831                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
832                      stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4">
833                      <path d="M8 2v4"></path>
834                      <path d="M16 2v4"></path>
835                      <rect width="18" height="18" x="3" y="4" rx="2"></rect>
836                      <path d="M3 10h18"></path>
837                    </svg>
838                    <time datetime="Mon Feb 09 2026 00:25:12 GMT+0000 (Coordinated Universal Time)">February 9, 2026</time>
839                  </span>
840                  <span class="flex items-center gap-1">
841                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
842                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
843                      stroke-linejoin="round" class="lucide lucide-clock w-4 h-4">
844                      <circle cx="12" cy="12" r="10"></circle>
845                      <polyline points="12,6 12,12 16,14"></polyline>
846                    </svg>
847                    <span>5 min read</span>
848                  </span>
849                </div>
850              </div>
851              <a href="/blog/belief-desire-intention-bdi-model-ai-agents"
852                class="absolute inset-0 w-full h-full top-0 left-0">
853                <div class="sr-only">common.read_full_article</div>
854              </a>
855            </div>
856          </div>
857        </article>
858        
859        <article class="group cursor-pointer">
860          <div
861            class="h-full hover:translate-y-[-2px] transition-all rounded-xl shadow-lg hover:shadow-xl duration-300 overflow-hidden border bg-[var(--card-bg)] border-[var(--card-border)]">
862            <div class="p-2 relative flex flex-col gap-6 h-full">
863              <img
864                src="https://cdn.pseo.one/685cbe45cef939f3b977158a/686ef5a1027b1d23f092b3b5/agentic-automation-platform-features-guide/agentic-automation-platform-features.jpeg"
865                onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
866                alt="Agentic Automation Platform & Features" class="w-full h-64 object-cover rounded-md" />
867              <div class="flex flex-col gap-6 h-full lg:px-4 px-2">
868
869                
870                <span
871                  class="w-fit inline-flex items-center px-3 py-1 capitalize rounded-full text-xs font-medium tracking-wide  bg-[var(--label-primary-bg)] text-[var(--label-primary-text)] border border-[var(--label-primary-border)]">
872                  Agentic Automation Platform & Features
873                </span>
874                
875
876                <h2
877                  class="text-xl font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)]">
878                  Agentic Automation Platform & Features
879                </h2>
880
881                <p class="text-base line-clamp-3 leading-relaxed text-[var(--text-body)]">
882                  Explore the top agentic automation platform & features for 2026. Learn about ai agents, reasoning engines, and how to scale business automation.
883                </p>
884                <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap pb-4">
885                  <span class="flex items-center gap-1">
886                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
887                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
888                      stroke-linejoin="round" class="lucide lucide-user w-4 h-4">
889                      <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
890                      <circle cx="12" cy="7" r="4"></circle>
891                    </svg>
892                    <span>By David Patel</span>
893                  </span>
894                  <span class="flex items-center gap-1">
895                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
896                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
897                      stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4">
898                      <path d="M8 2v4"></path>
899                      <path d="M16 2v4"></path>
900                      <rect width="18" height="18" x="3" y="4" rx="2"></rect>
901                      <path d="M3 10h18"></path>
902                    </svg>
903                    <time datetime="Fri Feb 06 2026 00:45:35 GMT+0000 (Coordinated Universal Time)">February 6, 2026</time>
904                  </span>
905                  <span class="flex items-center gap-1">
906                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
907                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
908                      stroke-linejoin="round" class="lucide lucide-clock w-4 h-4">
909                      <circle cx="12" cy="12" r="10"></circle>
910                      <polyline points="12,6 12,12 16,14"></polyline>
911                    </svg>
912                    <span>6 min read</span>
913                  </span>
914                </div>
915              </div>
916              <a href="/blog/agentic-automation-platform-features-guide"
917                class="absolute inset-0 w-full h-full top-0 left-0">
918                <div class="sr-only">common.read_full_article</div>
919              </a>
920            </div>
921          </div>
922        </article>
923        
924        <article class="group cursor-pointer">
925          <div
926            class="h-full hover:translate-y-[-2px] transition-all rounded-xl shadow-lg hover:shadow-xl duration-300 overflow-hidden border bg-[var(--card-bg)] border-[var(--card-border)]">
927            <div class="p-2 relative flex flex-col gap-6 h-full">
928              <img
929                src="https://cdn.pseo.one/685cbe45cef939f3b977158a/686ef5a1027b1d23f092b3b5/overview-framework-studying-ai-agent-behavior/overview-a-framework-for-studying-ai-agent-behavior.jpeg"
930                onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
931                alt="Overview ‹ A Framework for Studying AI Agent Behavior ..." class="w-full h-64 object-cover rounded-md" />
932              <div class="flex flex-col gap-6 h-full lg:px-4 px-2">
933
934                
935                <span
936                  class="w-fit inline-flex items-center px-3 py-1 capitalize rounded-full text-xs font-medium tracking-wide  bg-[var(--label-primary-bg)] text-[var(--label-primary-text)] border border-[var(--label-primary-border)]">
937                  AI Agent Behavior
938                </span>
939                
940
941                <h2
942                  class="text-xl font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)]">
943                  Overview ‹ A Framework for Studying AI Agent Behavior ...
944                </h2>
945
946                <p class="text-base line-clamp-3 leading-relaxed text-[var(--text-body)]">
947                  Learn how to evaluate ai agent behavior with our comprehensive framework. Perfect for decision makers looking to integrate autonomous agents into business workflows.
948                </p>
949                <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap pb-4">
950                  <span class="flex items-center gap-1">
951                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
952                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
953                      stroke-linejoin="round" class="lucide lucide-user w-4 h-4">
954                      <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
955                      <circle cx="12" cy="7" r="4"></circle>
956                    </svg>
957                    <span>By Emily Nguyen</span>
958                  </span>
959                  <span class="flex items-center gap-1">
960                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
961                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
962                      stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4">
963                      <path d="M8 2v4"></path>
964                      <path d="M16 2v4"></path>
965                      <rect width="18" height="18" x="3" y="4" rx="2"></rect>
966                      <path d="M3 10h18"></path>
967                    </svg>
968                    <time datetime="Wed Feb 04 2026 00:38:13 GMT+0000 (Coordinated Universal Time)">February 4, 2026</time>
969                  </span>
970                  <span class="flex items-center gap-1">
971                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
972                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
973                      stroke-linejoin="round" class="lucide lucide-clock w-4 h-4">
974                      <circle cx="12" cy="12" r="10"></circle>
975                      <polyline points="12,6 12,12 16,14"></polyline>
976                    </svg>
977                    <span>6 min read</span>
978                  </span>
979                </div>
980              </div>
981              <a href="/blog/overview-framework-studying-ai-agent-behavior"
982                class="absolute inset-0 w-full h-full top-0 left-0">
983                <div class="sr-only">common.read_full_article</div>
984              </a>
985            </div>
986          </div>
987        </article>
988        
989        <article class="group cursor-pointer">
990          <div
991            class="h-full hover:translate-y-[-2px] transition-all rounded-xl shadow-lg hover:shadow-xl duration-300 overflow-hidden border bg-[var(--card-bg)] border-[var(--card-border)]">
992            <div class="p-2 relative flex flex-col gap-6 h-full">
993              <img
994                src="https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480"
995                onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
996                alt="The Belief-Desire-Intention Ontology for modelling mental ..." class="w-full h-64 object-cover rounded-md" />
997              <div class="flex flex-col gap-6 h-full lg:px-4 px-2">
998
999                
1000                <span
1001                  class="w-fit inline-flex items-center px-3 py-1 capitalize rounded-full text-xs font-medium tracking-wide  bg-[var(--label-primary-bg)] text-[var(--label-primary-text)] border border-[var(--label-primary-border)]">
1002                  BDI ontology
1003                </span>
1004                
1005
1006                <h2
1007                  class="text-xl font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)]">
1008                  The Belief-Desire-Intention Ontology for modelling mental ...
1009                </h2>
1010
1011                <p class="text-base line-clamp-3 leading-relaxed text-[var(--text-body)]">
1012                  Learn how the BDI ontology models mental states in AI agents to drive business automation, intelligent workflows, and custom enterprise AI solutions.
1013                </p>
1014                <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap pb-4">
1015                  <span class="flex items-center gap-1">
1016                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1017                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
1018                      stroke-linejoin="round" class="lucide lucide-user w-4 h-4">
1019                      <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
1020                      <circle cx="12" cy="7" r="4"></circle>
1021                    </svg>
1022                    <span>By David Patel</span>
1023                  </span>
1024                  <span class="flex items-center gap-1">
1025                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1026                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
1027                      stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4">
1028                      <path d="M8 2v4"></path>
1029                      <path d="M16 2v4"></path>
1030                      <rect width="18" height="18" x="3" y="4" rx="2"></rect>
1031                      <path d="M3 10h18"></path>
1032                    </svg>
1033                    <time datetime="Mon Feb 02 2026 00:17:37 GMT+0000 (Coordinated Universal Time)">February 2, 2026</time>
1034                  </span>
1035                  <span class="flex items-center gap-1">
1036                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1037                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
1038                      stroke-linejoin="round" class="lucide lucide-clock w-4 h-4">
1039                      <circle cx="12" cy="12" r="10"></circle>
1040                      <polyline points="12,6 12,12 16,14"></polyline>
1041                    </svg>
1042                    <span>8 min read</span>
1043                  </span>
1044                </div>
1045              </div>
1046              <a href="/blog/belief-desire-intention-ontology-modelling-mental-ai-agents"
1047                class="absolute inset-0 w-full h-full top-0 left-0">
1048                <div class="sr-only">common.read_full_article</div>
1049              </a>
1050            </div>
1051          </div>
1052        </article>
1053        
1054        <article class="group cursor-pointer">
1055          <div
1056            class="h-full hover:translate-y-[-2px] transition-all rounded-xl shadow-lg hover:shadow-xl duration-300 overflow-hidden border bg-[var(--card-bg)] border-[var(--card-border)]">
1057            <div class="p-2 relative flex flex-col gap-6 h-full">
1058              <img
1059                src="https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480"
1060                onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
1061                alt="Case-Based Reasoning (CBR) Definition" class="w-full h-64 object-cover rounded-md" />
1062              <div class="flex flex-col gap-6 h-full lg:px-4 px-2">
1063
1064                
1065                <span
1066                  class="w-fit inline-flex items-center px-3 py-1 capitalize rounded-full text-xs font-medium tracking-wide  bg-[var(--label-primary-bg)] text-[var(--label-primary-text)] border border-[var(--label-primary-border)]">
1067                  Case-Based Reasoning
1068                </span>
1069                
1070
1071                <h2
1072                  class="text-xl font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)]">
1073                  Case-Based Reasoning (CBR) Definition
1074                </h2>
1075
1076                <p class="text-base line-clamp-3 leading-relaxed text-[var(--text-body)]">
1077                  Learn about Case-Based Reasoning (CBR) and how it helps ai agents solve complex problems using past experience. A guide for technology decision makers.
1078                </p>
1079                <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap pb-4">
1080                  <span class="flex items-center gap-1">
1081                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1082                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
1083                      stroke-linejoin="round" class="lucide lucide-user w-4 h-4">
1084                      <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
1085                      <circle cx="12" cy="7" r="4"></circle>
1086                    </svg>
1087                    <span>By Emily Nguyen</span>
1088                  </span>
1089                  <span class="flex items-center gap-1">
1090                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1091                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
1092                      stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4">
1093                      <path d="M8 2v4"></path>
1094                      <path d="M16 2v4"></path>
1095                      <rect width="18" height="18" x="3" y="4" rx="2"></rect>
1096                      <path d="M3 10h18"></path>
1097                    </svg>
1098                    <time datetime="Fri Jan 30 2026 07:08:08 GMT+0000 (Coordinated Universal Time)">January 30, 2026</time>
1099                  </span>
1100                  <span class="flex items-center gap-1">
1101                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1102                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
1103                      stroke-linejoin="round" class="lucide lucide-clock w-4 h-4">
1104                      <circle cx="12" cy="12" r="10"></circle>
1105                      <polyline points="12,6 12,12 16,14"></polyline>
1106                    </svg>
1107                    <span>5 min read</span>
1108                  </span>
1109                </div>
1110              </div>
1111              <a href="/blog/case-based-reasoning-cbr-definition"
1112                class="absolute inset-0 w-full h-full top-0 left-0">
1113                <div class="sr-only">common.read_full_article</div>
1114              </a>
1115            </div>
1116          </div>
1117        </article>
1118        
1119        <article class="group cursor-pointer">
1120          <div
1121            class="h-full hover:translate-y-[-2px] transition-all rounded-xl shadow-lg hover:shadow-xl duration-300 overflow-hidden border bg-[var(--card-bg)] border-[var(--card-border)]">
1122            <div class="p-2 relative flex flex-col gap-6 h-full">
1123              <img
1124                src="https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480"
1125                onerror="this.onerror=null; this.src='https://img.freepik.com/free-vector/data-security-technology-background-vector-blue-tone_53876-112201.jpg?t=st=1762163932~exp=1762167532~hmac=0654715a6ed5fd6b8d9888e746dc63bce0d3d6b76b2dea181bb9dade5e0b5288&w=1480';"
1126                alt="Behavior Agent – AI for ABA Data & Person-Centered Language" class="w-full h-64 object-cover rounded-md" />
1127              <div class="flex flex-col gap-6 h-full lg:px-4 px-2">
1128
1129                
1130                <span
1131                  class="w-fit inline-flex items-center px-3 py-1 capitalize rounded-full text-xs font-medium tracking-wide  bg-[var(--label-primary-bg)] text-[var(--label-primary-text)] border border-[var(--label-primary-border)]">
1132                  behavior agent
1133                </span>
1134                
1135
1136                <h2
1137                  class="text-xl font-medium cursor-pointer transition-colors duration-200 text-[var(--text-heading)]">
1138                  Behavior Agent – AI for ABA Data & Person-Centered Language
1139                </h2>
1140
1141                <p class="text-base line-clamp-3 leading-relaxed text-[var(--text-body)]">
1142                  Learn how ai agents automate ABA data analysis and ensure person-centered language in behavioral health workflows. Expert guide for tech decision makers.
1143                </p>
1144                <div class="flex items-center text-sm text-[var(--text-body)] gap-4 mt-auto flex-wrap pb-4">
1145                  <span class="flex items-center gap-1">
1146                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1147                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
1148                      stroke-linejoin="round" class="lucide lucide-user w-4 h-4">
1149                      <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
1150                      <circle cx="12" cy="7" r="4"></circle>
1151                    </svg>
1152                    <span>By David Patel</span>
1153                  </span>
1154                  <span class="flex items-center gap-1">
1155                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1156                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
1157                      stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4">
1158                      <path d="M8 2v4"></path>
1159                      <path d="M16 2v4"></path>
1160                      <rect width="18" height="18" x="3" y="4" rx="2"></rect>
1161                      <path d="M3 10h18"></path>
1162                    </svg>
1163                    <time datetime="Wed Jan 28 2026 00:36:40 GMT+0000 (Coordinated Universal Time)">January 28, 2026</time>
1164                  </span>
1165                  <span class="flex items-center gap-1">
1166                    <svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1167                      viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
1168                      stroke-linejoin="round" class="lucide lucide-clock w-4 h-4">
1169                      <circle cx="12" cy="12" r="10"></circle>
1170                      <polyline points="12,6 12,12 16,14"></polyline>
1171                    </svg>
1172                    <span>6 min read</span>
1173                  </span>
1174                </div>
1175              </div>
1176              <a href="/blog/behavior-agent-ai-aba-data-person-centered-language"
1177                class="absolute inset-0 w-full h-full top-0 left-0">
1178                <div class="sr-only">common.read_full_article</div>
1179              </a>
1180            </div>
1181          </div>
1182        </article>
1183        
1184      </div>
1185      
1186    </section>
1187    <!-- Pagination -->
1188    
1189    <div class="flex items-center justify-center space-x-2 mt-8 lg:mt-12 lg:mx-0 mx-4">
1190      <!-- Previous Button -->
1191      
1192      <span
1193        class="hidden lg:block px-4 py-2 rounded font-medium cursor-not-allowed opacity-50 bg-[var(--pagination-bg)] text-[var(--pagination-text)] border border-[var(--pagination-bg)] hover:bg-[var(--pagination-bg-hover)] hover:text-[var(--pagination-text-hover)]">
1194        <svg role="presentation" xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 block" viewBox="0 0 24 24"
1195          fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
1196          <path stroke="none" d="M0 0h24v24H0z" fill="none" />
1197          <path d="M15 6l-6 6l6 6" />
1198        </svg>
1199      </span>
1200      
1201
1202      <!-- Page Numbers -->
1203       <div
1204            class="hidden lg:flex items-center gap-2">
1205            
1206            <span
1207              class="px-4 py-2 rounded font-medium bg-[var(--pagination-active-bg)] text-[var(--pagination-active-text)] border border-[var(--pagination-active-bg)]">
1208              1
1209            </span>
1210            
1211            <a href="/blog?page=2"
1212              title="Page 2"
1213              class="px-4 py-2 rounded font-medium transition-all duration-200 hover:bg-[var(--pagination-bg-hover)] hover:text-[var(--pagination-text-hover)] bg-[var(--pagination-bg)] text-[var(--pagination-text)] border border-[var(--pagination-bg)]">
1214              2
1215            </a>
1216            
1217            <a href="/blog?page=3"
1218              title="Page 3"
1219              class="px-4 py-2 rounded font-medium transition-all duration-200 hover:bg-[var(--pagination-bg-hover)] hover:text-[var(--pagination-text-hover)] bg-[var(--pagination-bg)] text-[var(--pagination-text)] border border-[var(--pagination-bg)]">
1220              3
1221            </a>
1222            
1223            <a href="/blog?page=4"
1224              title="Page 4"
1225              class="px-4 py-2 rounded font-medium transition-all duration-200 hover:bg-[var(--pagination-bg-hover)] hover:text-[var(--pagination-text-hover)] bg-[var(--pagination-bg)] text-[var(--pagination-text)] border border-[var(--pagination-bg)]">
1226              4
1227            </a>
1228            
1229            <a href="/blog?page=5"
1230              title="Page 5"
1231              class="px-4 py-2 rounded font-medium transition-all duration-200 hover:bg-[var(--pagination-bg-hover)] hover:text-[var(--pagination-text-hover)] bg-[var(--pagination-bg)] text-[var(--pagination-text)] border border-[var(--pagination-bg)]">
1232              5
1233            </a>
1234            
1235            <span class="px-4 py-2 rounded font-medium text-[var(--text-body)]">
1236              ...
1237            </span>
1238            
1239            <a href="/blog?page=9"
1240              title="Page 9"
1241              class="px-4 py-2 rounded font-medium transition-all duration-200 hover:bg-[var(--pagination-bg-hover)] hover:text-[var(--pagination-text-hover)] bg-[var(--pagination-bg)] text-[var(--pagination-text)] border border-[var(--pagination-bg)]">
1242              9
1243            </a>
1244            
1245    </div>
1246    <div class="flex lg:hidden items-center justify-between w-full  gap-4 !ml-0">
1247      <!-- Mobile Previous -->
1248      
1249      <span class="flex items-center gap-1 text-base font-medium text-[var(--text-body)] opacity-50">
1250        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
1251          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
1252          <path d="m15 18-6-6 6-6" />
1253        </svg>
1254        Prev
1255      </span>
1256      
1257
1258      <!-- Mobile Current/Total -->
1259      <div class="flex items-center gap-2">
1260        <span class="text-base font-medium text-[var(--text-body)]">1 / 9</span>
1261      </div>
1262
1263      <!-- Mobile Next -->
1264       <a
1265        href="/blog?page=2"
1266        class="flex pr-2 pl-4 py-2 rounded font-medium transition-all duration-200 cursor-pointer bg-[var(--pagination-bg)] text-[var(--pagination-text)] border border-[var(--pagination-bg)] hover:bg-[var(--pagination-bg-hover)] hover:text-[var(--pagination-text-hover)]">
1267        <span class="flex items-center gap-1 text-base font-medium">
1268          Next
1269          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
1270            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
1271            <path d="m9 18 6-6-6-6" />
1272          </svg>
1273        </span>
1274        </a>
1275        
1276    </div>
1277    
1278
1279    <!-- Next Button -->
1280     <a
1281      href="/blog?page=2"
1282      title="Next"
1283      class="hidden lg:block px-4 py-2 rounded font-medium transition-all duration-200 cursor-pointer bg-[var(--pagination-bg)] text-[var(--pagination-text)] border border-[var(--pagination-bg)] hover:bg-[var(--pagination-bg-hover)] hover:text-[var(--pagination-text-hover)]">
1284      <svg role="presentation" xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 block" viewBox="0 0 24 24" fill="none"
1285        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
1286        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
1287        <path d="M9 6l6 6l-6 6" />
1288      </svg>
1289      </a>
1290      
1291      </div>
1292      
1293      
1294                                </main>
1295                                <footer class="footer bg-gray bg-[var(--header-bg)]">
1296    <div class="max-w-7xl mx-auto px-4 pt-8 pb-7 w-full">
1297        <div class="bottom flex flex-col gap-8 sm:justify-between items-start pb-8 sm:flex-row">
1298            <div>
1299                <a href="/blog" class="logo" title="compile7 ">
1300                    
1301                        <div class="flex items-center">
1302                            <img src="https://compile7.com/images/logo.png" alt="compile7 "  class="h-8 w-auto">
1303                        </div>
1304                    
1305                </a>
1306            </div>
1307            
1308        </div>
1309        <div class="bottom flex flex-col-reverse gap-8 justify-between border-t pt-8 sm:flex-row border-t-[var(--header-border)]">
1310            <div class="flex sm:flex-row flex-col gap-4 lg:gap-2 text-[var(--nav-link)] item-start lg:items-center">
1311                <p class='flex '>© Copyright 2026,&nbsp;<span class="inline-block lg:ml-1">compile7 </span> </p>
1312                
1313                    <p class="sm:block hidden">|</p>
1314                    <p>San Francisco, California</p>
1315                
1316                </div>
1317                
1318            <ul class="flex sm:flex-row flex-col gap-4 ">
1319                <!-- Dynamic footer links -->
1320                
1321                    <li>
1322                        <a href="https://www.compile7.com/terms-of-use"
1323                           class="nav-link transition-all duration-200 text-[var(--nav-link)] hover:text-[var(--nav-link-hover)]"
1324                           target="_blank" rel="noopener noreferrer">
1325                            Terms of Service
1326                        </a>
1327                    </li>
1328                
1329                    <li>
1330                        <a href="https://www.compile7.com/privacy-policy"
1331                           class="nav-link transition-all duration-200 text-[var(--nav-link)] hover:text-[var(--nav-link-hover)]"
1332                           target="_blank" rel="noopener noreferrer">
1333                            Privacy Policy
1334                        </a>
1335                    </li>
1336                
1337                    <li>
1338                        <a href="https://www.compile7.com/cookie-policy"
1339                           class="nav-link transition-all duration-200 text-[var(--nav-link)] hover:text-[var(--nav-link-hover)]"
1340                           target="_blank" rel="noopener noreferrer">
1341                            Cookie Policy
1342                        </a>
1343                    </li>
1344                
1345                    <li>
1346                        <a href="https://www.compile7.com/ai-ethics"
1347                           class="nav-link transition-all duration-200 text-[var(--nav-link)] hover:text-[var(--nav-link-hover)]"
1348                           target="_blank" rel="noopener noreferrer">
1349                            AI Ethics Statement
1350                        </a>
1351                    </li>
1352                
1353            </ul>
1354            
1355        </div>
1356    </div>
1357</footer>
1358                        </div>
1359
1360<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"4e317d9aa47d472a93483d94baf0f5f6","r":1,"spa":2}' crossorigin="anonymous"></script>
1360
1361</body>
1362
1363</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.