@busiverse/ui 0.2.4 → 0.2.7

package/README.md

@@ -1,248 +1,39 @@
 # @busiverse/ui
 
-Shared BUSIVERSE frontend package for separately deployed React/Vercel applications.
+Shared BUSIVERSE frontend UI package.
 
-It contains:
+Version: `0.2.7`
 
-- Official BUSIVERSE brand asset wrappers.
-- Design tokens and Tailwind 4-compatible theme helpers.
-- Global CSS, fonts, reduced-motion, focus states, glass cards, buttons, tables, forms, and app shell.
-- Gateway-only API client foundation.
-- OIDC/auth UI helpers for signin and user-frontend-only signup routing.
-- Internationalization, country/region/currency, timezone, and locale utilities.
-- CRUD and time-series-ready table components.
-- Dashboard, billing, feedback, and marketing primitives.
+## Purpose
 
-## Requirements
+`@busiverse/ui` is the shared UI foundation for separately deployed Busiverse frontends on Vercel. It owns reusable brand assets, design tokens, shared CSS, brand metadata, social icons, i18n region context, reusable app-shell primitives, data tables, internal pricing tooling, and customer-facing marketing primitives.
 
-- Node.js `>=22.12.0`
-- npm `>=10.9.0`
-- React `19.2.7` compatible frontend applications
+The package remains network-neutral. It does not call `fetch`, load remote fonts, open sockets, or make network requests by itself. Frontends inject their own Gateway transport when they need API access.
 
-This package is ESM-only. It does not publish CommonJS output.
+## Public vs internal pricing
 
-## Tailwind 4 note
+The package contains two separate layers:
 
-`@busiverse/ui` does not require PostCSS.
+- `@busiverse/ui/marketing`: public/customer-facing pricing cards and marketing primitives.
+- `@busiverse/ui/billing`: internal/admin pricing explorer for operation-level tariffs, costs, margins, and chargeback visibility.
 
-The package ships its own compiled/global CSS as `@busiverse/ui/styles.css` and exports a plain Tailwind-compatible preset object from `@busiverse/ui/tailwind`. Consuming applications may use Tailwind through Vite, PostCSS, or another supported integration. The UI package itself does not force `@tailwindcss/postcss` or `@tailwindcss/vite` on consumers.
+BusiLand should use the marketing layer. Internal/admin frontends may use the billing layer.
 
-## Install in separately deployed Vercel frontends
-
-Recommended production option: publish to a private npm registry package.
-
-```bash
-npm install @busiverse/ui
-```
-
-Local package test option:
-
-```bash
-cd packages/busiverse-ui
-npm install
-npm run build
-npm pack
-# then in each frontend
-npm install ../packages/busiverse-ui/busiverse-ui-0.1.0.tgz
-```
-
-## Add CSS once per frontend
-
-In `src/main.tsx` or `src/App.tsx`:
+## Imports
 
 ```tsx
 import "@busiverse/ui/styles.css";
+import { BusiverseBrandHead, BusiverseLogo } from "@busiverse/ui/brand";
+import { BusiverseI18nProvider } from "@busiverse/ui/i18n";
+import { MarketingPricingCard } from "@busiverse/ui/marketing";
+import { BusiverseGithubIcon } from "@busiverse/ui/social";
 ```
 
