{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "contact-sales",
  "type": "registry:component",
  "title": "Contact sales",
  "description": "A contact sales page with an animated headline, a case study card and press quote on one side, and a work email, company and message form on the other.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/case-study-card.json",
    "https://ui.minidev.pro/r/form-field.json",
    "https://ui.minidev.pro/r/input.json",
    "https://ui.minidev.pro/r/nav-marketing.json",
    "https://ui.minidev.pro/r/press-quote.json",
    "https://ui.minidev.pro/r/textarea.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/premium/contact-sales.tsx",
      "type": "registry:ui",
      "target": "components/ui/contact-sales.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { motion, useReducedMotion } from \"motion/react\"\nimport { cn } from \"@/lib/utils\"\nimport { NavMarketing } from \"@/components/ui/nav-marketing\"\nimport { Button } from \"@/components/ui/button\"\nimport { FormField } from \"@/components/ui/form-field\"\nimport { Input } from \"@/components/ui/input\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport { CaseStudyCard } from \"@/components/ui/case-study-card\"\nimport { PressQuote } from \"@/components/ui/press-quote\"\n\nfunction ContactSales({ className }: { className?: string }) {\n  const reduce = useReducedMotion()\n  return (\n    <div data-slot=\"contact-sales\" data-tier=\"premium\" className={cn(\"bg-bg\", className)}>\n      <NavMarketing />\n      <div className=\"mx-auto grid max-w-5xl gap-12 px-6 py-16 lg:grid-cols-2\">\n        <div>\n          <motion.h1 initial={reduce ? false : { opacity: 0, y: 8 }} animate={{ opacity: 1, y: 0 }} className=\"text-4xl font-medium tracking-[-0.026em] text-fg\">\n            Talk to sales\n          </motion.h1>\n          <p className=\"mt-3 text-sm text-fg-muted\">Studio seats, custom themes, and launch support for teams.</p>\n          <div className=\"mt-8 space-y-4\">\n            <CaseStudyCard company=\"Acme\" title=\"Cut design QA time in half\" result=\"52%\" delta={52} />\n            <PressQuote quote=\"The rare kit that looks intentional in screenshots.\" source=\"Design Weekly\" />\n          </div>\n        </div>\n        <form\n          className=\"space-y-3 rounded-2xl border border-border bg-surface p-6\"\n          onSubmit={(e) => e.preventDefault()}\n        >\n          <FormField label=\"Work email\"><Input type=\"email\" aria-label=\"Work email\" required /></FormField>\n          <FormField label=\"Company\"><Input aria-label=\"Company\" /></FormField>\n          <FormField label=\"What do you need?\"><Textarea aria-label=\"Message\" rows={4} /></FormField>\n          <Button type=\"submit\" className=\"w-full\">Request a call</Button>\n        </form>\n      </div>\n    </div>\n  )\n}\nexport { ContactSales }\n"
    }
  ]
}