Redesign site with curated homepage and structured company data

- Update color palette to Balanced Blend (Indigo/Teal/Cyan/Periwinkle)
- Migrate 853 company profiles to structured frontmatter schema
- Add dynamic browse pages for technologies, regions, and remote policies
- Create curated homepage with featured companies and browse sections
- Add /companies/ page with full searchable directory
- Add persistent nav search component
- Add Fathom analytics (production only)
- Update privacy policy for Fathom compliance

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: dougaitken

.gitignore

@@ -54,5 +54,6 @@ temp
 package-lock.json.bak
 yarn.lock.bak
 
-# Migration test directory (remove this after migration is complete)
-company-profiles-test
+# Local tools and working files
+_tools
+backup-companies-old

eleventy.config.js

@@ -15,7 +15,16 @@ dotenv.config();
 import yaml from 'js-yaml';
 
 //  config import
-import {getAllPosts, getAllCompanies, showInSitemap, tagList} from './src/_config/collections.js';
+import {
+  getAllPosts,
+  getAllCompanies,
+  getFeaturedCompanies,
+  getRecentCompanies,
+  getCompaniesByRegion,
+  getCompaniesByTech,
+  showInSitemap,
+  tagList
+} from './src/_config/collections.js';
 import events from './src/_config/events.js';
 import filters from './src/_config/filters.js';
 import plugins from './src/_config/plugins.js';
