feat(pricing, nav): regulate executive connect pricing dynamically and surface sales inquiries in navigation

Author: ashucfx

src/app/(public)/checkout/page.tsx

@@ -34,7 +34,7 @@ function computePrice(
   tier: ExperienceKey,
   cur: 'INR' | 'USD',
   customSlugs: string[] = [],
-  pricingConfig: PricingConfig = DEFAULT_PRICING
+  pricingConfig: PricingConfig & { executiveConnectPricing?: Record<string, number> } = DEFAULT_PRICING
 ) {
   const prices = pricingConfig.basePrices[cur];
   const sym    = cur === 'INR' ? '₹' : '$';
@@ -48,12 +48,27 @@ function computePrice(
   }
 
   const complementarySet = new Set(PACKAGE_COMPLEMENTARY[pkg as PkgSlug] ?? []);
-  const services = slugs.map(slug => ({
-    slug,
-    label: SERVICE_LABELS[slug],
-    price: complementarySet.has(slug) ? 0 : (prices[slug]?.[tier] ?? 0),
-    complimentary: complementarySet.has(slug),
-  }));
+  const services = slugs.map(slug => {
+    let price = 0;
+    if (!complementarySet.has(slug)) {
+      if (slug === 'EXECUTIVE_CONNECT') {
+        const ecMap = pricingConfig.executiveConnectPricing;
+        if (ecMap && typeof ecMap[cur] === 'number') {
+          price = ecMap[cur];
+        } else {
+          price = prices[slug]?.[tier] ?? (cur === 'INR' ? 4999 : 100);
+        }
+      } else {
+        price = prices[slug]?.[tier] ?? 0;
+      }
+    }
+    return {
+      slug,
+      label: SERVICE_LABELS[slug],
+      price,
+      complimentary: complementarySet.has(slug),
+    };
+  });
   let discountableSubtotal = 0;
   let nonDiscountableSubtotal = 0;
   services.forEach(x => {
@@ -118,7 +133,7 @@ function CheckoutPageInner() {
     subtotalAfterDiscount: number; taxRate: number; taxAmount: number;
     finalPayable: number; isIndia: boolean; gateway: string;
   } | null>(null);
-  const [pricingConfig, setPricingConfig] = useState<PricingConfig>(DEFAULT_PRICING);
+  const [pricingConfig, setPricingConfig] = useState<PricingConfig & { executiveConnectPricing?: Record<string, number> }>(DEFAULT_PRICING);
   const [addExecutiveConnect, setAddExecutiveConnect] = useState(false);
   const [whatsapp, setWhatsapp] = useState('');
   const [website] = useState('');
@@ -695,16 +710,31 @@ function CheckoutPageInner() {
                 if (live.services.length === 0) return null;
                 // International clients see their local currency as the headline; USD is the reference.
                 const showLocal = !!(localRate && countryCode !== 'IN');
-                const toLocal = (n: number) => (showLocal ? Math.round(n * localRate!.rate) : n);
+                const toLocal = (n: number, slug?: string) => {
+                  if (!showLocal) return n;
+                  if (slug === 'EXECUTIVE_CONNECT' && pricingConfig.executiveConnectPricing?.[localRate!.code]) {
+                    return pricingConfig.executiveConnectPricing[localRate!.code];
+                  }
+                  return Math.round(n * localRate!.rate);
+                };
                 const priSym  = showLocal ? localRate!.symbol : live.sym;
                 const priCode = showLocal ? localRate!.code : (cur === 'INR' ? 'INR' : 'USD');
+                const ecPrice = toLocal(
+                  pricingConfig.executiveConnectPricing?.[cur] ?? (cur === 'INR' ? 4999 : 100),
+                  'EXECUTIVE_CONNECT'
+                );
                 return (
                   <div className="space-y-6">
                     {(experienceLevel === 'EXECUTIVE' || experienceLevel === 'EXECUTIVE_PLUS') && (
                       <div className="p-5 border border-brand-gold/30 bg-brand-gold/5 flex flex-col gap-3">
                         <div className="flex items-start justify-between gap-4">
                           <div>
-                            <h3 className="font-semibold text-brand-obsidian text-sm uppercase tracking-wider mb-1">Add Executive Connect</h3>
+                            <div className="flex items-center gap-2 mb-1">
+                              <h3 className="font-semibold text-brand-obsidian text-sm uppercase tracking-wider">Add Executive Connect</h3>
+                              <span className="text-xs font-bold text-brand-gold bg-brand-gold/10 px-2 py-0.5 rounded">
+                                +{priSym}{ecPrice.toLocaleString()}
+                              </span>
+                            </div>
                             <p className="text-xs text-brand-obsidian/70 leading-relaxed">
                               A 45-minute 1-on-1 strategy session with our senior executive team to align your narrative before we start writing. Highly recommended for Director and C-suite roles.
                             </p>
@@ -727,7 +757,7 @@ function CheckoutPageInner() {
                           {s.complimentary ? (
                             <span className="text-[10px] font-bold text-emerald-700 bg-emerald-50 border border-emerald-100 px-2 py-0.5 rounded-full leading-none">INCLUDED FREE</span>
                           ) : (
-                            <span className="font-medium text-brand-obsidian tabular-nums">{priSym}{toLocal(s.price).toLocaleString()}</span>
+                            <span className="font-medium text-brand-obsidian tabular-nums">{priSym}{toLocal(s.price, s.slug).toLocaleString()}</span>
                           )}
                         </div>
                       ))}

src/app/api/public/pricing/route.ts

@@ -1,12 +1,17 @@
 import { NextResponse } from 'next/server';
 import { getGlobalPricing } from '@/lib/pricing-v2';
+import { getExecutiveConnectPricingMap } from '@/lib/systemSettings';
 
 export const dynamic = 'force-dynamic';
 
 export async function GET() {
   try {
     const config = await getGlobalPricing();
-    return NextResponse.json(config);
+    const executiveConnectPricing = await getExecutiveConnectPricingMap();
+    return NextResponse.json({
+      ...config,
+      executiveConnectPricing,
+    });
   } catch (error) {
     return NextResponse.json({ error: 'Failed to fetch pricing' }, { status: 500 });
   }

src/components/AppShell.tsx

@@ -6,13 +6,27 @@ import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import {
   IconGrid, IconPlus, IconList, IconLogout, IconTarget, IconUser,
-  IconTrendUp, IconMail, IconChevronDown,
+  IconTrendUp, IconMail, IconChevronDown, IconDocument,
 } from '@/components/Icons';
 import { Logo } from '@/components/Logo';
 import { useAdmin } from '@/components/AdminProvider';
 import NotificationBell from '@/components/NotificationBell';
 
 // ── Inline icons ──────────────────────────────────────────────────
+function IconInquiry({ size = 16 }: { size?: number }) {
+  return (
+    <svg width={size} height={size} fill="none" viewBox="0 0 24 24" aria-hidden>
+      <path
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"
+      />
+    </svg>
+  );
+}
+
 function IconBug({ size = 16 }: { size?: number }) {
   return (
     <svg width={size} height={size} fill="none" viewBox="0 0 24 24" aria-hidden>
@@ -123,7 +137,8 @@ function isActive(href: string, pathname: string) {
   if (href === '/invoices') return pathname.startsWith('/invoices') && pathname !== '/invoices/new';
   if (href === '/career') return pathname === '/career' || (pathname.startsWith('/career/') && !pathname.startsWith('/career/kanban') && !pathname.startsWith('/career/email-logs') && !pathname.startsWith('/career/calendar'));
   if (href === '/flywheel') return pathname === '/flywheel';
-  if (href === '/sales/inquiries') return pathname.startsWith('/sales');
+  if (href === '/sales/inquiries') return pathname.startsWith('/sales/inquiries');
+  if (href === '/sales/proposals') return pathname.startsWith('/sales/proposals');
   return pathname.startsWith(href);
 }
 
@@ -432,6 +447,22 @@ function SidebarContent({
         {/* Deliverables & Growth */}
         {hasCatalystAccess && (
           <NavGroup label="Deliverables & Growth" collapsed={collapsed}>
+            <NavLink
+              href="/sales/inquiries"
+              icon={<IconInquiry size={16} />}
+              label="Sales Inquiries"
+              active={isActive('/sales/inquiries', pathname)}
+              onClick={onNavigate}
+              collapsed={collapsed}
+            />
+            <NavLink
+              href="/sales/proposals"
+              icon={<IconDocument size={16} />}
+              label="Proposals"
+              active={isActive('/sales/proposals', pathname)}
+              onClick={onNavigate}
+              collapsed={collapsed}
+            />
             <NavLink
               href="/career/calendar"
               icon={<IconCalendar size={16} />}

src/lib/catalog/self-service.ts

@@ -70,7 +70,11 @@ export function resolveSelfServiceServices(
   if (packageSlug === 'CUSTOM') {
     return customServices;
   }
-  return SELF_SERVICE_PACKAGES[packageSlug].services;
+  const base = [...SELF_SERVICE_PACKAGES[packageSlug].services];
+  if (customServices.includes('EXECUTIVE_CONNECT') && !base.includes('EXECUTIVE_CONNECT')) {
+    base.push('EXECUTIVE_CONNECT');
+  }
+  return base;
 }
 
 export function validateSelfServiceCheckout(input: {
@@ -92,7 +96,7 @@ export function validateSelfServiceCheckout(input: {
   }
 
   if (input.packageSlug === 'CUSTOM') {
-    const allowed = new Set(pkg.services);
+    const allowed = new Set([...pkg.services, 'EXECUTIVE_CONNECT' as ServiceSlug]);
     for (const s of resolved) {
       if (!allowed.has(s)) {
         return { valid: false, error: `Service ${s} is not available for self-service checkout.` };

src/lib/pricing-v2.ts

@@ -16,7 +16,7 @@ export interface PricingConfig {
   packageDiscounts: Record<PackageSlug, number>; // Percentage off (e.g. 0.10 for 10% off)
 }
 
-import { getSetting } from './systemSettings';
+import { getSetting, getExecutiveConnectPricingMap } from './systemSettings';
 
 // These are base prices per currency. 
 // Having static USD prices allows for clean numbers (e.g. $149) rather than weird exchange rate fractions.
@@ -108,7 +108,27 @@ export const PRICING = DEFAULT_PRICING;
 
 export async function getGlobalPricing(): Promise<PricingConfig> {
   const config = await getSetting<PricingConfig>('GLOBAL_PRICING_V2');
-  return config ?? DEFAULT_PRICING;
+  const base: PricingConfig = config
+    ? JSON.parse(JSON.stringify(config))
+    : JSON.parse(JSON.stringify(DEFAULT_PRICING));
+
+  try {
+    const execPricing = await getExecutiveConnectPricingMap();
+    if (execPricing) {
+      if (typeof execPricing.INR === 'number' && base.basePrices?.INR?.EXECUTIVE_CONNECT) {
+        base.basePrices.INR.EXECUTIVE_CONNECT.EXECUTIVE = execPricing.INR;
+        base.basePrices.INR.EXECUTIVE_CONNECT.EXECUTIVE_PLUS = execPricing.INR;
+      }
+      if (typeof execPricing.USD === 'number' && base.basePrices?.USD?.EXECUTIVE_CONNECT) {
+        base.basePrices.USD.EXECUTIVE_CONNECT.EXECUTIVE = execPricing.USD;
+        base.basePrices.USD.EXECUTIVE_CONNECT.EXECUTIVE_PLUS = execPricing.USD;
+      }
+    }
+  } catch (err) {
+    console.error('Failed to sync executive connect pricing in getGlobalPricing:', err);
+  }
+
+  return base;
 }
 
 /**