CLAUDE.md

<h1>CLAUDE.md</h1>
<p>This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.</p>
<h2>Build Commands</h2>
<pre><code class="language-bash">npm run build    # Build static site to _site/
npm run watch    # Development with auto-rebuild on file changes
npm run debug    # Build with verbose debug output
</code></pre>
<h2>Architecture</h2>
<p>This is an Eleventy (11ty) v0.12.1 static site for Craft Interactive, an ERPNext partner in Dubai. The site uses Nunjucks templating with Bootstrap 4.5 frontend.</p>
<h3>Content Structure</h3>
<ul>
<li><strong><code>_data/</code></strong> - Dynamic data (e.g., <code>customers.js</code> exports array of client logos)</li>
<li><strong><code>_includes/</code></strong> - Nunjucks layouts and partials (<code>base.njk</code>, <code>header.njk</code>, <code>footer.njk</code>, <code>blogs.njk</code>, <code>casestudies.njk</code>)</li>
<li><strong><code>blog/</code></strong> - Markdown blog posts with YAML frontmatter</li>
<li><strong><code>case-studies/</code></strong> - Markdown case studies</li>
<li><strong><code>services/</code></strong> - Service page templates (<code>.njk</code>)</li>
<li><strong><code>assets/</code></strong> - Static files passed through to build (CSS, JS, images, fonts)</li>
</ul>
<h3>Frontmatter Pattern</h3>
<p>Blog posts and case studies use YAML frontmatter:</p>
<pre><code class="language-yaml">---
title: Post Title
layout: blogs.njk
tags: blogs
posted: 2021-01-15
image: /assets/img/blog/image.jpg
---
</code></pre>
<h3>Data Files</h3>
<p>Files in <code>_data/</code> are automatically available in templates. Example: <code>customers.js</code> exports an array accessible as <code>[{&quot;name&quot;:&quot;Palfinger&quot;,&quot;logo&quot;:&quot;palfinger.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;BROOK INTERNATIONAL CONTRACTING &amp; TRADING EST.&quot;,&quot;logo&quot;:&quot;brook.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Dubai leading technologies&quot;,&quot;logo&quot;:&quot;dubai-leading.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Manzil Healthcare&quot;,&quot;logo&quot;:&quot;manzil.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Unimax Pharma&quot;,&quot;logo&quot;:&quot;unimax.jpeg&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Genfocus&quot;,&quot;logo&quot;:&quot;genfocus.png&quot;},{&quot;name&quot;:&quot;Computer care group&quot;,&quot;logo&quot;:&quot;computer-care.jpeg&quot;},{&quot;name&quot;:&quot;European united company LLC&quot;,&quot;logo&quot;:&quot;euc.gif&quot;},{&quot;name&quot;:&quot;I Vision holdings&quot;,&quot;logo&quot;:&quot;ivision.png&quot;},{&quot;name&quot;:&quot;Mid Asia bulk&quot;,&quot;logo&quot;:&quot;mid-asia-bulk.png&quot;},{&quot;name&quot;:&quot;Emdad technical services&quot;,&quot;logo&quot;:&quot;ets.png&quot;},{&quot;name&quot;:&quot;Global Hardware and Tools LLC&quot;,&quot;logo&quot;:&quot;global-hardware.png&quot;},{&quot;name&quot;:&quot;AQL Groups&quot;,&quot;logo&quot;:&quot;aql.jpeg&quot;},{&quot;name&quot;:&quot;Resolute Group&quot;,&quot;logo&quot;:&quot;resolute.png&quot;},{&quot;name&quot;:&quot;Office One&quot;,&quot;logo&quot;:&quot;office-one.png&quot;},{&quot;name&quot;:&quot;Al Murjan Group&quot;,&quot;logo&quot;:&quot;al-murjan.png&quot;},{&quot;name&quot;:&quot;Betomatic Middle East&quot;,&quot;logo&quot;:&quot;betomatic.jpeg&quot;},{&quot;name&quot;:&quot;Inoquest LABS&quot;,&quot;logo&quot;:&quot;inoquest.png&quot;},{&quot;name&quot;:&quot;Wahat Al Aman Home Healthcare Services&quot;,&quot;logo&quot;:&quot;wahat.webp&quot;},{&quot;name&quot;:&quot;Speedblast Trading LLC&quot;,&quot;logo&quot;:&quot;speedblast.png&quot;},{&quot;name&quot;:&quot;Candid Group of companies&quot;,&quot;logo&quot;:&quot;candid.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Seven Layers Information Technology&quot;,&quot;logo&quot;:&quot;seven-layers.jpeg&quot;},{&quot;name&quot;:&quot;Ahuja Electrical Appliances Co. LLC&quot;,&quot;logo&quot;:&quot;ahuja.png&quot;},{&quot;name&quot;:&quot;SDC International&quot;,&quot;logo&quot;:&quot;sdc.png&quot;},{&quot;name&quot;:&quot;Armoplast Plastics Industries LLC&quot;,&quot;logo&quot;:&quot;armoplast.png&quot;},{&quot;name&quot;:&quot;Newcom Computers System LLC&quot;,&quot;logo&quot;:&quot;newcom.jpeg&quot;},{&quot;name&quot;:&quot;Yoola Security &amp; Cleaning Services&quot;,&quot;logo&quot;:&quot;yoola.png&quot;},{&quot;name&quot;:&quot;Rosenbauer for Vehicles Maintenance LLC&quot;,&quot;logo&quot;:&quot;rosenbaur.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Saif Al Burhan Traders LLC&quot;,&quot;logo&quot;:&quot;saif-al-burhan.png&quot;},{&quot;name&quot;:&quot;Petropipe&quot;,&quot;logo&quot;:&quot;petropipe.jpeg&quot;},{&quot;name&quot;:&quot;Yuttah FZE&quot;,&quot;logo&quot;:&quot;yuttah.png&quot;},{&quot;name&quot;:&quot;Ain Al Shams Workshop Equipment &amp; Tools Trading Tr.LLC&quot;,&quot;logo&quot;:&quot;ain-al-shams.png&quot;},{&quot;name&quot;:&quot;Worood Intraflora LLC&quot;,&quot;logo&quot;:&quot;Worood.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Emirati Coffee Roastery&quot;,&quot;logo&quot;:&quot;emirati-coffee-roastery.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Safinat Al Sahraa&quot;,&quot;logo&quot;:&quot;Safinat.png&quot;},{&quot;name&quot;:&quot;VERTECO Turnkey Projects LLC&quot;,&quot;logo&quot;:&quot;VERTECO.png&quot;},{&quot;name&quot;:&quot;Sulfah&quot;,&quot;logo&quot;:&quot;sulfa.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Experts Team Building Maintainance UAE&quot;,&quot;logo&quot;:&quot;erperts-team.png&quot;},{&quot;name&quot;:&quot;Liwa Speciality Roastery&quot;,&quot;logo&quot;:&quot;Liwa-Speciality-Roastery.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Oil and Gas International FZC&quot;,&quot;logo&quot;:&quot;ogi.png&quot;},{&quot;name&quot;:&quot;RELY Industries FZCO&quot;,&quot;logo&quot;:&quot;rely-industries.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Royal Pharmaceutical Drug Store LLC&quot;,&quot;logo&quot;:&quot;royal-pharma.jpeg&quot;},{&quot;name&quot;:&quot;Morpho Flowers&quot;,&quot;logo&quot;:&quot;morpho.jpeg&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;DTA Maritime L.L.C.&quot;,&quot;logo&quot;:&quot;DTA-maritime.jpeg&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Dubai Engineering CO. LLC&quot;,&quot;logo&quot;:&quot;DECO-Logo.png&quot;},{&quot;name&quot;:&quot;Captain Engineering Turning Co LLC&quot;,&quot;logo&quot;:&quot;captain.png&quot;},{&quot;name&quot;:&quot;Orill Oilfeild Supplies LLC&quot;,&quot;logo&quot;:&quot;orill.jpeg&quot;},{&quot;name&quot;:&quot;Active Fitness Store LLC&quot;,&quot;logo&quot;:&quot;active-fitness-store.png&quot;},{&quot;name&quot;:&quot;Core General Trading&quot;,&quot;logo&quot;:&quot;core.png&quot;},{&quot;name&quot;:&quot;Seven Capital Trading LLC&quot;,&quot;logo&quot;:&quot;seven-capitals.jpeg&quot;},{&quot;name&quot;:&quot;Afritrac Automotive FZCO&quot;,&quot;logo&quot;:&quot;Afritrac.png&quot;},{&quot;name&quot;:&quot;NIZMET Trading FZE&quot;,&quot;logo&quot;:&quot;gold-nizmet-logo.png&quot;},{&quot;name&quot;:&quot;Al Yanbou Electro Mechanical Works LLC&quot;,&quot;logo&quot;:&quot;al-yanbou.jpeg&quot;},{&quot;name&quot;:&quot;Cosma care cosmetics manufacturing&quot;,&quot;logo&quot;:&quot;cosmacare.png&quot;,&quot;home&quot;:&quot;True&quot;},{&quot;name&quot;:&quot;Bulandi Distributors FZCO&quot;,&quot;logo&quot;:&quot;bulandi.png&quot;,&quot;home&quot;:&quot;True&quot;}]</code> in Nunjucks.</p>
<h3>Build Output</h3>
<p>Static site builds to <code>_site/</code> (gitignored). The <code>.eleventy.js</code> config passes through the <code>/assets</code> directory unchanged.</p>
<h2>Key Technologies</h2>
<ul>
<li><strong>Eleventy 0.12.1</strong> - Static site generator</li>
<li><strong>Nunjucks</strong> - Templating (<code>.njk</code> files)</li>
<li><strong>Bootstrap 4.5</strong> - CSS framework</li>
<li><strong>jQuery 3.5</strong> - DOM manipulation</li>
<li><strong>Luxon</strong> - Date formatting in templates</li>
<li><strong>Pageclip</strong> - Form submissions (demo request forms)</li>
</ul>
<h2>Node Version</h2>
<p>Node 8 specified in <code>.nvmrc</code> (legacy project).</p>