From 9323a92eff758a88c05c0d5b6044c155904b8dac Mon Sep 17 00:00:00 2001 From: mawkone Date: Mon, 8 Jun 2026 13:12:15 -0700 Subject: [PATCH] feat(agency): build high-fidelity Agency Command Center dashboard matching Cadence CRM aesthetics with Lead Generation Engine interface --- vibn-frontend/app/[workspace]/agency/page.tsx | 757 ++++++++++++++++++ 1 file changed, 757 insertions(+) create mode 100644 vibn-frontend/app/[workspace]/agency/page.tsx diff --git a/vibn-frontend/app/[workspace]/agency/page.tsx b/vibn-frontend/app/[workspace]/agency/page.tsx new file mode 100644 index 0000000..8d55543 --- /dev/null +++ b/vibn-frontend/app/[workspace]/agency/page.tsx @@ -0,0 +1,757 @@ +"use client"; + +import React, { useState } from "react"; +import Link from "next/link"; +import { useParams } from "next/navigation"; + +// Minimal SVG Icons +const Icons = { + Search: () => ( + + + + + ), + Target: () => ( + + + + + + ), + Kanban: () => ( + + + + + + + ), + Users: () => ( + + + + + + + ), + Box: () => ( + + + + + + ), + Repeat: () => ( + + + + + + + ), + CreditCard: () => ( + + + + + ), + Key: () => ( + + + + ), + CheckSquare: () => ( + + + + + ), + Settings: () => ( + + + + + ), +}; + +function NavItem({ + icon: Icon, + label, + active, + badge, +}: { + icon: React.ElementType; + label: string; + active?: boolean; + badge?: string; +}) { + return ( + + ); +} + +function SectionHeader({ children }: { children: React.ReactNode }) { + return ( +
+ {children} +
+ ); +} + +export default function AgencyDashboard() { + const { workspace } = useParams(); + const [activeTab, setActiveTab] = useState("find_clients"); + + return ( +
+ {/* ── LEFT SIDEBAR (Cadence Style) ── */} +
+ {/* Workspace Switcher */} +
+
+
+ A +
+
+ + Atlas Agency + + + Pro · 2 members + +
+
+
+ + {/* Global Search */} +
+
+ + Search or jump to... + + ⌘K + +
+
+ + {/* Navigation */} +
+ Growth +
setActiveTab("find_clients")}> + +
+ + + + Delivery + + + + Operations + + + + +
+
+ + {/* ── MAIN CONTENT AREA ── */} +
+ {activeTab === "find_clients" && } +
+
+ ); +} + +// ── FIND CLIENTS VIEW (The Lead Gen Engine) ── +function FindClientsView() { + return ( +
+ {/* Header */} +
+

+ Find Clients +

+

+ Vibn analyzes local businesses in your geofence and identifies + software gaps you can pitch and build. +

+
+ + {/* Geofence & Filters */} +
+
+ +
+ 📍 Austin, TX (50km radius) +
+
+
+
+ +
+ "Plumbers and HVAC" +
+
+ +
+ + {/* Target Results */} +
+ {/* Target Card 1 */} +
+
+
+
+

+ Apex Plumbing Services +

+ + apexplumbingatx.com + +
+ + High Intent + +
+ +
+
+ 12 employees +
+
Est. Software Spend: $450/mo
+
+
+ +
+
+ AI Software Gap Analysis +
+
    +
  • + ✗ +
    + No online booking system. +
    + They use a generic contact form. You can pitch a custom + scheduling portal. +
    +
    +
    • +
  • + ✗ +
    + Fragmented quoting. +
    + Reviews indicate slow quote turnaround times. +
    +
    +
    • +
+ + +
+
+ + {/* Target Card 2 */} +
+
+
+
+

+ Barton Creek HVAC +

+ + No website detected + +
+ + Medium Intent + +
+ +
+
+ 4 employees +
+
Est. Software Spend: $80/mo
+
+
+ +
+
+ AI Software Gap Analysis +
+
    +
  • + ✗ +
    + Missing digital presence. +
    + Only operates via a Facebook page. You can pitch a + lead-capture landing page and admin dashboard. +
    +
    +
    • +
+ + +
+
+
+
+ ); +}