-## Configure env per Vercel frontend
-
-```env
-VITE_GATEWAY_API_URL=https://api.busiversehq.com
-VITE_SIGNUP_URL=https://user.busiversehq.com/signup
-VITE_SERVICE_KEY=communication
-VITE_DEFAULT_LOCALE=en-NG
-VITE_DEFAULT_COUNTRY=NG
-VITE_DEFAULT_REGION=NG-LA
-VITE_DEFAULT_CURRENCY=NGN
-VITE_DEFAULT_TIME_ZONE=Africa/Lagos
-```
-
-## Use AppShell
-
-```tsx
-import { AppShell, PageHeader, Button } from "@busiverse/ui";
-
-export function Dashboard() {
-  return (
-    <AppShell service="communication">
-      <PageHeader
-        title="Communication"
-        description="Send, automate, and track messages across Busiverse."
-        action={<Button>New message</Button>}
-      />
-    </AppShell>
-  );
-}
-```
-
-## Use Gateway client
-
-```tsx
-import { createGatewayClient } from "@busiverse/ui";
-
-const gateway = createGatewayClient({
-  baseUrl: import.meta.env.VITE_GATEWAY_API_URL,
-  getAccessToken: async () => token,
-  region: {
-    locale: "en-NG",
-    countryCode: "NG",
-    regionCode: "NG-LA",
-    currencyCode: "NGN",
-    timeZone: "Africa/Lagos"
-  }
-});
-
-await gateway.get("/communication/api/v1/messages");
-```
-
-## Use the Tailwind preset only when needed
-
-If a consuming app uses Tailwind and wants Busiverse tokens:
-
-```ts
-import { busiverseTailwindPreset } from "@busiverse/ui/tailwind";
-
-export default {
-  presets: [busiverseTailwindPreset],
-  content: ["./index.html", "./src/**/*.{ts,tsx}"]
-};
-```
-
-For Busiverse Vite frontends, Tailwind itself should be configured in the frontend app, not inside this UI package.
-
-## Timeseries table
-
-```tsx
-import { TimeSeriesTable } from "@busiverse/ui";
-
-<TimeSeriesTable
-  rows={metrics}
-  timestampKey="createdAt"
-  valueColumns={["requestCount", "p95LatencyMs", "errorRate"]}
-/>
-```
-
-## Signup rule
-
-Only `user-frontend` should own real signup. Other frontends should use `<SignUpLink />` and route users to `https://user.busiversehq.com/signup`.
-
-## Build and publish
+## Publish
 
 ```bash
 npm install
 npm run typecheck
 npm run build
-npm audit --audit-level=low
-npm pack --dry-run
 npm publish --access public
 ```
-
-## Version 0.2.0 additions
-
-This release adds the BUSIVERSE standardized service pricing system used by `busiverse-landing` and reusable by every separately deployed Vercel frontend.
-
-### Added
-
-- `busiverseServicePricingCatalog` with 257 Account-rated operation rows.
-- `ServicePricingExplorer` for external pricing, internal Busiverse chargeback, estimated direct cost, margin, and standardized equivalents.
-- `RegionSelector` and supported pricing regions.
-- Country/region/currency/time-zone aware pricing display helpers.
-- Time-series aware service metadata for services that surface metrics, decision history, request metering, blockchain events, model jobs, and market data.
-
-### Vercel frontend usage
-
-Install from public npm after publishing this version:
-
-```bash
-npm install @busiverse/ui@^0.2.0
-```
-
-Import shared styles once in each Vite frontend entrypoint:
-
-```tsx
-import "@busiverse/ui/styles.css";
-```
-
-Wrap the frontend with the i18n provider:
-
-```tsx
-import { BusiverseI18nProvider } from "@busiverse/ui";
-
-<BusiverseI18nProvider
-  initialRegion={{
-    locale: import.meta.env.VITE_DEFAULT_LOCALE ?? "en-NG",
-    countryCode: import.meta.env.VITE_DEFAULT_COUNTRY ?? "NG",
-    regionCode: import.meta.env.VITE_DEFAULT_REGION ?? "NG-LA",
-    currencyCode: import.meta.env.VITE_DEFAULT_CURRENCY ?? "NGN",
-    timeZone: import.meta.env.VITE_DEFAULT_TIME_ZONE ?? "Africa/Lagos",
-  }}
->
-  <App />
-</BusiverseI18nProvider>
-```
-
-Use the standardized pricing explorer anywhere pricing must be shown:
-
-```tsx
-import { ServicePricingExplorer } from "@busiverse/ui";
-
-<ServicePricingExplorer />
-```
-
-The current currency conversion rates are display fallbacks only. Final production charging still belongs to Account, with Location and Mint resolving region, currency, taxes, pass-through cost, and local pricing rules.
-
-
-## v0.2.1 network-neutral security patch
-
-`@busiverse/ui` no longer performs direct network access from inside the package. The previous `createGatewayClient` implementation used the browser `fetch` global directly, which can be flagged by npm/package scanners as “network access”. The package now requires the consuming frontend to inject a transport function.
-
-```ts
-import { createGatewayClient } from "@busiverse/ui";
-
-export const gateway = createGatewayClient({
-  baseUrl: import.meta.env.VITE_GATEWAY_API_URL,
-  transport: window.fetch.bind(window),
-  getAccessToken: async () => accessToken,
-});
-```
-
-Font loading is also app-owned. The shared CSS does not import Google Fonts or any remote stylesheet. Each separately deployed Vercel frontend should self-host the BUSIVERSE fonts or load them explicitly at the app level.
-
-
-## v0.2.2 brand asset ownership
-
-`@busiverse/ui` is now the owner of BUSIVERSE favicons, platform icons, social preview defaults, and logo assets. Consuming frontends should not duplicate BUSIVERSE favicon/logo assets in their own `public/` folders unless a deployment platform explicitly requires a static file before JavaScript loads.
-
-Use `BusiverseBrandHead` once near the root of each frontend to inject the shared favicons, app manifest, Open Graph metadata, Twitter card metadata, and Microsoft tile metadata from package-owned assets.
-
-```tsx
-import { BusiverseBrandHead } from "@busiverse/ui";
-
-<BusiverseBrandHead
-  title="BUSIVERSE — Turn Ideas Into Operating Businesses"
-  description="BUSIVERSE combines AI automation, blockchain-backed trust, and modular business services to help teams launch and operate ventures faster."
-/>
-```
-
-The package remains network-neutral: it does not call `fetch`, open sockets, or import remote fonts.
-
-
-## v0.2.4 social icon ownership
-
-`@busiverse/ui` owns BUSIVERSE-approved social icon wrappers so separately deployed frontends do not import brand icons from `lucide-react`. Lucide is an outline UI-icon library and newer builds do not export brand icons such as `Github`, `Twitter`, or `Linkedin`. Use:
-
-```tsx
-import { BusiverseGithubIcon, BusiverseXIcon, BusiverseLinkedInIcon, BusiverseMailIcon } from "@busiverse/ui";
-```
-
-The package remains network-neutral. The icons are inline SVG React components and do not fetch remote assets.

