{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ecommerce15",
  "title": "Shipping Info Cards",
  "description": "Icon cards displaying shipping, delivery, tracking, and returns policies. Perfect for product pages and checkout information.",
  "dependencies": [
    "clsx",
    "tailwind-merge",
    "lucide-react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/ecommerce15/ecommerce15.tsx",
      "content": "\"use client\";\n\nimport { Clock, MapPin, Shield, Truck } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ShippingOption {\n  icon?: \"truck\" | \"clock\" | \"location\" | \"shield\";\n  title: string;\n  description: string;\n}\n\ninterface Ecommerce15Props {\n  heading?: string;\n  options?: ShippingOption[];\n  className?: string;\n}\n\nconst iconMap = {\n  truck: Truck,\n  clock: Clock,\n  location: MapPin,\n  shield: Shield,\n};\n\nexport const ecommerce15Demo: Ecommerce15Props = {\n  heading: \"Shipping & Returns\",\n  options: [\n    {\n      icon: \"truck\",\n      title: \"Free Shipping\",\n      description: \"Free shipping on all orders\",\n    },\n    {\n      icon: \"clock\",\n      title: \"Fast Delivery\",\n      description: \"2-5 business days delivery time\",\n    },\n    {\n      icon: \"location\",\n      title: \"Order Tracking\",\n      description: \"Track your order in real-time\",\n    },\n    {\n      icon: \"shield\",\n      title: \"Easy Returns\",\n      description: \"30-day hassle-free return policy\",\n    },\n  ],\n};\n\nexport function Ecommerce15({\n  heading,\n  options = [],\n  className,\n}: Ecommerce15Props) {\n  return (\n    <section className={cn(\"py-12 md:py-24 w-full\", className)}>\n      <div className=\"mx-auto max-w-4xl px-4 md:px-6\">\n        {heading && (\n          <h2 className=\"mb-8 text-center text-2xl font-semibold\">{heading}</h2>\n        )}\n\n        <div className=\"grid gap-4 md:gap-6 sm:grid-cols-2 lg:grid-cols-4\">\n          {options.map((option, index) => {\n            const Icon = option.icon ? iconMap[option.icon] : Truck;\n            return (\n              <div\n                key={index}\n                className=\"flex flex-col items-center rounded-lg border bg-card p-6 text-center\"\n              >\n                <div className=\"mb-4 flex size-12 items-center justify-center rounded-full bg-muted\">\n                  <Icon className=\"size-6\" />\n                </div>\n                <h3 className=\"font-medium\">{option.title}</h3>\n                <p className=\"mt-1 text-sm text-muted-foreground\">\n                  {option.description}\n                </p>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/beste/block/ecommerce15.tsx"
    }
  ],
  "type": "registry:block"
}