From 495f68462ba7117baf555b5c1cc27dca07e553f9 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sun, 4 Oct 2026 03:18:10 +0000
Subject: [PATCH] Apex: Strategic Focus Areas MVP

Co-authored-by: alehar9320 <5390430+alehar9320@users.noreply.github.com>
---
 .Jules/apex.md                     |  2 ++
 src/content.config.ts              |  1 +
 src/content/flags/config.json      |  3 ++-
 src/pages/experimental/focus.astro | 31 ++++++++++++++++++++++++++++++
 4 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/experimental/focus.astro

diff --git a/.Jules/apex.md b/.Jules/apex.md
index ef768cbf..305015e0 100644
--- a/.Jules/apex.md
+++ b/.Jules/apex.md
@@ -22,3 +22,5 @@ Prefer visitor-facing craft on live surfaces (Home, Work, Biography, Contact, an
 ## 2026-05-26 - Product Manifesto | Signal: Product Leadership "Guiding Principles" trend | Lean Implementation: Isolated experimental route, uses Hero/Icon primitives, ~45 lines delta.
 
 ## 2026-05-27 - Strategic Reading List | Signal: Portfolio "Bookshelf" trend | Lean Implementation: Isolated experimental route, static data array, uses Hero/Pill/Icon primitives, ~48 lines delta.
+
+## 2026-05-28 - Strategic Focus Areas | Signal: "Core Domains" executive portfolio trend | Lean Implementation: Isolated experimental route, static array, feature flag gated, uses Hero/CTA primitives, < 45 lines delta.
diff --git a/src/content.config.ts b/src/content.config.ts
index 4925dcfc..d2bc95da 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -27,6 +27,7 @@ export const collections = {
       enable_logo_wobble_v1: z.boolean().default(false),
       enable_cta_tactile_v1: z.boolean().default(false),
       enable_theme_toggle_tactile_v1: z.boolean().default(false),
+      enable_focus_areas: z.boolean().default(false),
     }),
   }),
 };
diff --git a/src/content/flags/config.json b/src/content/flags/config.json
index e0450e9f..71b990dd 100644
--- a/src/content/flags/config.json
+++ b/src/content/flags/config.json
@@ -7,5 +7,6 @@
   "enable_reading_list": true,
   "enable_logo_wobble_v1": true,
   "enable_cta_tactile_v1": true,
-  "enable_theme_toggle_tactile_v1": true
+  "enable_theme_toggle_tactile_v1": true,
+  "enable_focus_areas": true
 }
diff --git a/src/pages/experimental/focus.astro b/src/pages/experimental/focus.astro
new file mode 100644
index 00000000..0c06fab1
--- /dev/null
+++ b/src/pages/experimental/focus.astro
@@ -0,0 +1,31 @@
+---
+import CallToAction from '../../components/CallToAction.astro';
+import Hero from '../../components/Hero.astro';
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import { getEntry } from 'astro:content';
+
+const flagsEntry = await getEntry('flags', 'config');
+if (!flagsEntry?.data.enable_focus_areas) return Astro.redirect('/404/');
+
+const items = [
+  'Developer Experience & Design Systems',
+  'Industrial AI & Automation',
+  'Product Strategy & Metrics',
+];
+---
+
+<BaseLayout title="Focus areas" description="Strategic focus areas." robots="noindex">
+  <main class="wrapper stack gap-8" style="margin-top: 4rem;">
+    <Hero title="Strategic focus areas" align="start">
+      <p style="color: var(--gray-200);">Product Manager, DevEx at IFS.</p>
+    </Hero>
+    <ul>{items.map((i) => <li style="color: var(--gray-200); margin-bottom: 0.5rem;">{i}</li>)}</ul>
+    <CallToAction
+      href="https://www.linkedin.com/in/alehar/"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      Get in touch
+    </CallToAction>
+  </main>
+</BaseLayout>