package/dist/assets/assets.js

@@ -0,0 +1,49 @@
+// src/assets/assets.ts
+var busiverseAssets = {
+  logo: {
+    horizontal: {
+      white: new URL("./logo/busiverse-horizontal---white.svg", import.meta.url).href,
+      black: new URL("./logo/busiverse-horizontal---black.svg", import.meta.url).href,
+      color: new URL("./logo/busiverse-horizontal---color.svg", import.meta.url).href
+    },
+    full: {
+      white: new URL("./logo/busiverse-primary-full-logo---white.svg", import.meta.url).href,
+      black: new URL("./logo/busiverse-primary-full-logo---black.svg", import.meta.url).href,
+      color: new URL("./logo/busiverse-primary-full-logo---color.svg", import.meta.url).href
+    },
+    vertical: {
+      white: new URL("./logo/busiverse-vertical---white.svg", import.meta.url).href,
+      black: new URL("./logo/busiverse-vertical---black.svg", import.meta.url).href,
+      color: new URL("./logo/busiverse-vertical---color.svg", import.meta.url).href
+    },
+    icon: {
+      white: new URL("./icon/busiverse-icon-only---white.svg", import.meta.url).href,
+      black: new URL("./icon/busiverse-icon-only---black.svg", import.meta.url).href,
+      color: new URL("./icon/busiverse-icon-only---color.svg", import.meta.url).href
+    }
+  },
+  favicon: {
+    ico: new URL("./favicon.io/favicon.ico", import.meta.url).href,
+    png16: new URL("./favicon.io/favicon-16x16.png", import.meta.url).href,
+    png32: new URL("./favicon.io/favicon-32x32.png", import.meta.url).href,
+    png96: new URL("./favicon.io/favicon-96x96.png", import.meta.url).href,
+    appleTouchIcon: new URL("./favicon.io/apple-touch-icon.png", import.meta.url).href,
+    androidChrome192: new URL("./favicon.io/android-chrome-192x192.png", import.meta.url).href,
+    androidChrome512: new URL("./favicon.io/android-chrome-512x512.png", import.meta.url).href,
+    androidIcon192: new URL("./favicon.io/android-icon-192x192.png", import.meta.url).href,
+    msTile144: new URL("./favicon.io/ms-icon-144x144.png", import.meta.url).href
+  },
+  social: {
+    xHeader: new URL("./social/busiverse-twitter_x-header-2.7777777777777777x-darkbg.png", import.meta.url).href,
+    xProfile: new URL("./social/busiverse-twitter_x-profile-picture-2.2222222222222223x-darkbg.png", import.meta.url).href,
+    linkedInCover: new URL("./social/busiverse-linkedin-cover-photo-2.64x-darkbg.png", import.meta.url).href,
+    linkedInProfile: new URL("./social/busiverse-linkedin-profile-picture-2.2222222222222223x-darkbg.png", import.meta.url).href,
+    facebookCover: new URL("./social/busiverse-facebook-cover-photo-1.7333333333333334x-darkbg.png", import.meta.url).href,
+    facebookProfile: new URL("./social/busiverse-facebook-profile-picture-1x-darkbg.png", import.meta.url).href,
+    instagramPost: new URL("./social/busiverse-instagram-post-6x-darkbg.png", import.meta.url).href,
+    instagramProfile: new URL("./social/busiverse-instagram-profile-picture-1.7777777777777777x-darkbg.png", import.meta.url).href
+  }
+};
+export {
+  busiverseAssets
+};