@@ -42,6 +51,10 @@ export default async function (eleventyConfig) {
   //	---------------------  Collections
   eleventyConfig.addCollection('allPosts', getAllPosts);
   eleventyConfig.addCollection('companies', getAllCompanies);
+  eleventyConfig.addCollection('featuredCompanies', getFeaturedCompanies);
+  eleventyConfig.addCollection('recentCompanies', getRecentCompanies);
+  eleventyConfig.addCollection('companiesByRegion', getCompaniesByRegion);
+  eleventyConfig.addCollection('companiesByTech', getCompaniesByTech);
   eleventyConfig.addCollection('showInSitemap', showInSitemap);
   eleventyConfig.addCollection('tagList', tagList);
 

src/_config/collections.js

@@ -1,3 +1,9 @@
+import {
+  featuredCompanySlugs,
+  regionLabels,
+  techLabels
+} from '../_data/companyHelpers.js';
+
 /** All blog posts as a collection. */
 export const getAllPosts = collection => {
   return collection.getFilteredByGlob('./src/blog/**/*.md').reverse();
@@ -6,23 +12,92 @@ export const getAllPosts = collection => {
 /** All company profiles as a collection, sorted alphabetically */
 export const getAllCompanies = collection => {
   return collection.getFilteredByGlob('./src/companies/**/*.md').sort((a, b) => {
-    const nameA = a.data.name.toLowerCase();
-    const nameB = b.data.name.toLowerCase();
+    const nameA = (a.data.title || '').toLowerCase();
+    const nameB = (b.data.title || '').toLowerCase();
     return nameA.localeCompare(nameB);
   });
 };
 
+/** Featured companies - manually curated list */
+export const getFeaturedCompanies = collection => {
+  const companies = collection.getFilteredByGlob('./src/companies/**/*.md');
+  return featuredCompanySlugs
+    .map(slug => companies.find(c => c.data.slug === slug || c.fileSlug === slug))
+    .filter(Boolean)
+    .slice(0, 8);
+};
+
+/** Recently added companies (by addedAt date in frontmatter) */
+export const getRecentCompanies = collection => {
+  const companies = collection.getFilteredByGlob('./src/companies/**/*.md');
+  return [...companies]
+    .filter(c => c.data.addedAt)
+    .sort((a, b) => {
+      const dateA = new Date(a.data.addedAt);
+      const dateB = new Date(b.data.addedAt);
+      return dateB - dateA;
+    })
+    .slice(0, 12);
+};
+
+/** Companies grouped by region */
+export const getCompaniesByRegion = collection => {
+  const companies = collection.getFilteredByGlob('./src/companies/**/*.md');
+  const regionGroups = {};
+
+  // Initialize all regions
+  Object.keys(regionLabels).forEach(region => {
+    regionGroups[region] = [];
+  });
+
+  companies.forEach(company => {
+    const region = company.data.region || 'other';
+    if (!regionGroups[region]) {
+      regionGroups[region] = [];
+    }
+    regionGroups[region].push(company);
+  });
+
+  return regionGroups;
+};
+
+/** Companies grouped by technology */
+export const getCompaniesByTech = collection => {
+  const companies = collection.getFilteredByGlob('./src/companies/**/*.md');
+  const techGroups = {};
+
+  // Initialize all technologies
+  Object.keys(techLabels).forEach(tech => {
+    techGroups[tech] = [];
+  });
+
+  companies.forEach(company => {
+    const technologies = company.data.technologies || [];
+    technologies.forEach(tech => {
+      if (!techGroups[tech]) {
+        techGroups[tech] = [];
+      }
+      techGroups[tech].push(company);
+    });
+  });
+
+  return techGroups;
+};
+
 /** All relevant pages as a collection for sitemap.xml */
 export const showInSitemap = collection => {
   return collection.getFilteredByGlob('./src/**/*.{md,njk}');
 };
 
-/** All tags from all posts as a collection - excluding custom collections */
+/** All tags from blog posts as a collection - excluding custom collections */
 export const tagList = collection => {
   const tagsSet = new Set();
-  collection.getAll().forEach(item => {
-    if (!item.data.tags) return;
-    item.data.tags.filter(tag => !['posts', 'docs', 'all'].includes(tag)).forEach(tag => tagsSet.add(tag));
+  // Only get tags from blog posts, not from companies or other content
+  collection.getFilteredByGlob('./src/blog/**/*.md').forEach(item => {
+    if (!item.data.tags || !Array.isArray(item.data.tags)) return;
+    item.data.tags
+      .filter(tag => typeof tag === 'string' && !['posts', 'docs', 'all'].includes(tag))
+      .forEach(tag => tagsSet.add(tag));
   });
   return Array.from(tagsSet).sort();
 };

src/_data/companyHelpers.js

@@ -0,0 +1,107 @@
+/**
+ * Helper functions for company data
+ * Now uses structured frontmatter fields directly
+ */
+
+/**
+ * Region enum to display name mapping
+ */
+export const regionLabels = {
+  'worldwide': 'Worldwide',
+  'americas': 'Americas',
+  'europe': 'Europe',
+  'americas-europe': 'Americas & Europe',
+  'asia-pacific': 'Asia Pacific',
+  'other': 'Other'
+};
+
+/**
+ * Remote policy enum to display name mapping
+ */
+export const remotePolicyLabels = {
+  'fully-remote': 'Fully Remote',
+  'remote-first': 'Remote First',
+  'hybrid': 'Hybrid',
+  'remote-friendly': 'Remote Friendly'
+};
+
+/**
+ * Company size enum to display name mapping
+ */
+export const companySizeLabels = {
+  'tiny': '1-10 employees',
+  'small': '11-50 employees',
+  'medium': '51-200 employees',
+  'large': '201-1000 employees',
+  'enterprise': '1000+ employees'
+};
+
+/**
+ * Technology tag to display name mapping
+ */
+export const techLabels = {
+  'javascript': 'JavaScript',
+  'python': 'Python',
+  'ruby': 'Ruby',
+  'go': 'Go',
+  'java': 'Java',
+  'php': 'PHP',
+  'rust': 'Rust',
+  'dotnet': '.NET',
+  'elixir': 'Elixir',
+  'scala': 'Scala',
+  'cloud': 'Cloud',
+  'devops': 'DevOps',
+  'mobile': 'Mobile',
+  'data': 'Data',
+  'ml': 'ML/AI',
+  'sql': 'SQL',
+  'nosql': 'NoSQL',
+  'search': 'Search'
+};
+
+/**
+ * Get display label for region
+ */
+export function getRegionLabel(region) {
+  return regionLabels[region] || region || 'Other';
+}
+
+/**
+ * Get display label for remote policy
+ */
+export function getRemotePolicyLabel(policy) {
+  return remotePolicyLabels[policy] || policy || 'Unknown';
+}
+
+/**
+ * Get display label for company size
+ */
+export function getCompanySizeLabel(size) {
+  return companySizeLabels[size] || size || 'Unknown';
+}
+
+/**
+ * Get display label for technology
+ */
+export function getTechLabel(tech) {
+  return techLabels[tech] || tech;
+}
+
+/**
+ * Featured companies list - manually curated high-quality examples
+ */
+export const featuredCompanySlugs = [
+  'github',
+  'gitlab',
+  'automattic',
+  'zapier',
+  'buffer',
+  'doist',
+  'elastic',
+  'hashicorp',
+  'stripe',
+  'shopify',
+  'netlify',
+  'vercel'
+];