import * as React from "react"; import { PricingRegionalCatalogLocationDetectionFive } from "@/registry/pricing-regional-catalog-location-detection-five/pricing-regional-catalog-location-detection-five"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; const businessTypes = [ { id: "individual", label: "Individual", description: "Freelancers & small teams", }, { id: "company", label: "Company", description: "Registered businesses" }, ]; const regions = [ { id: "na", label: "North America", currencyCode: "USD", currencySymbol: "$", complianceBadges: ["SOC 2 Type II", "HIPAA Ready"], detectionMessage: "Showing pricing converted to USD with local taxes.", pricingByBusinessType: { individual: [ { id: "starter", name: "Starter", price: "$89", description: "Localized billing, 2 GB tax-compliant storage", features: [ { id: "localized", label: "Localized invoices & receipts" }, { id: "support", label: "24-hour email support" }, { id: "payments", label: "Card + ACH payments" }, ], taxSummary: "Regional taxes calculated at checkout.", ctaLabel: "Start NA trial", }, { id: "growth", name: "Growth", price: "$189", description: "Regionalized pricing pages & SLA", badge: "Popular", features: [ { id: "sla", label: "99.9% uptime SLA" }, { id: "psp", label: "Multiple payment providers" }, { id: "analytics", label: "Geo revenue analytics" }, ], taxSummary: "Includes Colorado marketplace facilitator remit.", }, ], company: [ { id: "enterprise", name: "Enterprise", price: "Contact", description: "Advanced localization, procurement workflows", badge: "Enterprise", features: [ { id: "sso", label: "SAML SSO + SCIM" }, { id: "rls", label: "Row-level security policies" }, { id: "procurement", label: "Self-service procurement portal" }, ], taxSummary: "Supports multi-entity tax profiles.", ctaLabel: "Request NDA", }, ], }, taxes: [ { id: "gst", label: "GST estimate", amount: "$12", description: "Applied to Canadian invoices", }, { id: "state-tax", label: "State tax guidance", amount: "Varies" }, ], supportContacts: [ { id: "phone", channel: "Regional hotline", detail: "+1 (415) 555-0199", hours: "Mon-Fri 7am-6pm PT", }, { id: "slack", channel: "Slack Connect", detail: "#north-america-success", }, ], legalNotices: [ { id: "privacy", title: "Privacy & data residency", body: "Customer data resides in US-East with optional backups in Canada. SOC 2 Type II reports available under NDA.", }, { id: "tax", title: "Sales tax disclaimer", body: "Final tax calculations depend on nexus and filing status. Use the tax export feature for compliance.", }, ], }, { id: "eu", label: "European Union", currencyCode: "EUR", currencySymbol: "€", complianceBadges: ["GDPR", "EU-US Data Privacy Framework"], pricingByBusinessType: { individual: [ { id: "starter-eu", name: "Starter EU", price: "€79", description: "Localized invoices with VAT capture", features: [ { id: "vat", label: "VAT number validation" }, { id: "languages", label: "5 languages included" }, { id: "support", label: "Office hours in CET" }, ], taxSummary: "Prices exclude VAT; reverse charge supported.", }, ], company: [ { id: "enterprise-eu", name: "Enterprise EU", price: "€249", badge: "Popular", description: "Enterprise localization & compliance", features: [ { id: "subprocessors", label: "Choose EU or US subprocessors" }, { id: "local-payments", label: "iDEAL, SEPA, Sofort" }, { id: "rls", label: "Role-based DPA workflows" }, ], taxSummary: "Includes automated Intrastat exports.", ctaLabel: "Start EU trial", }, ], }, taxes: [ { id: "vat", label: "VAT", amount: "0-27%", description: "Depends on member state and business type", }, ], supportContacts: [ { id: "email", channel: "Email", detail: "eu-success@example.com", hours: "Response within 8 business hours", }, ], legalNotices: [ { id: "gdpr", title: "GDPR compliance", body: "Data processing agreements available with Standard Contractual Clauses.", }, ], }, ]; const currencyModes = [ { id: "list", label: "List price", description: "Standard catalog pricing" }, { id: "net", label: "Net price", description: "After VAT / tax deductions" }, ]; export function PricingRegionalCatalogLocationDetectionFiveDemo() { const [invoiceRequests, setInvoiceRequests] = React.useState([]); return (

setInvoiceRequests((entries) => [ `${new Date().toLocaleTimeString()} • ${region.label} • ${businessType.label}`, ...entries, ]) } />

Invoice requests

{invoiceRequests.length ? (

{entry}

) : (

No requests yet. Trigger the CTA to see the state update.

)}

); } export default PricingRegionalCatalogLocationDetectionFiveDemo;

Simple