package/dist/chunk-2TTXWTIT.js

@@ -0,0 +1,66 @@
+import {
+  cn
+} from "./chunk-PYZVP4NI.js";
+
+// src/components/social/SocialIcons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var paths = {
+  github: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 2.25c-5.52 0-10 4.48-10 10 0 4.42 2.87 8.17 6.84 9.5.5.09.68-.22.68-.48v-1.68c-2.78.6-3.37-1.34-3.37-1.34-.45-1.15-1.1-1.46-1.1-1.46-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.89 1.52 2.34 1.08 2.91.83.09-.64.35-1.08.63-1.33-2.22-.25-4.56-1.11-4.56-4.94 0-1.09.39-1.98 1.03-2.68-.1-.25-.45-1.27.1-2.65 0 0 .84-.27 2.75 1.02A9.58 9.58 0 0 1 12 7.14c.85 0 1.7.11 2.5.34 1.9-1.29 2.74-1.02 2.74-1.02.55 1.38.2 2.4.1 2.65.64.7 1.03 1.59 1.03 2.68 0 3.84-2.34 4.69-4.57 4.94.36.31.68.92.68 1.86v2.76c0 .27.18.58.69.48A10.01 10.01 0 0 0 22 12.25c0-5.52-4.48-10-10-10Z"
+    }
+  ),
+  x: /* @__PURE__ */ jsx("path", { d: "M13.66 10.62 21.24 2h-1.8l-6.58 7.48L7.6 2H1.54l7.95 11.31L1.54 22h1.8l6.95-7.53L15.84 22h6.06l-8.24-11.38Zm-2.46 2.8-.8-1.12L4 3.33h2.74l5.17 7.24.8 1.12 6.72 9.42H16.7l-5.5-7.69Z" }),
+  linkedin: /* @__PURE__ */ jsx("path", { d: "M5.34 8.25H2.7V21h2.64V8.25ZM5.52 4.3A1.53 1.53 0 1 0 2.46 4.3a1.53 1.53 0 0 0 3.06 0ZM21 13.68c0-3.42-1.83-5.01-4.28-5.01-1.97 0-2.86 1.08-3.35 1.84V8.25h-2.64V21h2.64v-6.31c0-1.66.31-3.28 2.38-3.28 2.04 0 2.07 1.91 2.07 3.38V21H21v-7.32Z" }),
+  mail: /* @__PURE__ */ jsx("path", { d: "M4.5 5.75A2.5 2.5 0 0 0 2 8.25v7.5a2.5 2.5 0 0 0 2.5 2.5h15a2.5 2.5 0 0 0 2.5-2.5v-7.5a2.5 2.5 0 0 0-2.5-2.5h-15Zm.17 2h14.66L12 12.87 4.67 7.75Zm-.67 2v6c0 .28.22.5.5.5h15a.5.5 0 0 0 .5-.5v-6l-7.43 5.2a1 1 0 0 1-1.14 0L4 9.75Z" })
+};
+function BusiverseSocialIcon({
+  name,
+  size = 20,
+  title,
+  className,
+  ...props
+}) {
+  const labelled = Boolean(title || props["aria-label"]);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: size,
+      height: size,
+      fill: "currentColor",
+      role: labelled ? "img" : "presentation",
+      "aria-hidden": labelled ? void 0 : true,
+      className: cn("busiverse-social-icon", className),
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        paths[name]
+      ]
+    }
+  );
+}
+function BusiverseGithubIcon(props) {
+  return /* @__PURE__ */ jsx(BusiverseSocialIcon, { name: "github", ...props });
+}
+function BusiverseXIcon(props) {
+  return /* @__PURE__ */ jsx(BusiverseSocialIcon, { name: "x", ...props });
+}
+function BusiverseLinkedInIcon(props) {
+  return /* @__PURE__ */ jsx(BusiverseSocialIcon, { name: "linkedin", ...props });
+}
+function BusiverseMailIcon(props) {
+  return /* @__PURE__ */ jsx(BusiverseSocialIcon, { name: "mail", ...props });
+}
+
+export {
+  BusiverseSocialIcon,
+  BusiverseGithubIcon,
+  BusiverseXIcon,
+  BusiverseLinkedInIcon,
+  BusiverseMailIcon
+};

