{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"hero-02","type":"registry:component","title":"Hero 02","description":"A full-width hero section with integrated dashboard preview and indigo gradient theme. Features grid pattern background, customizable content structure with title, subtitle, and CTA button, and embedded dashboard image preview. Spans entire viewport width with professional indigo color scheme, responsive design, and optimized image loading. Perfect for SaaS platforms, development tools, and tech products requiring immersive hero presentation with product showcase.","registryDependencies":["button"],"files":[{"path":"src/registry/blocks/marketing/landing-pages/hero-sections/hero-02.tsx","content":"\"use client\";\n\nimport { ArrowRight } from \"lucide-react\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport React from \"react\";\nimport { cn } from \"@/registry/lib/utils\";\nimport { Button } from \"@/registry/ui/button\";\n\nexport interface Hero02Props {\n  className?: string;\n  onPrimaryClick?: () => void;\n  onSecondaryClick?: () => void;\n}\n\nconst content = {\n  header: {\n    title: \"Unleash the Power of AI Agents\",\n    subtitle:\n      \"Accelerate your development workflow with intelligent AI agents that write, review, and optimize your code.\",\n  },\n  buttons: {\n    primary: {\n      text: \"Get Started Free\",\n      href: \"#\",\n    },\n    secondary: {\n      text: \"View Demo\",\n      href: \"#\",\n    },\n  },\n  dashboard: {\n    image:\n      \"https://images.unsplash.com/photo-1566241440091-ec10de8db2e1?q=80&w=1916&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",\n    alt: \"Dashboard preview showing AI agent interface\",\n  },\n};\n\nexport function Hero02({\n  className,\n  onPrimaryClick,\n  onSecondaryClick,\n}: Hero02Props) {\n  const handlePrimaryClick = () => {\n    console.log(\"Primary action clicked\");\n    onPrimaryClick?.();\n  };\n\n  const handleSecondaryClick = () => {\n    console.log(\"Secondary action clicked\");\n    onSecondaryClick?.();\n  };\n  return (\n    <div className={cn(\"w-full relative overflow-hidden\", className)}>\n      {/* Hero Section */}\n      <section className=\"bg-slate-900 flex flex-col items-center text-center relative mx-auto overflow-hidden w-full h-[400px] md:h-[600px] lg:h-[1000px] md:px-0\">\n        {/* SVG Background */}\n        <div className=\"absolute inset-0 z-0 pointer-events-none\">\n          <svg\n            width=\"100%\"\n            height=\"100%\"\n            viewBox=\"0 0 1220 810\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            preserveAspectRatio=\"xMidYMid slice\"\n            aria-label=\"Hero background\"\n          >\n            <title>Hero background</title>\n            <g clipPath=\"url(#clip0_186_1134)\">\n              <mask\n                id=\"mask0_186_1134\"\n                style={{ maskType: \"alpha\" }}\n                maskUnits=\"userSpaceOnUse\"\n                x=\"10\"\n                y=\"-1\"\n                width=\"1200\"\n                height=\"812\"\n              >\n                <rect\n                  x=\"10\"\n                  y=\"-0.84668\"\n                  width=\"1200\"\n                  height=\"811.693\"\n                  fill=\"url(#paint0_linear_186_1134)\"\n                />\n              </mask>\n              <g mask=\"url(#mask0_186_1134)\">\n                {/* Grid Rectangles */}\n                {[...Array(35)].map((_, i) => (\n                  <React.Fragment key={`row1-${i}`}>\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"9.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"45.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"81.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"117.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"153.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"189.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"225.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"261.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"297.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"333.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"369.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"405.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"441.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"477.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"513.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"549.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"585.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"621.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"657.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"693.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"729.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                    <rect\n                      x={-20.0891 + i * 36}\n                      y=\"765.2\"\n                      width=\"35.6\"\n                      height=\"35.6\"\n                      stroke=\"rgba(255,255,255,0.6)\"\n                      strokeOpacity=\"0.11\"\n                      strokeWidth=\"0.4\"\n                      strokeDasharray=\"2 2\"\n                    />\n                  </React.Fragment>\n                ))}\n                {/* Specific Rectangles with fill */}\n                <rect\n                  x=\"699.711\"\n                  y=\"81\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.08\"\n                />\n                <rect\n                  x=\"195.711\"\n                  y=\"153\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.09\"\n                />\n                <rect\n                  x=\"1023.71\"\n                  y=\"153\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.09\"\n                />\n                <rect\n                  x=\"123.711\"\n                  y=\"225\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.09\"\n                />\n                <rect\n                  x=\"1095.71\"\n                  y=\"225\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.09\"\n                />\n                <rect\n                  x=\"951.711\"\n                  y=\"297\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.09\"\n                />\n                <rect\n                  x=\"231.711\"\n                  y=\"333\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.07\"\n                />\n                <rect\n                  x=\"303.711\"\n                  y=\"405\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.07\"\n                />\n                <rect\n                  x=\"87.7109\"\n                  y=\"405\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.09\"\n                />\n                <rect\n                  x=\"519.711\"\n                  y=\"405\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.08\"\n                />\n                <rect\n                  x=\"771.711\"\n                  y=\"405\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.09\"\n                />\n                <rect\n                  x=\"591.711\"\n                  y=\"477\"\n                  width=\"36\"\n                  height=\"36\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                  fillOpacity=\"0.07\"\n                />\n              </g>\n\n              <g filter=\"url(#filter0_f_186_1134)\">\n                <path\n                  d=\"M1447.45 -87.0203V-149.03H1770V1248.85H466.158V894.269C1008.11 894.269 1447.45 454.931 1447.45 -87.0203Z\"\n                  fill=\"url(#paint1_linear_186_1134)\"\n                />\n              </g>\n\n              <g filter=\"url(#filter1_f_186_1134)\">\n                <path\n                  d=\"M1383.45 -151.02V-213.03H1706V1184.85H402.158V830.269C944.109 830.269 1383.45 390.931 1383.45 -151.02Z\"\n                  fill=\"url(#paint2_linear_186_1134)\"\n                  fillOpacity=\"0.69\"\n                />\n              </g>\n\n              <g\n                style={{ mixBlendMode: \"lighten\" }}\n                filter=\"url(#filter2_f_186_1134)\"\n              >\n                <path\n                  d=\"M1567.45 -231.02V-293.03H1890V1104.85H586.158V750.269C1128.11 750.269 1567.45 310.931 1567.45 -231.02Z\"\n                  fill=\"url(#paint3_linear_186_1134)\"\n                />\n              </g>\n\n              <g\n                style={{ mixBlendMode: \"overlay\" }}\n                filter=\"url(#filter3_f_186_1134)\"\n              >\n                <path\n                  d=\"M65.625 750.269H284.007C860.205 750.269 1327.31 283.168 1327.31 -293.03H1650V1104.85H65.625V750.269Z\"\n                  fill=\"url(#paint4_radial_186_1134)\"\n                  fillOpacity=\"0.64\"\n                />\n              </g>\n            </g>\n\n            <rect\n              x=\"0.5\"\n              y=\"0.5\"\n              width=\"1219\"\n              height=\"809\"\n              rx=\"15.5\"\n              stroke=\"rgba(255,255,255,0.6)\"\n              strokeOpacity=\"0.06\"\n            />\n\n            <defs>\n              <filter\n                id=\"filter0_f_186_1134\"\n                x=\"147.369\"\n                y=\"-467.818\"\n                width=\"1941.42\"\n                height=\"2035.46\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n              >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feBlend\n                  mode=\"normal\"\n                  in=\"SourceGraphic\"\n                  in2=\"BackgroundImageFix\"\n                  result=\"shape\"\n                />\n                <feGaussianBlur\n                  stdDeviation=\"159.394\"\n                  result=\"effect1_foregroundBlur_186_1134\"\n                />\n              </filter>\n              <filter\n                id=\"filter1_f_186_1134\"\n                x=\"-554.207\"\n                y=\"-1169.39\"\n                width=\"3216.57\"\n                height=\"3310.61\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n              >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feBlend\n                  mode=\"normal\"\n                  in=\"SourceGraphic\"\n                  in2=\"BackgroundImageFix\"\n                  result=\"shape\"\n                />\n                <feGaussianBlur\n                  stdDeviation=\"478.182\"\n                  result=\"effect1_foregroundBlur_186_1134\"\n                />\n              </filter>\n              <filter\n                id=\"filter2_f_186_1134\"\n                x=\"426.762\"\n                y=\"-452.424\"\n                width=\"1622.63\"\n                height=\"1716.67\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n              >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feBlend\n                  mode=\"normal\"\n                  in=\"SourceGraphic\"\n                  in2=\"BackgroundImageFix\"\n                  result=\"shape\"\n                />\n                <feGaussianBlur\n                  stdDeviation=\"79.6969\"\n                  result=\"effect1_foregroundBlur_186_1134\"\n                />\n              </filter>\n              <filter\n                id=\"filter3_f_186_1134\"\n                x=\"-253.163\"\n                y=\"-611.818\"\n                width=\"2221.95\"\n                height=\"2035.46\"\n                filterUnits=\"userSpaceOnUse\"\n                colorInterpolationFilters=\"sRGB\"\n              >\n                <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                <feBlend\n                  mode=\"normal\"\n                  in=\"SourceGraphic\"\n                  in2=\"BackgroundImageFix\"\n                  result=\"shape\"\n                />\n                <feGaussianBlur\n                  stdDeviation=\"159.394\"\n                  result=\"effect1_foregroundBlur_186_1134\"\n                />\n              </filter>\n              <linearGradient\n                id=\"paint0_linear_186_1134\"\n                x1=\"35.0676\"\n                y1=\"23.6807\"\n                x2=\"903.8\"\n                y2=\"632.086\"\n                gradientUnits=\"userSpaceOnUse\"\n              >\n                <stop stopColor=\"rgba(255,255,255,0.6)\" stopOpacity=\"0\" />\n                <stop offset=\"1\" stopColor=\"var(--muted-foreground)\" />\n              </linearGradient>\n              <linearGradient\n                id=\"paint1_linear_186_1134\"\n                x1=\"1118.08\"\n                y1=\"-149.03\"\n                x2=\"1118.08\"\n                y2=\"1248.85\"\n                gradientUnits=\"userSpaceOnUse\"\n              >\n                <stop stopColor=\"rgba(255,255,255,0.6)\" />\n                <stop offset=\"0.578125\" stopColor=\"var(--color-indigo-400)\" />\n                <stop offset=\"1\" stopColor=\"var(--color-indigo-500)\" />\n              </linearGradient>\n              <linearGradient\n                id=\"paint2_linear_186_1134\"\n                x1=\"1054.08\"\n                y1=\"-213.03\"\n                x2=\"1054.08\"\n                y2=\"1184.85\"\n                gradientUnits=\"userSpaceOnUse\"\n              >\n                <stop stopColor=\"rgba(255,255,255,0.6)\" />\n                <stop offset=\"0.578125\" stopColor=\"var(--color-indigo-400)\" />\n                <stop offset=\"1\" stopColor=\"var(--color-indigo-500)\" />\n              </linearGradient>\n              <linearGradient\n                id=\"paint3_linear_186_1134\"\n                x1=\"1238.08\"\n                y1=\"-293.03\"\n                x2=\"1238.08\"\n                y2=\"1104.85\"\n                gradientUnits=\"userSpaceOnUse\"\n              >\n                <stop stopColor=\"rgba(255,255,255,0.6)\" />\n                <stop offset=\"0.578125\" stopColor=\"var(--color-indigo-400)\" />\n                <stop offset=\"1\" stopColor=\"var(--color-indigo-500)\" />\n              </linearGradient>\n              <radialGradient\n                id=\"paint4_radial_186_1134\"\n                cx=\"0\"\n                cy=\"0\"\n                r=\"1\"\n                gradientUnits=\"userSpaceOnUse\"\n                gradientTransform=\"translate(989.13 557.24) rotate(47.9516) scale(466.313 471.424)\"\n              >\n                <stop stopColor=\"rgba(255,255,255,0.6)\" />\n                <stop offset=\"0.157789\" stopColor=\"var(--color-indigo-400)\" />\n                <stop offset=\"1\" stopColor=\"var(--color-indigo-500)\" />\n              </radialGradient>\n              <clipPath id=\"clip0_186_1134\">\n                <rect\n                  width=\"1220\"\n                  height=\"810\"\n                  rx=\"16\"\n                  fill=\"rgba(255,255,255,0.6)\"\n                />\n              </clipPath>\n            </defs>\n          </svg>\n        </div>\n\n        <div className=\"relative z-10 space-y-4 md:space-y-5 lg:space-y-6 mb-6 md:mb-7 lg:mb-9 max-w-md md:max-w-[500px] lg:max-w-[700px] 2xl:max-w-[800px] mt-16 md:mt-[120px] lg:mt-[160px] px-4\">\n          <h1 className=\"text-white text-3xl md:text-4xl lg:text-6xl 2xl:text-7xl font-semibold leading-tight\">\n            {content.header.title}\n          </h1>\n          <p className=\"text-muted-foreground text-base md:text-base lg:text-xl font-medium leading-relaxed max-w-xl mx-auto\">\n            {content.header.subtitle}\n          </p>\n        </div>\n\n        {/* CTA Buttons */}\n        <div className=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-20 animate-fade-in-up animation-delay-400\">\n          <Button\n            size=\"lg\"\n            className=\"px-8 py-6 rounded-full text-base font-medium transition-all duration-300 hover:scale-105 hover:shadow-xl active:scale-95 group\"\n            asChild\n          >\n            <Link\n              href={content.buttons.primary.href}\n              onClick={handlePrimaryClick}\n            >\n              <span>{content.buttons.primary.text}</span>\n            </Link>\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"lg\"\n            className=\"px-8 py-6 rounded-full text-base font-medium group transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-800\"\n            asChild\n          >\n            <a\n              href={content.buttons.secondary.href}\n              onClick={handleSecondaryClick}\n              className=\"flex items-center justify-center text-muted-foreground\"\n            >\n              {content.buttons.secondary.text}{\" \"}\n              <ArrowRight className=\"ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform duration-200\" />\n            </a>\n          </Button>\n        </div>\n      </section>\n\n      {/* Dashboard Preview positioned below hero */}\n      <div className=\"relative z-30 -mt-[40px] md:-mt-[200px] lg:-mt-[400px] flex justify-center px-4\">\n        <div className=\"w-[calc(100vw-32px)] md:w-[1160px] lg:w-[1200px] 2xl:w-[1400px]\">\n          <div className=\"bg-primary-light/50 rounded-2xl p-2 shadow-2xl\">\n            <Image\n              src={content.dashboard.image}\n              alt={content.dashboard.alt}\n              width={1160}\n              height={700}\n              className=\"w-full h-full object-cover rounded-xl shadow-lg\"\n              priority\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","type":"registry:component"},{"path":"src/registry/lib/utils.ts","content":"import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","type":"registry:lib"}]}