Integrations 3

export const integrationsEyebrow = "Integrations";

export const integrationsGridCopy = {
	title: "Connects with your stack",
	description:
		"Sync installs, trigger workflows, and keep every tool in lockstep — registry-native handoff included.",
} as const;

export const integrationsOrbitalCopy = {
	title: "Endless possibilities",
	description:
		"Enhance your ship loop with integrations that meet your team where they already work — from design to deploy.",
} as const;

export const integrationsNetworkCopy = {
	title: "Bring your whole workflow",
	description:
		"Design in Figma, ship from GitHub, notify in Slack — one registry surface ties the loop together.",
} as const;

export const integrationsSplitCopy = {
	title: "The synergy of integration",
	headline: "Streamlining installs across your toolchain",
	description:
		"Each connector ships with typed hooks, documented env vars, and Copy Prompt handoff — no bespoke glue code.",
	cta: "Browse all connectors",
} as const;

export const integrationsBentoCopy = {
	title: "Connected surfaces",
	description: "Four install paths — pick the channel that matches how your team ships.",
} as const;

export const integrationsTimelineCopy = {
	title: "Connect in minutes",
	description: "Provision, authorize, and verify — a linear path from empty to live.",
} as const;

export const integrationsPickerCopy = {
	title: "Find your connector",
	description: "Search the catalog — arrow keys to preview, Enter to open docs.",
} as const;

export const integrationsMarqueeCopy = {
	title: "Always in sync",
	description: "A quiet strip of connectors — logo and name only, no badge clutter.",
} as const;

export const integrationsDepthCopy = {
	title: "Integration depth",
	description: "Compare native registry hooks against API and webhook fallbacks.",
} as const;

export const integrationsFramedCopy = {
	eyebrow: "Pro connectors",
	title: "Constellation map",
	description: "Framed overview of commercial-grade sync paths for Pro workspaces.",
} as const;

export type IntegrationBrand = {
	name: string;
	domain: string;
	description: string;
	tag?: string;
	sync?: "Native" | "API" | "Webhook";
};

export const integrationBrands: IntegrationBrand[] = [
	{
		name: "GitHub",
		domain: "github.com",
		description: "Install blocks from CI and open PRs with registry tokens",
		tag: "CI/CD",
		sync: "Native",
	},
	{
		name: "Vercel",
		domain: "vercel.com",
		description: "Preview registry sections on every deployment",
		tag: "Deploy",
		sync: "Native",
	},
	{
		name: "Figma",
		domain: "figma.com",
		description: "Hand off frames to Copy Prompt install flows",
		tag: "Design",
		sync: "API",
	},
	{
		name: "Slack",
		domain: "slack.com",
		description: "Notify channels when Pro blocks update",
		tag: "Alerts",
		sync: "Webhook",
	},
	{
		name: "Linear",
		domain: "linear.app",
		description: "Link block issues to registry changelog entries",
		tag: "Issues",
		sync: "API",
	},
	{
		name: "Notion",
		domain: "notion.so",
		description: "Embed live block previews in team wikis",
		tag: "Docs",
		sync: "API",
	},
	{
		name: "Stripe",
		domain: "stripe.com",
		description: "Gate Pro registry installs behind license checks",
		tag: "Billing",
		sync: "Native",
	},
	{
		name: "npm",
		domain: "npmjs.com",
		description: "Publish private registry packages to your scope",
		tag: "Packages",
		sync: "Native",
	},
	{
		name: "Zapier",
		domain: "zapier.com",
		description: "Trigger automations when catalog entries change",
		tag: "Automate",
		sync: "Webhook",
	},
	{
		name: "Intercom",
		domain: "intercom.com",
		description: "Surface install help inside customer chat",
		tag: "Support",
		sync: "API",
	},
	{
		name: "HubSpot",
		domain: "hubspot.com",
		description: "Sync Pro leads from pricing block events",
		tag: "CRM",
		sync: "Webhook",
	},
	{
		name: "Asana",
		domain: "asana.com",
		description: "Create tasks when new block families ship",
		tag: "Projects",
		sync: "API",
	},
];

export const orbitalBrands = integrationBrands.slice(0, 8);

export const networkBrands = integrationBrands.slice(0, 4);

export const stackBrands = integrationBrands.slice(0, 4);

export const bentoBrands = integrationBrands.slice(0, 4);

export const timelineBrands = integrationBrands.slice(0, 5);

export const pickerBrands = integrationBrands.slice(0, 8);

export const marqueeBrands = integrationBrands.slice(0, 10);

export const depthBrands = integrationBrands.slice(0, 6);

export const constellationBrands = integrationBrands.slice(0, 6);