package/dist/chunk-32FPZZH2.js

@@ -0,0 +1,40 @@
+import {
+  cn
+} from "./chunk-PYZVP4NI.js";
+
+// src/components/brand/BusiverseLogo.tsx
+import { jsx } from "react/jsx-runtime";
+var icon_white = `<svg width="100" height="100" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><circle cx="90" cy="90" r="16" fill="#FFFFFF"/><circle cx="50" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#FFFFFF" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#FFFFFF" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.2"/></svg>`;
+var icon_black = `<svg width="100" height="100" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><circle cx="90" cy="90" r="16" fill="#000000"/><circle cx="50" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#000000" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#000000" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#000000" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#000000" stroke-width="1.5" fill="none" opacity="0.2"/></svg>`;
+var icon_color = `<svg width="100" height="100" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><circle cx="90" cy="90" r="16" fill="#3B82F6"/><circle cx="50" cy="50" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#06B6D4" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#06B6D4" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#3B82F6" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#8B5CF6" stroke-width="1.5" fill="none" opacity="0.2"/></svg>`;
+var horizontal_white = `<svg width="300" height="75" viewBox="0 0 800 200" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(20, 10)"><circle cx="90" cy="90" r="16" fill="#FFFFFF"/><circle cx="50" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#FFFFFF" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#FFFFFF" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="240" y="120" font-family="Space Grotesk, sans-serif" font-size="64" font-weight="700" fill="#FFFFFF" letter-spacing="-0.02em">BUSIVERSE</text></svg>`;
+var horizontal_black = `<svg width="300" height="75" viewBox="0 0 800 200" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(20, 10)"><circle cx="90" cy="90" r="16" fill="#000000"/><circle cx="50" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#000000" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#000000" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#000000" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#000000" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="240" y="120" font-family="Space Grotesk, sans-serif" font-size="64" font-weight="700" fill="#000000" letter-spacing="-0.02em">BUSIVERSE</text></svg>`;
+var horizontal_color = `<svg width="300" height="75" viewBox="0 0 800 200" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(20, 10)"><circle cx="90" cy="90" r="16" fill="#3B82F6"/><circle cx="50" cy="50" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#06B6D4" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#06B6D4" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#3B82F6" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#8B5CF6" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="240" y="120" font-family="Space Grotesk, sans-serif" font-size="64" font-weight="700" fill="#0F172A" letter-spacing="-0.02em">BUSIVERSE</text></svg>`;
+var full_white = `<svg width="200" height="60" viewBox="0 0 600 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g id="icon"><circle cx="90" cy="90" r="16" fill="#FFFFFF"/><circle cx="50" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#FFFFFF" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#FFFFFF" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.2"/></g><g id="wordmark"><text x="190" y="105" font-family="Space Grotesk, sans-serif" font-size="52" font-weight="700" fill="#FFFFFF" letter-spacing="-0.02em">BUSIVERSE</text><text x="190" y="130" font-family="Inter, sans-serif" font-size="14" font-weight="500" fill="#FFFFFF" opacity="0.7" letter-spacing="0.05em">TURN IDEAS INTO OPERATING BUSINESSES</text></g></svg>`;
+var full_black = `<svg width="200" height="60" viewBox="0 0 600 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g id="icon"><circle cx="90" cy="90" r="16" fill="#000000"/><circle cx="50" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#000000" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#000000" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#000000" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#000000" stroke-width="1.5" fill="none" opacity="0.2"/></g><g id="wordmark"><text x="190" y="105" font-family="Space Grotesk, sans-serif" font-size="52" font-weight="700" fill="#000000" letter-spacing="-0.02em">BUSIVERSE</text><text x="190" y="130" font-family="Inter, sans-serif" font-size="14" font-weight="500" fill="#000000" opacity="0.7" letter-spacing="0.05em">TURN IDEAS INTO OPERATING BUSINESSES</text></g></svg>`;
+var full_color = `<svg width="200" height="60" viewBox="0 0 600 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g id="icon"><circle cx="90" cy="90" r="16" fill="#3B82F6"/><circle cx="50" cy="50" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#06B6D4" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#06B6D4" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#3B82F6" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#8B5CF6" stroke-width="1.5" fill="none" opacity="0.2"/></g><g id="wordmark"><text x="190" y="105" font-family="Space Grotesk, sans-serif" font-size="52" font-weight="700" fill="#0F172A" letter-spacing="-0.02em">BUSIVERSE</text><text x="190" y="130" font-family="Inter, sans-serif" font-size="14" font-weight="500" fill="#0F172A" opacity="0.7" letter-spacing="0.05em">TURN IDEAS INTO OPERATING BUSINESSES</text></g></svg>`;
+var vertical_white = `<svg width="200" height="300" viewBox="0 0 400 600" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(110, 40)"><circle cx="90" cy="90" r="16" fill="#FFFFFF"/><circle cx="50" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#FFFFFF" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#FFFFFF" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="200" y="350" font-family="Space Grotesk, sans-serif" font-size="48" font-weight="700" fill="#FFFFFF" letter-spacing="-0.02em" text-anchor="middle">BUSIVERSE</text><text x="200" y="390" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#FFFFFF" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">TURN IDEAS INTO</text><text x="200" y="410" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#FFFFFF" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">OPERATING BUSINESSES</text></svg>`;
+var vertical_black = `<svg width="200" height="300" viewBox="0 0 400 600" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(110, 40)"><circle cx="90" cy="90" r="16" fill="#000000"/><circle cx="50" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#000000" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#000000" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#000000" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#000000" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="200" y="350" font-family="Space Grotesk, sans-serif" font-size="48" font-weight="700" fill="#000000" letter-spacing="-0.02em" text-anchor="middle">BUSIVERSE</text><text x="200" y="390" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#000000" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">TURN IDEAS INTO</text><text x="200" y="410" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#000000" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">OPERATING BUSINESSES</text></svg>`;
+var vertical_color = `<svg width="200" height="300" viewBox="0 0 400 600" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(110, 40)"><circle cx="90" cy="90" r="16" fill="#3B82F6"/><circle cx="50" cy="50" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#06B6D4" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#06B6D4" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#3B82F6" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#8B5CF6" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="200" y="350" font-family="Space Grotesk, sans-serif" font-size="48" font-weight="700" fill="#0F172A" letter-spacing="-0.02em" text-anchor="middle">BUSIVERSE</text><text x="200" y="390" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#0F172A" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">TURN IDEAS INTO</text><text x="200" y="410" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#0F172A" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">OPERATING BUSINESSES</text></svg>`;
+var svgMap = {
+  icon: { white: icon_white, black: icon_black, color: icon_color },
+  horizontal: { white: horizontal_white, black: horizontal_black, color: horizontal_color },
+  full: { white: full_white, black: full_black, color: full_color },
+  vertical: { white: vertical_white, black: vertical_black, color: vertical_color }
+};
+function BusiverseLogo({ variant = "horizontal", tone = "white", label = "BUSIVERSE", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": label,
+      className: cn("busiverse-logo", className),
+      dangerouslySetInnerHTML: { __html: svgMap[variant][tone] },
+      ...props
+    }
+  );
+}
+
+export {
+  BusiverseLogo
+};

package/dist/chunk-3XY5ZSTX.js

@@ -0,0 +1,94 @@
+import {
+  Button,
+  Card
+} from "./chunk-GRZVAWCA.js";
+import {
+  BusiverseLogo
+} from "./chunk-32FPZZH2.js";
+import {
+  cn
+} from "./chunk-PYZVP4NI.js";
+
+// src/components/marketing/HeroSection.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function HeroSection({
+  title = "Turn Ideas Into Operating Businesses",
+  subtitle = "BUSIVERSE combines AI automation, blockchain-backed trust, and modular business services to help teams launch and operate ventures faster.",
+  primaryCta = /* @__PURE__ */ jsx(Button, { children: "Start Building" }),
+  secondaryCta = /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Explore the Platform" })
+}) {
+  return /* @__PURE__ */ jsx("section", { className: "busiverse-hero", children: /* @__PURE__ */ jsxs("div", { className: "busiverse-hero-content", children: [
+    /* @__PURE__ */ jsx(BusiverseLogo, { variant: "full", tone: "white", className: "busiverse-hero-logo" }),
+    /* @__PURE__ */ jsx("h1", { children: title }),
+    /* @__PURE__ */ jsx("p", { children: subtitle }),
+    /* @__PURE__ */ jsxs("div", { className: "busiverse-hero-actions", children: [
+      primaryCta,
+      secondaryCta
+    ] })
+  ] }) });
+}
+
+// src/components/marketing/MarketingSectionHeader.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function MarketingSectionHeader({ eyebrow, title, description, align = "center", className }) {
+  return /* @__PURE__ */ jsxs2("div", { className: cn("busiverse-marketing-section-header", align === "left" && "is-left", className), children: [
+    eyebrow && /* @__PURE__ */ jsx2("p", { className: "busiverse-marketing-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx2("h2", { children: title }),
+    description && /* @__PURE__ */ jsx2("p", { children: description })
+  ] });
+}
+
+// src/components/marketing/MarketingFeatureCard.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function MarketingFeatureCard({ icon, label, title, description, points, className }) {
+  return /* @__PURE__ */ jsxs3(Card, { className: cn("busiverse-marketing-feature-card", className), children: [
+    /* @__PURE__ */ jsxs3("div", { className: "busiverse-marketing-feature-topline", children: [
+      icon && /* @__PURE__ */ jsx3("div", { className: "busiverse-marketing-feature-icon", children: icon }),
+      label && /* @__PURE__ */ jsx3("span", { children: label })
+    ] }),
+    /* @__PURE__ */ jsx3("h3", { children: title }),
+    /* @__PURE__ */ jsx3("p", { children: description }),
+    points && points.length > 0 && /* @__PURE__ */ jsx3("ul", { children: points.map((point, index) => /* @__PURE__ */ jsx3("li", { children: point }, index)) })
+  ] });
+}
+
+// src/components/marketing/MarketingPricingCard.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function MarketingPricingCard({
+  name,
+  tagline,
+  price,
+  cadence,
+  description,
+  features,
+  ctaLabel = "Get started",
+  ctaHref,
+  featured = false,
+  note,
+  className
+}) {
+  const actionClassName = cn(
+    "busiverse-focus-ring busiverse-btn busiverse-btn-md busiverse-marketing-pricing-button",
+    featured ? "busiverse-btn-primary" : "busiverse-btn-secondary"
+  );
+  return /* @__PURE__ */ jsxs4(Card, { className: cn("busiverse-marketing-pricing-card", featured && "is-featured", className), children: [
+    featured && /* @__PURE__ */ jsx4("div", { className: "busiverse-marketing-pricing-ribbon", children: "Recommended" }),
+    /* @__PURE__ */ jsx4("p", { className: "busiverse-marketing-pricing-tagline", children: tagline }),
+    /* @__PURE__ */ jsx4("h3", { children: name }),
+    /* @__PURE__ */ jsxs4("div", { className: "busiverse-marketing-pricing-price", children: [
+      /* @__PURE__ */ jsx4("strong", { children: price }),
+      cadence && /* @__PURE__ */ jsx4("span", { children: cadence })
+    ] }),
+    /* @__PURE__ */ jsx4("p", { className: "busiverse-marketing-pricing-description", children: description }),
+    /* @__PURE__ */ jsx4("ul", { children: features.map((feature) => /* @__PURE__ */ jsx4("li", { children: feature }, feature)) }),
+    ctaHref ? /* @__PURE__ */ jsx4("a", { className: actionClassName, href: ctaHref, children: /* @__PURE__ */ jsx4("span", { children: ctaLabel }) }) : /* @__PURE__ */ jsx4("button", { className: actionClassName, type: "button", children: /* @__PURE__ */ jsx4("span", { children: ctaLabel }) }),
+    note && /* @__PURE__ */ jsx4("p", { className: "busiverse-marketing-pricing-note", children: note })
+  ] });
+}
+
+export {
+  HeroSection,
+  MarketingSectionHeader,
+  MarketingFeatureCard,
+  MarketingPricingCard
+};