love-ui 1.2.13 → 1.2.15

package/public/r/template-hero-six.json

@@ -1,83 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "template-hero-six",
-  "type": "registry:block",
-  "title": "hero/six",
-  "description": "Page template \"hero/six\"",
-  "files": [
-    {
-      "path": "registry/page-templates/default/templates/hero/six/index.tsx",
-      "type": "registry:file",
-      "target": "components/page-templates/hero/six/index.tsx",
-      "content": "import React from \"react\"\nimport Image from \"next/image\"\nimport Link from \"next/link\"\nimport { AnimatedGroup } from \"@/motion-primitives/animated-group\"\nimport { TextEffect } from \"@/motion-primitives/text-effect\"\nimport { Button } from \"@/ui/button\"\nimport { Beacon } from \"@/ui/svgs/beacon\"\nimport { Bolt } from \"@/ui/svgs/bolt\"\nimport { Claude } from \"@/ui/svgs/claude\"\nimport { Hulu } from \"@/ui/svgs/hulu\"\nimport { Linear } from \"@/ui/svgs/linear\"\nimport { Slack } from \"@/ui/svgs/slack\"\nimport { Supabase } from \"@/ui/svgs/supabase\"\nimport { Twilio } from \"@/ui/svgs/twilio\"\nimport { ArrowRight, ChevronRight } from \"lucide-react\"\n\nimport { assetPath } from \"@/lib/page-templates/utils\"\n\nconst transitionVariants = {\n  item: {\n    hidden: {\n      opacity: 0,\n      filter: \"blur(12px)\",\n      y: 12,\n    },\n    visible: {\n      opacity: 1,\n      filter: \"blur(0px)\",\n      y: 0,\n      transition: {\n        type: \"spring\",\n        bounce: 0.3,\n        duration: 1.5,\n      },\n    },\n  },\n}\n\nexport default function HeroSection() {\n  return (\n    <>\n      <main className=\"overflow-hidden\">\n        <div\n          aria-hidden\n          className=\"absolute inset-0 isolate hidden opacity-65 contain-strict lg:block\"\n        >\n          <div className=\"absolute top-0 left-0 h-320 w-140 -translate-y-87.5 -rotate-45 rounded-full bg-[radial-gradient(68.54%_68.72%_at_55.02%_31.46%,hsla(0,0%,85%,.08)_0,hsla(0,0%,55%,.02)_50%,hsla(0,0%,45%,0)_80%)]\" />\n          <div className=\"absolute top-0 left-0 h-320 w-60 [translate:5%_-50%] -rotate-45 rounded-full bg-[radial-gradient(50%_50%_at_50%_50%,hsla(0,0%,85%,.06)_0,hsla(0,0%,45%,.02)_80%,transparent_100%)]\" />\n          <div className=\"absolute top-0 left-0 h-320 w-60 -translate-y-87.5 -rotate-45 bg-[radial-gradient(50%_50%_at_50%_50%,hsla(0,0%,85%,.04)_0,hsla(0,0%,45%,.02)_80%,transparent_100%)]\" />\n        </div>\n        <section>\n          <div className=\"relative pt-24 md:pt-36\">\n            <AnimatedGroup\n              variants={{\n                container: {\n                  visible: {\n                    transition: {\n                      delayChildren: 1,\n                    },\n                  },\n                },\n                item: {\n                  hidden: {\n                    opacity: 0,\n                    y: 20,\n                  },\n                  visible: {\n                    opacity: 1,\n                    y: 0,\n                    transition: {\n                      type: \"spring\",\n                      bounce: 0.3,\n                      duration: 2,\n                    },\n                  },\n                },\n              }}\n              className=\"absolute inset-0 top-56 -z-20 mask-b-from-35% mask-b-to-90% lg:top-32\"\n            >\n              <Image\n                src={assetPath(\"/page-templates/hero-bg.jpg\")}\n                alt=\"background\"\n                className=\"hidden size-full dark:block\"\n                width={3276}\n                height={4095}\n              />\n            </AnimatedGroup>\n\n            <div\n              aria-hidden\n              className=\"absolute inset-0 -z-10 size-full [background:radial-gradient(125%_125%_at_50%_100%,transparent_0%,var(--color-background)_75%)]\"\n            />\n\n            <div className=\"mx-auto max-w-7xl px-6\">\n              <div className=\"text-center sm:mx-auto lg:mt-0 lg:mr-auto\">\n                <AnimatedGroup variants={transitionVariants}>\n                  <Link\n                    href=\"#link\"\n                    className=\"group/cta mx-auto flex w-fit items-center gap-4 rounded-full border bg-muted p-1 pl-4 shadow-md shadow-zinc-950/5 transition-colors duration-300 hover:bg-background dark:border-t-white/5 dark:shadow-zinc-950 dark:hover:border-t-border\"\n                  >\n                    <span className=\"text-sm text-foreground\">\n                      Introducing LoveUI Pro Components\n                    </span>\n                    <span className=\"block h-4 w-0.5 border-l bg-white dark:border-background dark:bg-zinc-700\"></span>\n\n                    <div className=\"size-6 overflow-hidden rounded-full bg-background duration-500 group-hover/cta:bg-muted\">\n                      <div className=\"flex w-12 -translate-x-1/2 duration-500 ease-in-out group-hover/cta:translate-x-0\">\n                        <span className=\"flex size-6\">\n                          <ArrowRight className=\"m-auto size-3\" />\n                        </span>\n                        <span className=\"flex size-6\">\n                          <ArrowRight className=\"m-auto size-3\" />\n                        </span>\n                      </div>\n                    </div>\n                  </Link>\n                </AnimatedGroup>\n\n                <TextEffect\n                  preset=\"fade-in-blur\"\n                  speedSegment={0.3}\n                  as=\"h1\"\n                  className=\"mx-auto mt-8 max-w-4xl text-5xl text-balance max-md:font-semibold md:text-7xl lg:mt-16 xl:text-[5.25rem]\"\n                >\n                  Modern UI Systems for Product Teams\n                </TextEffect>\n                <TextEffect\n                  per=\"line\"\n                  preset=\"fade-in-blur\"\n                  speedSegment={0.3}\n                  delay={0.5}\n                  as=\"p\"\n                  className=\"mx-auto mt-8 max-w-2xl text-lg text-balance\"\n                >\n                  LoveUI ships highly customizable components for building\n                  modern websites and applications that feel truly on-brand.\n                </TextEffect>\n\n                <AnimatedGroup\n                  variants={{\n                    container: {\n                      visible: {\n                        transition: {\n                          staggerChildren: 0.05,\n                          delayChildren: 0.75,\n                        },\n                      },\n                    },\n                    ...transitionVariants,\n                  }}\n                  className=\"mt-12 flex flex-col items-center justify-center gap-2 md:flex-row\"\n                >\n                  <div\n                    key={1}\n                    className=\"rounded-[calc(var(--radius-xl)+0.125rem)] border bg-foreground/10 p-0.5\"\n                  >\n                    <Button\n                      asChild\n                      size=\"lg\"\n                      className=\"rounded-xl px-5 text-base\"\n                    >\n                      <Link href=\"#link\">\n                        <span className=\"text-nowrap\">Start Building</span>\n                      </Link>\n                    </Button>\n                  </div>\n                  <Button\n                    key={2}\n                    asChild\n                    size=\"lg\"\n                    variant=\"ghost\"\n                    className=\"h-10.5 rounded-xl px-5\"\n                  >\n                    <Link href=\"#link\">\n                      <span className=\"text-nowrap\">Request a demo</span>\n                    </Link>\n                  </Button>\n                </AnimatedGroup>\n              </div>\n            </div>\n\n            <AnimatedGroup\n              variants={{\n                container: {\n                  visible: {\n                    transition: {\n                      staggerChildren: 0.05,\n                      delayChildren: 0.75,\n                    },\n                  },\n                },\n                ...transitionVariants,\n              }}\n            >\n              <div className=\"relative mt-8 -mr-56 overflow-hidden mask-b-from-55% px-2 sm:mt-12 sm:mr-0 md:mt-20\">\n                <div className=\"relative mx-auto max-w-6xl overflow-hidden rounded-2xl border bg-background p-4 shadow-lg ring-1 inset-shadow-2xs shadow-zinc-950/15 ring-background dark:inset-shadow-white/20\">\n                  <Image\n                    className=\"relative hidden aspect-15/8 rounded-2xl bg-background dark:block\"\n                    src={assetPath(\"/page-templates/hero/mail2.webp\")}\n                    alt=\"app screen\"\n                    width={2700}\n                    height={1440}\n                  />\n                  <Image\n                    className=\"relative z-2 aspect-15/8 rounded-2xl border border-border/25 dark:hidden\"\n                    src={assetPath(\"/page-templates/hero/mail2-light.webp\")}\n                    alt=\"app screen\"\n                    width={2700}\n                    height={1440}\n                  />\n                </div>\n              </div>\n            </AnimatedGroup>\n          </div>\n        </section>\n        <section className=\"bg-background pt-16 pb-16 md:pb-32\">\n          <div className=\"group/logo-grid relative m-auto max-w-5xl px-6\">\n            <div className=\"absolute inset-0 z-10 flex scale-95 items-center justify-center opacity-0 duration-500 group-hover/logo-grid:scale-100 group-hover/logo-grid:opacity-100\">\n              <Link\n                href=\"/\"\n                className=\"block text-sm duration-150 hover:opacity-75\"\n              >\n                <span> Explore LoveUI Customers</span>\n\n                <ChevronRight className=\"ml-1 inline-block size-3\" />\n              </Link>\n            </div>\n            <div className=\"mx-auto mt-12 grid max-w-2xl grid-cols-4 gap-x-12 gap-y-8 transition-all duration-500 group-hover/logo-grid:opacity-50 group-hover/logo-grid:blur-xs sm:gap-x-16 sm:gap-y-14\">\n              <div className=\"flex\">\n                <Beacon className=\"mx-auto h-5 w-fit text-foreground dark:text-white\" />{\" \"}\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Beacon\n                </span>\n              </div>\n\n              <div className=\"flex\">\n                <Bolt className=\"mx-auto h-4 w-fit text-foreground dark:text-white\" />{\" \"}\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Bolt\n                </span>\n              </div>\n              <div className=\"flex\">\n                <Twilio className=\"mx-auto h-4 w-fit text-foreground dark:text-white\" />{\" \"}\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Twilio\n                </span>\n              </div>\n              <div className=\"flex\">\n                <Hulu className=\"mx-auto h-5 w-fit text-foreground dark:text-white\" />{\" \"}\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Hulu\n                </span>\n              </div>\n              <div className=\"flex\">\n                <Supabase className=\"mx-auto h-5 w-fit text-foreground dark:text-white\" />{\" \"}\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Supabase\n                </span>\n              </div>\n              <div className=\"flex\">\n                <Linear className=\"mx-auto h-4 w-fit text-foreground dark:text-white\" />{\" \"}\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Linear\n                </span>\n              </div>\n              <div className=\"flex\">\n                <Slack className=\"mx-auto h-7 w-fit text-foreground dark:text-white\" />{\" \"}\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Slack\n                </span>\n              </div>\n\n              <div className=\"flex\">\n                <Claude className=\"mx-auto h-6 w-fit text-foreground dark:text-white\" />{\" \"}\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Claude\n                </span>\n              </div>\n            </div>\n          </div>\n        </section>\n      </main>\n    </>\n  )\n}\n"
-    },
-    {
-      "path": "registry/page-templates/default/lib/page-templates/utils.ts",
-      "type": "registry:lib",
-      "target": "lib/page-templates/utils.ts",
-      "content": "import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nconst basePath = (process.env.NEXT_PUBLIC_BASE_PATH || \"/ui\").replace(/\\/$/, \"\")\n\n// Template file structure\nexport interface TemplateFile {\n  path: string // e.g., \"app/page.tsx\" or \"components/auth-page.tsx\"\n  content?: string // Will be loaded dynamically\n}\n\n// Placeholder template data structure\nexport interface PageTemplate {\n  name: string // Route-safe identifier (used in URLs)\n  title: string\n  description?: string\n  files: TemplateFile[] // Array of files that make up this template\n  mainComponent?: string // Path to the main component file (for preview)\n  registryPath?: string // Path under registry/page-templates/default/templates\n  category?: string\n}\n\nexport const getTemplateRegistryPath = (template: PageTemplate): string =>\n  template.registryPath || template.name\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport const assetPath = (path: string): string => {\n  const normalizedPath = path.startsWith(\"/\") ? path : `/${path}`\n\n  return `${basePath}${normalizedPath}`\n}\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/beacon.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/beacon.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nexport const Beacon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 93 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#FF7E23\"\n      fillRule=\"evenodd\"\n      d=\"M6.815 19.719c4.869 0 7.122-2.254 7.122-5.494 0-2.845-1.83-4.79-4.197-5.352 1.662-.647 2.844-2.028 2.844-4.028 0-2.59-1.94-4.845-5.911-4.845H0v19.719h6.815ZM3.096 8V2.733h3.322c2.028 0 3.097.958 3.097 2.535C9.515 6.873 8.417 8 6.389 8H3.096Zm7.742 5.747c0-1.944-1.24-3.324-4.196-3.324H3.096v6.563h3.577c2.928 0 4.165-1.24 4.165-3.24Zm18.78-.226H18.043c.452 2.59 2.48 3.888 4.814 3.888 1.943 0 2.983-.507 4.055-1.353l1.717 1.634C27.335 19.157 25.476 20 22.774 20c-3.687 0-7.716-2.507-7.716-7.578 0-5.1 4.14-7.632 7.432-7.632 3.325 0 7.831 2.533 7.127 8.73Zm-11.545-2.255h8.813c-.28-2.59-2.505-3.86-4.39-3.86-1.86.003-3.945 1.27-4.423 3.86Zm19.874-6.479c-3.293 0-7.263 2.48-7.263 7.607 0 5.126 3.97 7.606 7.263 7.606 2.535 0 4.281-1.466 4.872-2.677h.168v2.393h3.041V5.068h-3.041v2.394h-.168c-.591-1.211-2.337-2.675-4.872-2.675Zm.395 2.706c2.279 0 4.73 1.632 4.73 4.9 0 3.27-2.449 4.903-4.73 4.9-2.28 0-4.701-1.633-4.701-4.9 0-3.265 2.42-4.9 4.7-4.9Zm20.832 1.913 2.366-1.07c-1.323-2.364-3.603-3.546-6.252-3.549-3.322 0-7.574 2.533-7.574 7.633 0 5.097 4.252 7.578 7.574 7.578 2.676 0 4.927-1.154 6.279-3.521l-2.393-1.07c-.874 1.183-2.056 1.887-3.857 1.887-2.167 0-4.646-1.634-4.646-4.874 0-3.295 2.48-4.929 4.646-4.929 1.801 0 2.986.733 3.857 1.915ZM69.871 20c3.35 0 7.602-2.48 7.602-7.578 0-5.1-4.251-7.632-7.602-7.632s-7.603 2.533-7.603 7.632c0 5.098 4.252 7.578 7.603 7.578Zm.002-2.704c-2.166 0-4.645-1.634-4.645-4.873 0-3.295 2.476-4.93 4.645-4.93 2.17 0 4.646 1.635 4.646 4.93 0 3.24-2.477 4.873-4.646 4.873Zm22.858 2.423V11.24c0-4.564-2.757-6.45-5.489-6.45-3.18 0-4.758 2.477-5.04 3.323V5.071h-3.04v14.645h3.04v-8.76c.14-1.237 1.493-3.491 3.998-3.491 1.857 0 3.49 1.156 3.49 3.943v8.31h3.041Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n)\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/bolt.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/bolt.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nexport const Bolt = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 45.65 160 68.7\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    {...props}\n  >\n    <path d=\"M75.61 106.195c-14.747 0-21.962-8.468-21.962-19.136s10.04-24.157 24.782-24.157c14.746 0 21.96 8.47 21.96 19.137 0 10.668-10.038 24.156-24.78 24.156Zm.624-13.488c5.02 0 8.473-4.707 8.473-9.727 0-5.02-2.512-6.273-6.902-6.273-4.395 0-8.473 4.703-8.473 9.723 0 5.02 2.512 6.277 6.902 6.277Zm39.844 12.547h-15.371l12.547-57.098h15.375l-12.55 56.785Zm0 0\" />\n    <path\n      fillRule=\"evenodd\"\n      d=\"M30.117 106.195c-4.707 0-9.41-1.566-11.922-5.332l-.941 4.39L0 114.353l1.883-9.098L14.43 48.156h15.375L25.41 68.234c3.453-3.765 6.902-5.332 11.297-5.332 9.41 0 15.371 5.961 15.371 17.254 0 11.293-7.215 26.04-21.96 26.04Zm5.961-22.902c0 5.336-3.766 9.414-8.785 9.414-5.02 0-5.332-.941-6.902-2.824l2.511-10.352c1.883-1.883 3.766-2.824 6.274-2.824 3.765 0 6.902 2.824 6.902 6.902Zm0 0\"\n    />\n    <path d=\"M144.629 106.195c-8.785 0-15.375-3.136-15.375-10.351 0-7.215 0-2.196.316-3.137l3.45-15.375h-6.903l3.137-13.176h6.902l2.512-11.293 17.254-7.215-1.883 7.215-2.508 11.293H160l-3.137 13.176h-8.472l-2.196 10.04v1.882c0 1.883 1.254 3.453 3.766 3.453 2.508 0 1.883 0 2.195-.316v12.238c-1.566 1.254-4.39 1.566-7.215 1.566Zm0 0\" />\n  </svg>\n)\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/claude.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/claude.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Claude = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 256 257\">\n    <path\n      fill=\"#D97757\"\n      d=\"m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z\"\n    />\n  </svg>\n)\n\nexport { Claude }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/hulu.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/hulu.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nexport const Hulu = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 251 83\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M153.602 82.4612H173.519V0.015625H153.602V82.4612ZM118.632 58.9549C118.632 61.8498 116.201 64.2815 113.306 64.2815H101.726C98.8314 64.2815 96.3998 61.8498 96.3998 58.9549C96.3998 57.797 96.3998 25.722 96.3998 25.722H76.4831V60.5761C76.4831 74.8188 85.6309 82.3454 99.063 82.3454H118.516C130.906 82.3454 138.433 73.4292 138.433 60.5761V25.722H118.516C118.632 25.722 118.632 57.9128 118.632 58.9549ZM230.605 25.722C230.605 25.722 230.605 57.9128 230.605 58.9549C230.605 61.8498 228.174 64.2815 225.279 64.2815H213.699C210.805 64.2815 208.373 61.8498 208.373 58.9549C208.373 57.797 208.373 25.722 208.373 25.722H188.456V60.5761C188.456 74.8188 197.604 82.3454 211.036 82.3454H230.49C242.88 82.3454 250.406 73.4292 250.406 60.5761V25.722H230.605ZM39.7763 25.722C39.7763 25.722 29.4706 25.722 27.039 25.722C22.523 25.722 20.3229 26.8799 20.3229 26.8799V0.015625H0.40625V82.3454H20.2071V49.2282C20.2071 46.3334 22.6388 43.9017 25.5336 43.9017H37.1131C40.0079 43.9017 42.4396 46.3334 42.4396 49.2282V82.4612H62.3562V46.5649C62.3562 31.5117 52.2821 25.722 39.7763 25.722Z\"\n      fill=\"#1CE783\"\n    />\n  </svg>\n)\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/linear.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/linear.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Linear = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 100 100\">\n    <path\n      fill=\"#5E6AD2\"\n      d=\"M1.225 61.523c-.222-.949.908-1.546 1.597-.857l36.512 36.512c.69.69.092 1.82-.857 1.597-18.425-4.323-32.93-18.827-37.252-37.252ZM.002 46.889a.99.99 0 0 0 .29.76L52.35 99.71c.201.2.478.307.76.29 2.37-.149 4.695-.46 6.963-.927.765-.157 1.03-1.096.478-1.648L2.576 39.448c-.552-.551-1.491-.286-1.648.479a50.067 50.067 0 0 0-.926 6.962ZM4.21 29.705a.988.988 0 0 0 .208 1.1l64.776 64.776c.289.29.726.375 1.1.208a49.908 49.908 0 0 0 5.185-2.684.981.981 0 0 0 .183-1.54L8.436 24.336a.981.981 0 0 0-1.541.183 49.896 49.896 0 0 0-2.684 5.185Zm8.448-11.631a.986.986 0 0 1-.045-1.354C21.78 6.46 35.111 0 49.952 0 77.592 0 100 22.407 100 50.048c0 14.84-6.46 28.172-16.72 37.338a.986.986 0 0 1-1.354-.045L12.659 18.074Z\"\n    />\n  </svg>\n)\n\nexport { Linear }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/slack.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/slack.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Slack = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 2447.6 2452.5\">\n    <g clipRule=\"evenodd\" fillRule=\"evenodd\">\n      <path\n        d=\"m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z\"\n        fill=\"#36c5f0\"\n      />\n      <path\n        d=\"m2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3zm-652.7 0v-654c.1-135.2-109.4-245-244.7-245.2-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.3z\"\n        fill=\"#2eb67d\"\n      />\n      <path\n        d=\"m1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2zm0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2-.1 135.4 109.4 245.2 244.7 245.3z\"\n        fill=\"#ecb22e\"\n      />\n      <path\n        d=\"m0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2 135.3-.1 244.9-109.9 244.8-245.2v-245.2h-244.8c-135.3.1-244.9 109.9-244.8 245.2zm652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3-135.4 0-244.9 109.8-244.8 245.1 0 0 0 .1 0 0\"\n        fill=\"#e01e5a\"\n      />\n    </g>\n  </svg>\n)\n\nexport { Slack }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/supabase.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/supabase.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Supabase = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 109 113\" fill=\"none\">\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint0_linear)\"\n    />\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint1_linear)\"\n      fillOpacity=\"0.2\"\n    />\n    <path\n      d=\"M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z\"\n      fill=\"#3ECF8E\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear\"\n        x1=\"53.9738\"\n        y1=\"54.974\"\n        x2=\"94.1635\"\n        y2=\"71.8295\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#249361\" />\n        <stop offset=\"1\" stopColor=\"#3ECF8E\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint1_linear\"\n        x1=\"36.1558\"\n        y1=\"30.578\"\n        x2=\"54.4844\"\n        y2=\"65.0806\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop />\n        <stop offset=\"1\" stopOpacity=\"0\" />\n      </linearGradient>\n    </defs>\n  </svg>\n)\n\nexport { Supabase }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/twilio.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/twilio.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Twilio = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 64 64\">\n    <g transform=\"translate(0 .047) scale(.93704)\" fill=\"#e31e26\">\n      <path d=\"M34.1 0C15.3 0 0 15.3 0 34.1s15.3 34.1 34.1 34.1C53 68.3 68.3 53 68.3 34.1S53 0 34.1 0zm0 59.3C20.3 59.3 9 48 9 34.1 9 20.3 20.3 9 34.1 9 48 9 59.3 20.3 59.3 34.1 59.3 48 48 59.3 34.1 59.3z\" />\n      <circle cx=\"42.6\" cy=\"25.6\" r=\"7.1\" />\n      <circle cx=\"42.6\" cy=\"42.6\" r=\"7.1\" />\n      <circle cx=\"25.6\" cy=\"42.6\" r=\"7.1\" />\n      <circle cx=\"25.6\" cy=\"25.6\" r=\"7.1\" />\n    </g>\n  </svg>\n)\n\nexport { Twilio }\n"
-    }
-  ],
-  "categories": [
-    "page-template",
-    "hero"
-  ],
-  "dependencies": [
-    "lucide-react"
-  ],
-  "registryDependencies": [
-    "https://www.loveui.dev/r/button.json"
-  ],
-  "meta": {
-    "source": "page-template",
-    "templatePath": "hero/six"
-  }
-}

package/public/r/template-hero-ten.json

@@ -1,77 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "template-hero-ten",
-  "type": "registry:block",
-  "title": "hero/ten",
-  "description": "Page template \"hero/ten\"",
-  "files": [
-    {
-      "path": "registry/page-templates/default/templates/hero/ten/index.tsx",
-      "type": "registry:file",
-      "target": "components/page-templates/hero/ten/index.tsx",
-      "content": "import React from \"react\"\nimport Image from \"next/image\"\nimport Link from \"next/link\"\nimport { InfiniteSlider } from \"@/motion-primitives/infinite-slider\"\nimport { ProgressiveBlur } from \"@/motion-primitives/progressive-blur\"\nimport { Button } from \"@/ui/button\"\nimport { Claude } from \"@/ui/svgs/claude\"\nimport { Figma } from \"@/ui/svgs/figma\"\nimport { Firebase } from \"@/ui/svgs/firebase\"\nimport { Linear } from \"@/ui/svgs/linear\"\nimport { Slack } from \"@/ui/svgs/slack\"\nimport { Supabase } from \"@/ui/svgs/supabase\"\nimport { Twilio } from \"@/ui/svgs/twilio\"\nimport { Vercel } from \"@/ui/svgs/vercel\"\nimport { ChevronRight } from \"lucide-react\"\n\nexport default function HeroSection() {\n  return (\n    <>\n      <main className=\"overflow-x-hidden\">\n        <section>\n          <div className=\"py-24 md:pb-32 lg:pt-72 lg:pb-36\">\n            <div className=\"relative mx-auto flex max-w-7xl flex-col px-6 lg:block lg:px-12\">\n              <div className=\"mx-auto max-w-lg text-center lg:ml-0 lg:max-w-full lg:text-left\">\n                <h1 className=\"mt-8 max-w-2xl text-5xl text-balance md:text-6xl lg:mt-16 xl:text-7xl\">\n                  Build 10x Faster with LoveUI\n                </h1>\n                <p className=\"mt-8 max-w-2xl text-lg text-balance\">\n                  LoveUI delivers highly customizable components for building\n                  modern websites and applications that feel exactly right.\n                </p>\n\n                <div className=\"mt-12 flex flex-col items-center justify-center gap-2 sm:flex-row lg:justify-start\">\n                  <Button\n                    asChild\n                    size=\"lg\"\n                    className=\"h-12 rounded-full pr-3 pl-5 text-base\"\n                  >\n                    <Link href=\"#link\">\n                      <span className=\"text-nowrap\">Start Building</span>\n                      <ChevronRight className=\"ml-1\" />\n                    </Link>\n                  </Button>\n                  <Button\n                    key={2}\n                    asChild\n                    size=\"lg\"\n                    variant=\"ghost\"\n                    className=\"h-12 rounded-full px-5 text-base hover:bg-zinc-950/5 dark:hover:bg-white/5\"\n                  >\n                    <Link href=\"#link\">\n                      <span className=\"text-nowrap\">Request a demo</span>\n                    </Link>\n                  </Button>\n                </div>\n              </div>\n            </div>\n            <div className=\"absolute inset-1 -z-10 aspect-2/3 overflow-hidden rounded-3xl border border-black/10 lg:aspect-video lg:rounded-[3rem] dark:border-white/5\">\n              <Image\n                src=\"/page-templates/hero-bg.jpg\"\n                alt=\"hero background\"\n                className=\"size-full object-cover opacity-50 invert dark:opacity-35 dark:invert-0 dark:lg:opacity-75\"\n                width={2268}\n                height={1740}\n              />\n            </div>\n          </div>\n        </section>\n        <section className=\"bg-background pb-2\">\n          <div className=\"group relative m-auto max-w-7xl px-6\">\n            <div className=\"flex flex-col items-center md:flex-row\">\n              <div className=\"md:max-w-44 md:border-r md:pr-6\">\n                <p className=\"text-end text-sm\">\n                  Trusted by modern product teams\n                </p>\n              </div>\n              <div className=\"relative py-6 md:w-[calc(100%-11rem)]\">\n                <InfiniteSlider speedOnHover={20} speed={40} gap={112}>\n                  <div className=\"flex items-center gap-2\">\n                    <Figma className=\"size-4 shrink-0\" />\n                    <span className=\"text-sm font-medium text-muted-foreground\">\n                      Figma\n                    </span>\n                  </div>\n\n                  <div className=\"flex items-center gap-2\">\n                    <Firebase className=\"size-5 shrink-0\" />\n                    <span className=\"text-sm font-medium text-muted-foreground\">\n                      Firebase\n                    </span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Supabase className=\"size-4 shrink-0\" />\n                    <span className=\"text-sm font-medium text-muted-foreground\">\n                      Supabase\n                    </span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Linear className=\"size-4 shrink-0\" />\n                    <span className=\"text-sm font-medium text-muted-foreground\">\n                      Linear\n                    </span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Slack className=\"size-5 shrink-0\" />\n                    <span className=\"text-sm font-medium text-muted-foreground\">\n                      Slack\n                    </span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Twilio className=\"size-4 shrink-0\" />\n                    <span className=\"text-sm font-medium text-muted-foreground\">\n                      Twilio\n                    </span>\n                  </div>\n\n                  <div className=\"flex items-center gap-2\">\n                    <Vercel className=\"size-4 shrink-0 text-foreground dark:text-white\" />\n                    <span className=\"text-sm font-medium text-muted-foreground\">\n                      Vercel\n                    </span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Claude className=\"size-5 shrink-0\" />\n                    <span className=\"text-sm font-medium text-muted-foreground\">\n                      Claude\n                    </span>\n                  </div>\n                </InfiniteSlider>\n\n                <div className=\"absolute inset-y-0 left-0 w-20 bg-linear-to-r from-background\"></div>\n                <div className=\"absolute inset-y-0 right-0 w-20 bg-linear-to-l from-background\"></div>\n                <ProgressiveBlur\n                  className=\"pointer-events-none absolute top-0 left-0 h-full w-20\"\n                  direction=\"left\"\n                  blurIntensity={1}\n                />\n                <ProgressiveBlur\n                  className=\"pointer-events-none absolute top-0 right-0 h-full w-20\"\n                  direction=\"right\"\n                  blurIntensity={1}\n                />\n              </div>\n            </div>\n          </div>\n        </section>\n      </main>\n    </>\n  )\n}\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/claude.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/claude.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Claude = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 256 257\">\n    <path\n      fill=\"#D97757\"\n      d=\"m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z\"\n    />\n  </svg>\n)\n\nexport { Claude }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/figma.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/figma.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Figma = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 54 80\" fill=\"none\">\n    <g clipPath=\"url(#clip0_912_3)\">\n      <path\n        d=\"M13.3333 80.0002C20.6933 80.0002 26.6667 74.0268 26.6667 66.6668V53.3335H13.3333C5.97333 53.3335 0 59.3068 0 66.6668C0 74.0268 5.97333 80.0002 13.3333 80.0002Z\"\n        fill=\"#0ACF83\"\n      />\n      <path\n        d=\"M0 39.9998C0 32.6398 5.97333 26.6665 13.3333 26.6665H26.6667V53.3332H13.3333C5.97333 53.3332 0 47.3598 0 39.9998Z\"\n        fill=\"#A259FF\"\n      />\n      <path\n        d=\"M0 13.3333C0 5.97333 5.97333 0 13.3333 0H26.6667V26.6667H13.3333C5.97333 26.6667 0 20.6933 0 13.3333Z\"\n        fill=\"#F24E1E\"\n      />\n      <path\n        d=\"M26.6667 0H40.0001C47.3601 0 53.3334 5.97333 53.3334 13.3333C53.3334 20.6933 47.3601 26.6667 40.0001 26.6667H26.6667V0Z\"\n        fill=\"#FF7262\"\n      />\n      <path\n        d=\"M53.3334 39.9998C53.3334 47.3598 47.3601 53.3332 40.0001 53.3332C32.6401 53.3332 26.6667 47.3598 26.6667 39.9998C26.6667 32.6398 32.6401 26.6665 40.0001 26.6665C47.3601 26.6665 53.3334 32.6398 53.3334 39.9998Z\"\n        fill=\"#1ABCFE\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_912_3\">\n        <rect width=\"53.3333\" height=\"80\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n)\n\nexport { Figma }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/firebase.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/firebase.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Firebase = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 600 600\">\n    <path\n      fill=\"#FF9100\"\n      d=\"M213.918 560.499c23.248 9.357 48.469 14.909 74.952 15.834 35.84 1.252 69.922-6.158 100.391-20.234-36.537-14.355-69.627-35.348-97.869-61.448-18.306 29.31-45.382 52.462-77.474 65.848Z\"\n    />\n    <path\n      fill=\"#FFC400\"\n      d=\"M291.389 494.66c-64.466-59.622-103.574-145.917-100.269-240.568.108-3.073.27-6.145.46-9.216a166.993 166.993 0 0 0-36.004-5.241 167.001 167.001 0 0 0-51.183 6.153c-17.21 30.145-27.594 64.733-28.888 101.781-3.339 95.611 54.522 179.154 138.409 212.939 32.093-13.387 59.168-36.51 77.475-65.848Z\"\n    />\n    <path\n      fill=\"#FF9100\"\n      d=\"M291.39 494.657c14.988-23.986 24.075-52.106 25.133-82.403 2.783-79.695-50.792-148.251-124.942-167.381-.19 3.071-.352 6.143-.46 9.216-3.305 94.651 35.803 180.946 100.269 240.568Z\"\n    />\n    <path\n      fill=\"#DD2C00\"\n      d=\"M308.231 20.858C266 54.691 232.652 99.302 212.475 150.693c-11.551 29.436-18.81 61.055-20.929 94.2 74.15 19.13 127.726 87.686 124.943 167.38-1.058 30.297-10.172 58.39-25.134 82.404 28.24 26.127 61.331 47.093 97.868 61.447 73.337-33.9 125.37-106.846 128.383-193.127 1.952-55.901-19.526-105.724-49.875-147.778-32.051-44.477-159.5-194.36-159.5-194.36Z\"\n    />\n  </svg>\n)\n\nexport { Firebase }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/linear.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/linear.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Linear = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 100 100\">\n    <path\n      fill=\"#5E6AD2\"\n      d=\"M1.225 61.523c-.222-.949.908-1.546 1.597-.857l36.512 36.512c.69.69.092 1.82-.857 1.597-18.425-4.323-32.93-18.827-37.252-37.252ZM.002 46.889a.99.99 0 0 0 .29.76L52.35 99.71c.201.2.478.307.76.29 2.37-.149 4.695-.46 6.963-.927.765-.157 1.03-1.096.478-1.648L2.576 39.448c-.552-.551-1.491-.286-1.648.479a50.067 50.067 0 0 0-.926 6.962ZM4.21 29.705a.988.988 0 0 0 .208 1.1l64.776 64.776c.289.29.726.375 1.1.208a49.908 49.908 0 0 0 5.185-2.684.981.981 0 0 0 .183-1.54L8.436 24.336a.981.981 0 0 0-1.541.183 49.896 49.896 0 0 0-2.684 5.185Zm8.448-11.631a.986.986 0 0 1-.045-1.354C21.78 6.46 35.111 0 49.952 0 77.592 0 100 22.407 100 50.048c0 14.84-6.46 28.172-16.72 37.338a.986.986 0 0 1-1.354-.045L12.659 18.074Z\"\n    />\n  </svg>\n)\n\nexport { Linear }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/slack.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/slack.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Slack = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 2447.6 2452.5\">\n    <g clipRule=\"evenodd\" fillRule=\"evenodd\">\n      <path\n        d=\"m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z\"\n        fill=\"#36c5f0\"\n      />\n      <path\n        d=\"m2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3zm-652.7 0v-654c.1-135.2-109.4-245-244.7-245.2-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.3z\"\n        fill=\"#2eb67d\"\n      />\n      <path\n        d=\"m1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2zm0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2-.1 135.4 109.4 245.2 244.7 245.3z\"\n        fill=\"#ecb22e\"\n      />\n      <path\n        d=\"m0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2 135.3-.1 244.9-109.9 244.8-245.2v-245.2h-244.8c-135.3.1-244.9 109.9-244.8 245.2zm652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3-135.4 0-244.9 109.8-244.8 245.1 0 0 0 .1 0 0\"\n        fill=\"#e01e5a\"\n      />\n    </g>\n  </svg>\n)\n\nexport { Slack }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/supabase.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/supabase.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Supabase = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 109 113\" fill=\"none\">\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint0_linear)\"\n    />\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint1_linear)\"\n      fillOpacity=\"0.2\"\n    />\n    <path\n      d=\"M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z\"\n      fill=\"#3ECF8E\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear\"\n        x1=\"53.9738\"\n        y1=\"54.974\"\n        x2=\"94.1635\"\n        y2=\"71.8295\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#249361\" />\n        <stop offset=\"1\" stopColor=\"#3ECF8E\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint1_linear\"\n        x1=\"36.1558\"\n        y1=\"30.578\"\n        x2=\"54.4844\"\n        y2=\"65.0806\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop />\n        <stop offset=\"1\" stopOpacity=\"0\" />\n      </linearGradient>\n    </defs>\n  </svg>\n)\n\nexport { Supabase }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/twilio.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/twilio.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Twilio = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 64 64\">\n    <g transform=\"translate(0 .047) scale(.93704)\" fill=\"#e31e26\">\n      <path d=\"M34.1 0C15.3 0 0 15.3 0 34.1s15.3 34.1 34.1 34.1C53 68.3 68.3 53 68.3 34.1S53 0 34.1 0zm0 59.3C20.3 59.3 9 48 9 34.1 9 20.3 20.3 9 34.1 9 48 9 59.3 20.3 59.3 34.1 59.3 48 48 59.3 34.1 59.3z\" />\n      <circle cx=\"42.6\" cy=\"25.6\" r=\"7.1\" />\n      <circle cx=\"42.6\" cy=\"42.6\" r=\"7.1\" />\n      <circle cx=\"25.6\" cy=\"42.6\" r=\"7.1\" />\n      <circle cx=\"25.6\" cy=\"25.6\" r=\"7.1\" />\n    </g>\n  </svg>\n)\n\nexport { Twilio }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/vercel.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/vercel.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nexport const Vercel = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 256 222\"\n    width=\"1em\"\n    height=\"1em\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid\"\n    {...props}\n  >\n    <path fill=\"currentColor\" d=\"m128 0 128 221.705H0z\" />\n  </svg>\n)\n\nexport const VercelFull = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    aria-label=\"Vercel logotype\"\n    height=\"1em\"\n    role=\"img\"\n    viewBox=\"0 0 262 52\"\n    width=\"1em\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M59.8019 52L29.9019 0L0.00190544 52H59.8019ZM89.9593 49.6328L114.947 2.36365H104.139L86.9018 36.6921L69.6647 2.36365H58.8564L83.8442 49.6328H89.9593ZM260.25 2.36365V49.6329H251.302V2.36365H260.25ZM210.442 31.99C210.442 28.3062 211.211 25.0661 212.749 22.2699C214.287 19.4737 216.431 17.321 219.181 15.812C221.93 14.3029 225.146 13.5484 228.828 13.5484C232.09 13.5484 235.026 14.2585 237.636 15.6788C240.245 17.0991 242.319 19.2074 243.857 22.0036C245.395 24.7998 246.187 28.2174 246.234 32.2564V34.3202H219.88C220.066 37.2496 220.928 39.5576 222.466 41.2442C224.051 42.8864 226.171 43.7075 228.828 43.7075C230.505 43.7075 232.043 43.2637 233.441 42.376C234.839 41.4883 235.888 40.2899 236.587 38.7808L245.745 39.4466C244.626 42.7754 242.529 45.4385 239.453 47.4358C236.377 49.4331 232.835 50.4317 228.828 50.4317C225.146 50.4317 221.93 49.6772 219.181 48.1681C216.431 46.6591 214.287 44.5064 212.749 41.7102C211.211 38.914 210.442 35.6739 210.442 31.99ZM237.006 28.6612C236.68 25.7762 235.771 23.668 234.28 22.3365C232.789 20.9606 230.971 20.2726 228.828 20.2726C226.358 20.2726 224.354 21.0049 222.816 22.4696C221.278 23.9343 220.322 25.9982 219.95 28.6612H237.006ZM195.347 22.3365C196.838 23.5348 197.77 25.1993 198.143 27.3297L207.371 26.8637C207.044 24.1562 206.089 21.8039 204.505 19.8066C202.92 17.8093 200.869 16.278 198.353 15.2128C195.883 14.1032 193.157 13.5484 190.174 13.5484C186.492 13.5484 183.277 14.3029 180.527 15.812C177.777 17.321 175.634 19.4737 174.096 22.2699C172.558 25.0661 171.789 28.3062 171.789 31.99C171.789 35.6739 172.558 38.914 174.096 41.7102C175.634 44.5064 177.777 46.6591 180.527 48.1681C183.277 49.6772 186.492 50.4317 190.174 50.4317C193.25 50.4317 196.046 49.8769 198.563 48.7673C201.079 47.6133 203.13 45.9933 204.714 43.9072C206.299 41.8212 207.254 39.38 207.58 36.5838L198.283 36.1844C197.957 38.5367 197.048 40.3565 195.557 41.6436C194.065 42.8864 192.271 43.5078 190.174 43.5078C187.285 43.5078 185.048 42.5091 183.463 40.5118C181.879 38.5145 181.086 35.6739 181.086 31.99C181.086 28.3062 181.879 25.4656 183.463 23.4683C185.048 21.471 187.285 20.4723 190.174 20.4723C192.178 20.4723 193.902 21.0937 195.347 22.3365ZM149.955 14.3457H158.281L158.522 21.1369C159.113 19.2146 159.935 17.7218 160.988 16.6585C162.514 15.1166 164.642 14.3457 167.371 14.3457H170.771V21.6146H167.302C165.359 21.6146 163.763 21.8789 162.514 22.4075C161.311 22.9362 160.386 23.7732 159.739 24.9186C159.137 26.064 158.837 27.5178 158.837 29.2799V49.6328H149.955V14.3457ZM111.548 22.2699C110.01 25.0661 109.241 28.3062 109.241 31.99C109.241 35.6739 110.01 38.914 111.548 41.7102C113.086 44.5064 115.229 46.6591 117.979 48.1681C120.729 49.6772 123.944 50.4317 127.626 50.4317C131.634 50.4317 135.176 49.4331 138.252 47.4358C141.327 45.4385 143.425 42.7754 144.543 39.4466L135.385 38.7808C134.686 40.2899 133.638 41.4883 132.24 42.376C130.842 43.2637 129.304 43.7075 127.626 43.7075C124.97 43.7075 122.849 42.8864 121.265 41.2442C119.727 39.5576 118.865 37.2496 118.678 34.3202H145.032V32.2564C144.986 28.2174 144.194 24.7998 142.656 22.0036C141.118 19.2074 139.044 17.0991 136.434 15.6788C133.824 14.2585 130.888 13.5484 127.626 13.5484C123.944 13.5484 120.729 14.3029 117.979 15.812C115.229 17.321 113.086 19.4737 111.548 22.2699ZM133.079 22.3365C134.57 23.668 135.479 25.7762 135.805 28.6612H118.748C119.121 25.9982 120.076 23.9343 121.614 22.4696C123.152 21.0049 125.156 20.2726 127.626 20.2726C129.77 20.2726 131.587 20.9606 133.079 22.3365Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n"
-    }
-  ],
-  "categories": [
-    "page-template",
-    "hero"
-  ],
-  "dependencies": [
-    "lucide-react"
-  ],
-  "registryDependencies": [
-    "https://www.loveui.dev/r/button.json"
-  ],
-  "meta": {
-    "source": "page-template",
-    "templatePath": "hero/ten"
-  }
-}

package/public/r/template-hero-thirteen.json

@@ -1,101 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "template-hero-thirteen",
-  "type": "registry:block",
-  "title": "hero/thirteen",
-  "description": "Page template \"hero/thirteen\"",
-  "files": [
-    {
-      "path": "registry/page-templates/default/templates/hero/thirteen/index.tsx",
-      "type": "registry:file",
-      "target": "components/page-templates/hero/thirteen/index.tsx",
-      "content": "\"use client\"\n\nimport React from \"react\"\nimport Image from \"next/image\"\nimport Link from \"next/link\"\nimport { Button } from \"@/ui/button\"\nimport { Beacon } from \"@/ui/svgs/beacon\"\nimport { Bolt } from \"@/ui/svgs/bolt\"\nimport { Cisco } from \"@/ui/svgs/cisco\"\nimport { Claude } from \"@/ui/svgs/claude\"\nimport { Figma } from \"@/ui/svgs/figma\"\nimport { Hulu } from \"@/ui/svgs/hulu\"\nimport { Linear } from \"@/ui/svgs/linear\"\nimport { Slack } from \"@/ui/svgs/slack\"\nimport { Supabase } from \"@/ui/svgs/supabase\"\nimport { Twilio } from \"@/ui/svgs/twilio\"\nimport { Vercel } from \"@/ui/svgs/vercel\"\nimport { ArrowRight, Menu, Rocket, X } from \"lucide-react\"\n\nimport { assetPath } from \"@/lib/page-templates/utils\"\n\nconst menuItems = [\n  { name: \"Features\", href: \"#\" },\n  { name: \"Solution\", href: \"#\" },\n  { name: \"Pricing\", href: \"#\" },\n  { name: \"About\", href: \"#\" },\n]\n\nexport default function HeroSection() {\n  const [menuState, setMenuState] = React.useState(false)\n\n  return (\n    <>\n      <header>\n        <nav\n          data-state={menuState && \"active\"}\n          className=\"fixed z-20 w-full border-b border-dashed bg-white backdrop-blur md:relative dark:bg-zinc-950/50 lg:dark:bg-transparent\"\n        >\n          <div className=\"m-auto max-w-5xl px-6\">\n            <div className=\"flex flex-wrap items-center justify-between gap-6 py-3 lg:gap-0 lg:py-4\">\n              <div className=\"flex w-full justify-between lg:w-auto\">\n                <button\n                  onClick={() => setMenuState(!menuState)}\n                  aria-label={menuState == true ? \"Close Menu\" : \"Open Menu\"}\n                  className=\"relative z-20 -m-2.5 -mr-4 block cursor-pointer p-2.5 lg:hidden\"\n                >\n                  <Menu className=\"m-auto size-6 duration-200 in-data-[state=active]:scale-0 in-data-[state=active]:rotate-180 in-data-[state=active]:opacity-0\" />\n                  <X className=\"absolute inset-0 m-auto size-6 scale-0 -rotate-180 opacity-0 duration-200 in-data-[state=active]:scale-100 in-data-[state=active]:rotate-0 in-data-[state=active]:opacity-100\" />\n                </button>\n              </div>\n\n              <div className=\"mb-6 hidden w-full flex-wrap items-center justify-end space-y-8 rounded-3xl border bg-background p-6 shadow-2xl shadow-zinc-300/20 in-data-[state=active]:block md:flex-nowrap lg:m-0 lg:flex lg:w-fit lg:gap-6 lg:space-y-0 lg:border-transparent lg:bg-transparent lg:p-0 lg:shadow-none lg:in-data-[state=active]:flex dark:shadow-none dark:lg:bg-transparent\">\n                <div className=\"lg:pr-4\">\n                  <ul className=\"space-y-6 text-base lg:flex lg:gap-8 lg:space-y-0 lg:text-sm\">\n                    {menuItems.map((item, index) => (\n                      <li key={index}>\n                        <Link\n                          href={item.href}\n                          className=\"block text-muted-foreground duration-150 hover:text-accent-foreground\"\n                        >\n                          <span>{item.name}</span>\n                        </Link>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n\n                <div className=\"flex w-full flex-col space-y-3 sm:flex-row sm:gap-3 sm:space-y-0 md:w-fit lg:border-l lg:pl-6\">\n                  <Button asChild variant=\"outline\" size=\"sm\">\n                    <Link href=\"#\">\n                      <span>Login</span>\n                    </Link>\n                  </Button>\n                  <Button asChild size=\"sm\">\n                    <Link href=\"#\">\n                      <span>Login</span>\n                    </Link>\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </nav>\n      </header>\n      <main className=\"overflow-hidden\">\n        <section>\n          <div className=\"relative pt-24\">\n            <div className=\"mx-auto max-w-7xl px-6\">\n              <div className=\"max-w-3xl text-center sm:mx-auto lg:mt-0 lg:mr-auto lg:w-4/5\">\n                <Link\n                  href=\"/\"\n                  className=\"mx-auto flex w-fit items-center gap-2 rounded-(--radius) border p-1 pr-3\"\n                >\n                  <span className=\"rounded-[calc(var(--radius)-0.25rem)] bg-muted px-2 py-1 text-xs\">\n                    New\n                  </span>\n                  <span className=\"text-sm\">Introduction LoveUI</span>\n                  <span className=\"block h-4 w-px bg-(--color-border)\"></span>\n\n                  <ArrowRight className=\"size-4\" />\n                </Link>\n\n                <h1 className=\"mt-8 text-4xl font-semibold text-balance md:text-5xl xl:text-6xl xl:[line-height:1.125]\">\n                  Modern UI building reimagined\n                </h1>\n                <p className=\"mx-auto mt-8 hidden max-w-2xl text-lg text-wrap sm:block\">\n                  LoveUI delivers highly customizable components for building\n                  modern websites and applications that look and feel exactly\n                  right.\n                </p>\n                <p className=\"mx-auto mt-6 max-w-2xl text-wrap sm:hidden\">\n                  LoveUI provides customizable components for building modern\n                  websites and applications, with your own brand spark.\n                </p>\n\n                <div className=\"mt-8\">\n                  <Button size=\"lg\" asChild>\n                    <Link href=\"#\">\n                      <Rocket className=\"relative size-4\" />\n                      <span className=\"text-nowrap\">Start Building</span>\n                    </Link>\n                  </Button>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"relative mx-auto mt-16 max-w-6xl overflow-hidden mask-b-from-55% px-4\">\n              <Image\n                className=\"relative z-2 hidden rounded-2xl border border-border/25 dark:block\"\n                src={assetPath(\"/page-templates/hero/mail2.webp\")}\n                alt=\"app screen\"\n                width={2700}\n                height={1440}\n              />\n              <Image\n                className=\"relative z-2 rounded-2xl border border-border/25 dark:hidden\"\n                src={assetPath(\"/page-templates/hero/mail2-light.webp\")}\n                alt=\"app screen\"\n                width={2700}\n                height={1440}\n              />\n            </div>\n          </div>\n        </section>\n        <section className=\"relative z-10 bg-background pb-16\">\n          <div className=\"m-auto max-w-5xl px-6\">\n            <h2 className=\"text-center text-lg font-medium\">\n              Trusted by teams building with LoveUI.\n            </h2>\n            <div className=\"mx-auto mt-12 flex max-w-4xl flex-wrap items-center justify-center gap-x-12 gap-y-8 sm:gap-x-16 sm:gap-y-12\">\n              <div className=\"flex items-center gap-2\">\n                <Beacon className=\"h-5 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Beacon\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Bolt className=\"h-4 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Bolt\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Twilio className=\"h-4 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Twilio\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Hulu className=\"h-5 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Hulu\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Linear className=\"h-4 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Linear\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Slack className=\"h-7 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Slack\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Supabase className=\"h-5 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Supabase\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Claude className=\"h-6 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Claude\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Figma className=\"h-4 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Figma\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Vercel className=\"h-5 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Vercel\n                </span>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Cisco className=\"h-5 w-fit text-foreground dark:text-white\" />\n                <span className=\"text-sm font-medium text-muted-foreground\">\n                  Cisco\n                </span>\n              </div>\n            </div>\n          </div>\n        </section>\n      </main>\n    </>\n  )\n}\n"
-    },
-    {
-      "path": "registry/page-templates/default/lib/page-templates/utils.ts",
-      "type": "registry:lib",
-      "target": "lib/page-templates/utils.ts",
-      "content": "import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nconst basePath = (process.env.NEXT_PUBLIC_BASE_PATH || \"/ui\").replace(/\\/$/, \"\")\n\n// Template file structure\nexport interface TemplateFile {\n  path: string // e.g., \"app/page.tsx\" or \"components/auth-page.tsx\"\n  content?: string // Will be loaded dynamically\n}\n\n// Placeholder template data structure\nexport interface PageTemplate {\n  name: string // Route-safe identifier (used in URLs)\n  title: string\n  description?: string\n  files: TemplateFile[] // Array of files that make up this template\n  mainComponent?: string // Path to the main component file (for preview)\n  registryPath?: string // Path under registry/page-templates/default/templates\n  category?: string\n}\n\nexport const getTemplateRegistryPath = (template: PageTemplate): string =>\n  template.registryPath || template.name\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport const assetPath = (path: string): string => {\n  const normalizedPath = path.startsWith(\"/\") ? path : `/${path}`\n\n  return `${basePath}${normalizedPath}`\n}\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/beacon.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/beacon.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nexport const Beacon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 93 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#FF7E23\"\n      fillRule=\"evenodd\"\n      d=\"M6.815 19.719c4.869 0 7.122-2.254 7.122-5.494 0-2.845-1.83-4.79-4.197-5.352 1.662-.647 2.844-2.028 2.844-4.028 0-2.59-1.94-4.845-5.911-4.845H0v19.719h6.815ZM3.096 8V2.733h3.322c2.028 0 3.097.958 3.097 2.535C9.515 6.873 8.417 8 6.389 8H3.096Zm7.742 5.747c0-1.944-1.24-3.324-4.196-3.324H3.096v6.563h3.577c2.928 0 4.165-1.24 4.165-3.24Zm18.78-.226H18.043c.452 2.59 2.48 3.888 4.814 3.888 1.943 0 2.983-.507 4.055-1.353l1.717 1.634C27.335 19.157 25.476 20 22.774 20c-3.687 0-7.716-2.507-7.716-7.578 0-5.1 4.14-7.632 7.432-7.632 3.325 0 7.831 2.533 7.127 8.73Zm-11.545-2.255h8.813c-.28-2.59-2.505-3.86-4.39-3.86-1.86.003-3.945 1.27-4.423 3.86Zm19.874-6.479c-3.293 0-7.263 2.48-7.263 7.607 0 5.126 3.97 7.606 7.263 7.606 2.535 0 4.281-1.466 4.872-2.677h.168v2.393h3.041V5.068h-3.041v2.394h-.168c-.591-1.211-2.337-2.675-4.872-2.675Zm.395 2.706c2.279 0 4.73 1.632 4.73 4.9 0 3.27-2.449 4.903-4.73 4.9-2.28 0-4.701-1.633-4.701-4.9 0-3.265 2.42-4.9 4.7-4.9Zm20.832 1.913 2.366-1.07c-1.323-2.364-3.603-3.546-6.252-3.549-3.322 0-7.574 2.533-7.574 7.633 0 5.097 4.252 7.578 7.574 7.578 2.676 0 4.927-1.154 6.279-3.521l-2.393-1.07c-.874 1.183-2.056 1.887-3.857 1.887-2.167 0-4.646-1.634-4.646-4.874 0-3.295 2.48-4.929 4.646-4.929 1.801 0 2.986.733 3.857 1.915ZM69.871 20c3.35 0 7.602-2.48 7.602-7.578 0-5.1-4.251-7.632-7.602-7.632s-7.603 2.533-7.603 7.632c0 5.098 4.252 7.578 7.603 7.578Zm.002-2.704c-2.166 0-4.645-1.634-4.645-4.873 0-3.295 2.476-4.93 4.645-4.93 2.17 0 4.646 1.635 4.646 4.93 0 3.24-2.477 4.873-4.646 4.873Zm22.858 2.423V11.24c0-4.564-2.757-6.45-5.489-6.45-3.18 0-4.758 2.477-5.04 3.323V5.071h-3.04v14.645h3.04v-8.76c.14-1.237 1.493-3.491 3.998-3.491 1.857 0 3.49 1.156 3.49 3.943v8.31h3.041Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n)\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/bolt.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/bolt.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nexport const Bolt = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 45.65 160 68.7\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    {...props}\n  >\n    <path d=\"M75.61 106.195c-14.747 0-21.962-8.468-21.962-19.136s10.04-24.157 24.782-24.157c14.746 0 21.96 8.47 21.96 19.137 0 10.668-10.038 24.156-24.78 24.156Zm.624-13.488c5.02 0 8.473-4.707 8.473-9.727 0-5.02-2.512-6.273-6.902-6.273-4.395 0-8.473 4.703-8.473 9.723 0 5.02 2.512 6.277 6.902 6.277Zm39.844 12.547h-15.371l12.547-57.098h15.375l-12.55 56.785Zm0 0\" />\n    <path\n      fillRule=\"evenodd\"\n      d=\"M30.117 106.195c-4.707 0-9.41-1.566-11.922-5.332l-.941 4.39L0 114.353l1.883-9.098L14.43 48.156h15.375L25.41 68.234c3.453-3.765 6.902-5.332 11.297-5.332 9.41 0 15.371 5.961 15.371 17.254 0 11.293-7.215 26.04-21.96 26.04Zm5.961-22.902c0 5.336-3.766 9.414-8.785 9.414-5.02 0-5.332-.941-6.902-2.824l2.511-10.352c1.883-1.883 3.766-2.824 6.274-2.824 3.765 0 6.902 2.824 6.902 6.902Zm0 0\"\n    />\n    <path d=\"M144.629 106.195c-8.785 0-15.375-3.136-15.375-10.351 0-7.215 0-2.196.316-3.137l3.45-15.375h-6.903l3.137-13.176h6.902l2.512-11.293 17.254-7.215-1.883 7.215-2.508 11.293H160l-3.137 13.176h-8.472l-2.196 10.04v1.882c0 1.883 1.254 3.453 3.766 3.453 2.508 0 1.883 0 2.195-.316v12.238c-1.566 1.254-4.39 1.566-7.215 1.566Zm0 0\" />\n  </svg>\n)\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/cisco.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/cisco.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nexport const Cisco = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 52 28\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M51.2293 8.37685C51.2293 7.76429 50.7317 7.26562 50.1181 7.26562C49.5033 7.26562 49.0068 7.76429 49.0068 8.37685V10.7143C49.0068 11.3302 49.5033 11.8288 50.1181 11.8288C50.7317 11.8288 51.2293 11.3302 51.2293 10.7143V8.37685ZM45.1136 5.30654C45.1136 4.69288 44.6172 4.19531 43.988 4.19531C43.3744 4.19531 42.8779 4.69288 42.8779 5.30654V10.7123C42.8779 11.3282 43.3744 11.8268 43.988 11.8268C44.6172 11.8268 45.1136 11.3282 45.1136 10.7123V5.30654ZM38.9853 1.11012C38.9853 0.495352 38.4877 0 37.8741 0C37.2604 0 36.7617 0.495352 36.7617 1.11012V12.93C36.7617 13.5481 37.2604 14.0446 37.8741 14.0446C38.4877 14.0446 38.9853 13.5481 38.9853 12.93V1.11012ZM32.8551 5.30654C32.8551 4.69288 32.3587 4.19531 31.7439 4.19531C31.1291 4.19531 30.6338 4.69288 30.6338 5.30654V10.7123C30.6338 11.3282 31.1291 11.8268 31.7439 11.8268C32.3587 11.8268 32.8551 11.3282 32.8551 10.7123V5.30654ZM26.7254 8.37685C26.7254 7.76429 26.23 7.26562 25.6197 7.26562C25.0038 7.26562 24.5029 7.76429 24.5029 8.37685V10.7143C24.5029 11.3302 25.0038 11.8288 25.6197 11.8288C26.23 11.8288 26.7254 11.3302 26.7254 10.7143V8.37685ZM20.6103 5.30654C20.6103 4.69288 20.1083 4.19531 19.4936 4.19531C18.8788 4.19531 18.3779 4.69288 18.3779 5.30654V10.7123C18.3779 11.3282 18.8788 11.8268 19.4936 11.8268C20.1083 11.8268 20.6103 11.3282 20.6103 10.7123V5.30654ZM14.4801 1.11012C14.4801 0.495352 13.9814 0 13.3655 0C12.7541 0 12.251 0.495352 12.251 1.11012V12.93C12.251 13.5481 12.7541 14.0446 13.3655 14.0446C13.9814 14.0446 14.4801 13.5481 14.4801 12.93V1.11012ZM8.35617 5.30654C8.35617 4.69288 7.85418 4.19531 7.24273 4.19531C6.62686 4.19531 6.12598 4.69288 6.12598 5.30654V10.7123C6.12598 11.3282 6.62686 11.8268 7.24273 11.8268C7.85418 11.8268 8.35617 11.3282 8.35617 10.7123V5.30654ZM2.23019 8.37685C2.23019 7.76429 1.72931 7.26562 1.11454 7.26562C0.500881 7.26562 0 7.76429 0 8.37685V10.7143C0 11.3302 0.500881 11.8288 1.11454 11.8288C1.72931 11.8288 2.23019 11.3302 2.23019 10.7143V8.37685ZM25.2545 18.0665C25.186 18.0488 24.1588 17.7812 23.0642 17.7812C20.9954 17.7812 19.7471 18.9002 19.7471 20.5643C19.7471 22.0404 20.7897 22.7735 22.0436 23.1693C22.1818 23.2157 22.3864 23.2777 22.5213 23.3241C23.0807 23.4988 23.523 23.7598 23.523 24.2109C23.523 24.7151 23.0089 25.0413 21.8921 25.0413C20.9114 25.0413 19.9693 24.7615 19.7692 24.7106V26.7606C19.8809 26.7849 20.9998 27.0028 22.1951 27.0028C23.9133 27.0028 25.8804 26.252 25.8804 24.0163C25.8804 22.9316 25.2158 21.9331 23.7585 21.4687L23.1382 21.2719C22.7689 21.1547 22.1088 20.9657 22.1088 20.4239C22.1088 19.9949 22.5987 19.6941 23.4998 19.6941C24.276 19.6941 25.2203 19.955 25.2545 19.9683V18.0665ZM41.9169 20.0469C43.246 20.0469 44.2389 21.0951 44.2389 22.3887C44.2389 23.6824 43.246 24.7306 41.9169 24.7306C40.5824 24.7306 39.5928 23.6824 39.5928 22.3887C39.5928 21.0951 40.5824 20.0469 41.9169 20.0469ZM46.6202 22.3898C46.6202 19.8445 44.6542 17.7812 41.9176 17.7812C39.1788 17.7812 37.2129 19.8445 37.2129 22.3898C37.2129 24.934 39.1788 26.9983 41.9176 26.9983C44.6542 26.9983 46.6202 24.934 46.6202 22.3898ZM11.4013 18.0975C11.1901 18.0378 10.4095 17.7812 9.35242 17.7812C6.62025 17.7812 4.6123 19.7284 4.6123 22.3898C4.6123 25.2569 6.82701 26.9983 9.35242 26.9983C10.3564 26.9983 11.1215 26.7606 11.4013 26.6821V24.2916C11.3051 24.3458 10.5709 24.7637 9.51275 24.7637C8.01674 24.7637 7.05147 23.7111 7.05147 22.3898C7.05147 21.0243 8.05876 20.0148 9.51275 20.0148C10.5886 20.0148 11.3117 20.4427 11.4013 20.4891V18.0975ZM34.8467 18.0975C34.6355 18.0378 33.8538 17.7812 32.799 17.7812C30.0624 17.7812 28.0566 19.7284 28.0566 22.3898C28.0566 25.2569 30.2725 26.9983 32.799 26.9983C33.7974 26.9983 34.5648 26.7606 34.8467 26.6821V24.2916C34.7483 24.3458 34.0141 24.7637 32.9582 24.7637C31.4633 24.7637 30.498 23.7111 30.498 22.3898C30.498 21.0243 31.5053 20.0148 32.9582 20.0148C34.0318 20.0148 34.7572 20.4427 34.8467 20.4891V18.0975ZM14.4893 26.8406H16.736V17.9375H14.4893V26.8406Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/claude.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/claude.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Claude = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 256 257\">\n    <path\n      fill=\"#D97757\"\n      d=\"m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z\"\n    />\n  </svg>\n)\n\nexport { Claude }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/figma.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/figma.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Figma = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 54 80\" fill=\"none\">\n    <g clipPath=\"url(#clip0_912_3)\">\n      <path\n        d=\"M13.3333 80.0002C20.6933 80.0002 26.6667 74.0268 26.6667 66.6668V53.3335H13.3333C5.97333 53.3335 0 59.3068 0 66.6668C0 74.0268 5.97333 80.0002 13.3333 80.0002Z\"\n        fill=\"#0ACF83\"\n      />\n      <path\n        d=\"M0 39.9998C0 32.6398 5.97333 26.6665 13.3333 26.6665H26.6667V53.3332H13.3333C5.97333 53.3332 0 47.3598 0 39.9998Z\"\n        fill=\"#A259FF\"\n      />\n      <path\n        d=\"M0 13.3333C0 5.97333 5.97333 0 13.3333 0H26.6667V26.6667H13.3333C5.97333 26.6667 0 20.6933 0 13.3333Z\"\n        fill=\"#F24E1E\"\n      />\n      <path\n        d=\"M26.6667 0H40.0001C47.3601 0 53.3334 5.97333 53.3334 13.3333C53.3334 20.6933 47.3601 26.6667 40.0001 26.6667H26.6667V0Z\"\n        fill=\"#FF7262\"\n      />\n      <path\n        d=\"M53.3334 39.9998C53.3334 47.3598 47.3601 53.3332 40.0001 53.3332C32.6401 53.3332 26.6667 47.3598 26.6667 39.9998C26.6667 32.6398 32.6401 26.6665 40.0001 26.6665C47.3601 26.6665 53.3334 32.6398 53.3334 39.9998Z\"\n        fill=\"#1ABCFE\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_912_3\">\n        <rect width=\"53.3333\" height=\"80\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n)\n\nexport { Figma }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/hulu.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/hulu.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nexport const Hulu = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 251 83\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M153.602 82.4612H173.519V0.015625H153.602V82.4612ZM118.632 58.9549C118.632 61.8498 116.201 64.2815 113.306 64.2815H101.726C98.8314 64.2815 96.3998 61.8498 96.3998 58.9549C96.3998 57.797 96.3998 25.722 96.3998 25.722H76.4831V60.5761C76.4831 74.8188 85.6309 82.3454 99.063 82.3454H118.516C130.906 82.3454 138.433 73.4292 138.433 60.5761V25.722H118.516C118.632 25.722 118.632 57.9128 118.632 58.9549ZM230.605 25.722C230.605 25.722 230.605 57.9128 230.605 58.9549C230.605 61.8498 228.174 64.2815 225.279 64.2815H213.699C210.805 64.2815 208.373 61.8498 208.373 58.9549C208.373 57.797 208.373 25.722 208.373 25.722H188.456V60.5761C188.456 74.8188 197.604 82.3454 211.036 82.3454H230.49C242.88 82.3454 250.406 73.4292 250.406 60.5761V25.722H230.605ZM39.7763 25.722C39.7763 25.722 29.4706 25.722 27.039 25.722C22.523 25.722 20.3229 26.8799 20.3229 26.8799V0.015625H0.40625V82.3454H20.2071V49.2282C20.2071 46.3334 22.6388 43.9017 25.5336 43.9017H37.1131C40.0079 43.9017 42.4396 46.3334 42.4396 49.2282V82.4612H62.3562V46.5649C62.3562 31.5117 52.2821 25.722 39.7763 25.722Z\"\n      fill=\"#1CE783\"\n    />\n  </svg>\n)\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/linear.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/linear.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Linear = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 100 100\">\n    <path\n      fill=\"#5E6AD2\"\n      d=\"M1.225 61.523c-.222-.949.908-1.546 1.597-.857l36.512 36.512c.69.69.092 1.82-.857 1.597-18.425-4.323-32.93-18.827-37.252-37.252ZM.002 46.889a.99.99 0 0 0 .29.76L52.35 99.71c.201.2.478.307.76.29 2.37-.149 4.695-.46 6.963-.927.765-.157 1.03-1.096.478-1.648L2.576 39.448c-.552-.551-1.491-.286-1.648.479a50.067 50.067 0 0 0-.926 6.962ZM4.21 29.705a.988.988 0 0 0 .208 1.1l64.776 64.776c.289.29.726.375 1.1.208a49.908 49.908 0 0 0 5.185-2.684.981.981 0 0 0 .183-1.54L8.436 24.336a.981.981 0 0 0-1.541.183 49.896 49.896 0 0 0-2.684 5.185Zm8.448-11.631a.986.986 0 0 1-.045-1.354C21.78 6.46 35.111 0 49.952 0 77.592 0 100 22.407 100 50.048c0 14.84-6.46 28.172-16.72 37.338a.986.986 0 0 1-1.354-.045L12.659 18.074Z\"\n    />\n  </svg>\n)\n\nexport { Linear }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/slack.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/slack.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Slack = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 2447.6 2452.5\">\n    <g clipRule=\"evenodd\" fillRule=\"evenodd\">\n      <path\n        d=\"m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z\"\n        fill=\"#36c5f0\"\n      />\n      <path\n        d=\"m2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3zm-652.7 0v-654c.1-135.2-109.4-245-244.7-245.2-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.3z\"\n        fill=\"#2eb67d\"\n      />\n      <path\n        d=\"m1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2zm0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2-.1 135.4 109.4 245.2 244.7 245.3z\"\n        fill=\"#ecb22e\"\n      />\n      <path\n        d=\"m0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2 135.3-.1 244.9-109.9 244.8-245.2v-245.2h-244.8c-135.3.1-244.9 109.9-244.8 245.2zm652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3-135.4 0-244.9 109.8-244.8 245.1 0 0 0 .1 0 0\"\n        fill=\"#e01e5a\"\n      />\n    </g>\n  </svg>\n)\n\nexport { Slack }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/supabase.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/supabase.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Supabase = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 109 113\" fill=\"none\">\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint0_linear)\"\n    />\n    <path\n      d=\"M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z\"\n      fill=\"url(#paint1_linear)\"\n      fillOpacity=\"0.2\"\n    />\n    <path\n      d=\"M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z\"\n      fill=\"#3ECF8E\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear\"\n        x1=\"53.9738\"\n        y1=\"54.974\"\n        x2=\"94.1635\"\n        y2=\"71.8295\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#249361\" />\n        <stop offset=\"1\" stopColor=\"#3ECF8E\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint1_linear\"\n        x1=\"36.1558\"\n        y1=\"30.578\"\n        x2=\"54.4844\"\n        y2=\"65.0806\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop />\n        <stop offset=\"1\" stopOpacity=\"0\" />\n      </linearGradient>\n    </defs>\n  </svg>\n)\n\nexport { Supabase }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/twilio.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/twilio.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst Twilio = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} viewBox=\"0 0 64 64\">\n    <g transform=\"translate(0 .047) scale(.93704)\" fill=\"#e31e26\">\n      <path d=\"M34.1 0C15.3 0 0 15.3 0 34.1s15.3 34.1 34.1 34.1C53 68.3 68.3 53 68.3 34.1S53 0 34.1 0zm0 59.3C20.3 59.3 9 48 9 34.1 9 20.3 20.3 9 34.1 9 48 9 59.3 20.3 59.3 34.1 59.3 48 48 59.3 34.1 59.3z\" />\n      <circle cx=\"42.6\" cy=\"25.6\" r=\"7.1\" />\n      <circle cx=\"42.6\" cy=\"42.6\" r=\"7.1\" />\n      <circle cx=\"25.6\" cy=\"42.6\" r=\"7.1\" />\n      <circle cx=\"25.6\" cy=\"25.6\" r=\"7.1\" />\n    </g>\n  </svg>\n)\n\nexport { Twilio }\n"
-    },
-    {
-      "path": "registry/default/ui/svgs/vercel.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/vercel.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nexport const Vercel = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 256 222\"\n    width=\"1em\"\n    height=\"1em\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid\"\n    {...props}\n  >\n    <path fill=\"currentColor\" d=\"m128 0 128 221.705H0z\" />\n  </svg>\n)\n\nexport const VercelFull = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    aria-label=\"Vercel logotype\"\n    height=\"1em\"\n    role=\"img\"\n    viewBox=\"0 0 262 52\"\n    width=\"1em\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M59.8019 52L29.9019 0L0.00190544 52H59.8019ZM89.9593 49.6328L114.947 2.36365H104.139L86.9018 36.6921L69.6647 2.36365H58.8564L83.8442 49.6328H89.9593ZM260.25 2.36365V49.6329H251.302V2.36365H260.25ZM210.442 31.99C210.442 28.3062 211.211 25.0661 212.749 22.2699C214.287 19.4737 216.431 17.321 219.181 15.812C221.93 14.3029 225.146 13.5484 228.828 13.5484C232.09 13.5484 235.026 14.2585 237.636 15.6788C240.245 17.0991 242.319 19.2074 243.857 22.0036C245.395 24.7998 246.187 28.2174 246.234 32.2564V34.3202H219.88C220.066 37.2496 220.928 39.5576 222.466 41.2442C224.051 42.8864 226.171 43.7075 228.828 43.7075C230.505 43.7075 232.043 43.2637 233.441 42.376C234.839 41.4883 235.888 40.2899 236.587 38.7808L245.745 39.4466C244.626 42.7754 242.529 45.4385 239.453 47.4358C236.377 49.4331 232.835 50.4317 228.828 50.4317C225.146 50.4317 221.93 49.6772 219.181 48.1681C216.431 46.6591 214.287 44.5064 212.749 41.7102C211.211 38.914 210.442 35.6739 210.442 31.99ZM237.006 28.6612C236.68 25.7762 235.771 23.668 234.28 22.3365C232.789 20.9606 230.971 20.2726 228.828 20.2726C226.358 20.2726 224.354 21.0049 222.816 22.4696C221.278 23.9343 220.322 25.9982 219.95 28.6612H237.006ZM195.347 22.3365C196.838 23.5348 197.77 25.1993 198.143 27.3297L207.371 26.8637C207.044 24.1562 206.089 21.8039 204.505 19.8066C202.92 17.8093 200.869 16.278 198.353 15.2128C195.883 14.1032 193.157 13.5484 190.174 13.5484C186.492 13.5484 183.277 14.3029 180.527 15.812C177.777 17.321 175.634 19.4737 174.096 22.2699C172.558 25.0661 171.789 28.3062 171.789 31.99C171.789 35.6739 172.558 38.914 174.096 41.7102C175.634 44.5064 177.777 46.6591 180.527 48.1681C183.277 49.6772 186.492 50.4317 190.174 50.4317C193.25 50.4317 196.046 49.8769 198.563 48.7673C201.079 47.6133 203.13 45.9933 204.714 43.9072C206.299 41.8212 207.254 39.38 207.58 36.5838L198.283 36.1844C197.957 38.5367 197.048 40.3565 195.557 41.6436C194.065 42.8864 192.271 43.5078 190.174 43.5078C187.285 43.5078 185.048 42.5091 183.463 40.5118C181.879 38.5145 181.086 35.6739 181.086 31.99C181.086 28.3062 181.879 25.4656 183.463 23.4683C185.048 21.471 187.285 20.4723 190.174 20.4723C192.178 20.4723 193.902 21.0937 195.347 22.3365ZM149.955 14.3457H158.281L158.522 21.1369C159.113 19.2146 159.935 17.7218 160.988 16.6585C162.514 15.1166 164.642 14.3457 167.371 14.3457H170.771V21.6146H167.302C165.359 21.6146 163.763 21.8789 162.514 22.4075C161.311 22.9362 160.386 23.7732 159.739 24.9186C159.137 26.064 158.837 27.5178 158.837 29.2799V49.6328H149.955V14.3457ZM111.548 22.2699C110.01 25.0661 109.241 28.3062 109.241 31.99C109.241 35.6739 110.01 38.914 111.548 41.7102C113.086 44.5064 115.229 46.6591 117.979 48.1681C120.729 49.6772 123.944 50.4317 127.626 50.4317C131.634 50.4317 135.176 49.4331 138.252 47.4358C141.327 45.4385 143.425 42.7754 144.543 39.4466L135.385 38.7808C134.686 40.2899 133.638 41.4883 132.24 42.376C130.842 43.2637 129.304 43.7075 127.626 43.7075C124.97 43.7075 122.849 42.8864 121.265 41.2442C119.727 39.5576 118.865 37.2496 118.678 34.3202H145.032V32.2564C144.986 28.2174 144.194 24.7998 142.656 22.0036C141.118 19.2074 139.044 17.0991 136.434 15.6788C133.824 14.2585 130.888 13.5484 127.626 13.5484C123.944 13.5484 120.729 14.3029 117.979 15.812C115.229 17.321 113.086 19.4737 111.548 22.2699ZM133.079 22.3365C134.57 23.668 135.479 25.7762 135.805 28.6612H118.748C119.121 25.9982 120.076 23.9343 121.614 22.4696C123.152 21.0049 125.156 20.2726 127.626 20.2726C129.77 20.2726 131.587 20.9606 133.079 22.3365Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n"
-    }
-  ],
-  "categories": [
-    "page-template",
-    "hero"
-  ],
-  "dependencies": [
-    "lucide-react"
-  ],
-  "registryDependencies": [
-    "https://www.loveui.dev/r/button.json"
-  ],
-  "meta": {
-    "source": "page-template",
-    "templatePath": "hero/thirteen"
-  }
-}

package/public/r/template-hero-three.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "template-hero-three",
-  "type": "registry:block",
-  "title": "hero/three",
-  "description": "Page template \"hero/three\"",
-  "files": [
-    {
-      "path": "registry/page-templates/default/templates/hero/three/app/page.tsx",
-      "type": "registry:page",
-      "target": "components/page-templates/hero/three/app/page.tsx",
-      "content": "import HeroSection from \"../index\"\n\nexport default function Page() {\n  return <HeroSection />\n}\n"
-    },
-    {
-      "path": "registry/page-templates/default/templates/hero/three/index.tsx",
-      "type": "registry:file",
-      "target": "components/page-templates/hero/three/index.tsx",
-      "content": "import React from \"react\"\nimport Image from \"next/image\"\nimport Link from \"next/link\"\nimport { Button } from \"@/ui/button\"\nimport {\n  AudioLines,\n  ChevronRight,\n  MessageCircle,\n  Mic2,\n  Plus,\n} from \"lucide-react\"\n\nexport default function HeroSection() {\n  return (\n    <>\n      <main className=\"overflow-hidden\">\n        <section className=\"bg-background\">\n          <div className=\"relative py-40\">\n            <div className=\"absolute inset-0 aspect-2/3 mask-radial-[75%_100%] mask-radial-from-45% mask-radial-to-75% mask-radial-at-top opacity-75 blur-xl md:aspect-square lg:aspect-video dark:opacity-5\">\n              <Image\n                src=\"/page-templates/hero-bg.jpg\"\n                alt=\"hero background\"\n                width={2198}\n                height={1685}\n                className=\"h-full w-full object-cover object-top\"\n              />\n            </div>\n            <div className=\"relative z-10 mx-auto w-full max-w-5xl sm:pl-6\">\n              <div className=\"flex items-center justify-between max-md:flex-col\">\n                <div className=\"max-w-md max-sm:px-6\">\n                  <h1 className=\"font-serif text-4xl font-medium text-balance sm:text-5xl\">\n                    Ship faster. Design with LoveUI.\n                  </h1>\n                  <p className=\"mt-4 text-balance text-muted-foreground\">\n                    LoveUI is your all-in-one kit for shipping polished\n                    interfaces in your app.\n                  </p>\n\n                  <Button asChild className=\"mt-6 pr-1.5\">\n                    <Link href=\"#link\">\n                      <span className=\"text-nowrap\">Start Building</span>\n                      <ChevronRight className=\"opacity-50\" />\n                    </Link>\n                  </Button>\n                </div>\n                <div\n                  aria-hidden\n                  className=\"relative mask-y-from-50% max-md:mx-auto max-md:*:scale-90\"\n                >\n                  {[\n                    \"How do I build auth screens with LoveUI?\",\n                    \"Set up a reusable dashboard with LoveUI\",\n                    \"Connect a design system to product pages\",\n                    \"Implement polished form flows with variants\",\n                    \"Add a component docs page with examples\",\n                    \"Set up theme tokens and dark mode support\",\n                    \"Deploy a LoveUI app with env-safe defaults\",\n                    \"Configure account settings UI patterns\",\n                    \"Build a searchable component command menu\",\n                    \"Create launch-ready pricing page sections\",\n                    \"Set up responsive nav for every breakpoint\",\n                    \"Implement accessible dialogs and toasts\",\n                  ].map((prompt, index) => (\n                    <div\n                      key={index}\n                      className=\"flex items-center gap-2 px-14 py-2 text-sm text-muted-foreground\"\n                    >\n                      <MessageCircle className=\"size-3.5 opacity-50\" />\n                      <span className=\"text-nowrap\">{prompt}</span>\n                    </div>\n                  ))}\n                  <div className=\"absolute inset-0 m-auto mt-auto flex h-fit min-w-sm justify-between gap-3 rounded-full bg-card p-2 shadow-xl ring-1 shadow-foreground/6.5 ring-border sm:inset-2 dark:shadow-black/6.5\">\n                    <div className=\"flex items-center gap-2\">\n                      <div className=\"flex size-9 cursor-pointer rounded-full *:m-auto *:size-4 hover:bg-muted\">\n                        <Plus />\n                      </div>\n                      <div className=\"text-sm text-muted-foreground\">\n                        Ask LoveUI...\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-0.5\">\n                      <div className=\"flex size-9 cursor-pointer rounded-full *:m-auto *:size-4 hover:bg-muted\">\n                        <Mic2 />\n                      </div>\n                      <div className=\"flex size-9 cursor-pointer rounded-full bg-foreground text-background *:m-auto *:size-4 hover:brightness-110\">\n                        <AudioLines />\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n      </main>\n    </>\n  )\n}\n"
-    }
-  ],
-  "categories": [
-    "page-template",
-    "hero"
-  ],
-  "dependencies": [
-    "lucide-react"
-  ],
-  "registryDependencies": [
-    "https://www.loveui.dev/r/button.json"
-  ],
-  "meta": {
-    "source": "page-template",
-    "templatePath": "hero/three"
-  }
-}

package/public/r/template-hero-twelve.json

@@ -1,30 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "template-hero-twelve",
-  "type": "registry:block",
-  "title": "hero/twelve",
-  "description": "Page template \"hero/twelve\"",
-  "files": [
-    {
-      "path": "registry/page-templates/default/templates/hero/twelve/index.tsx",
-      "type": "registry:file",
-      "target": "components/page-templates/hero/twelve/index.tsx",
-      "content": "\"use client\"\n\nimport React from \"react\"\nimport { EffectCoverflow } from \"swiper/modules\"\nimport { Swiper, SwiperSlide } from \"swiper/react\"\n\nimport \"swiper/css\"\nimport \"swiper/css/navigation\"\nimport \"swiper/css/pagination\"\nimport \"swiper/css/effect-coverflow\"\n\nimport Link from \"next/link\"\nimport { Button } from \"@/ui/button\"\nimport { ArrowRight, Menu, Rocket, X } from \"lucide-react\"\n\nconst menuItems = [\n  { name: \"Features\", href: \"#\" },\n  { name: \"Solution\", href: \"#\" },\n  { name: \"Pricing\", href: \"#\" },\n  { name: \"About\", href: \"#\" },\n]\n\nexport default function HeroSection() {\n  const [menuState, setMenuState] = React.useState(false)\n\n  return (\n    <>\n      <header>\n        <nav\n          data-state={menuState && \"active\"}\n          className=\"fixed z-20 w-full border-b border-dashed bg-white backdrop-blur md:relative dark:bg-zinc-950/50 lg:dark:bg-transparent\"\n        >\n          <div className=\"m-auto max-w-5xl px-6\">\n            <div className=\"flex flex-wrap items-center justify-between gap-6 py-3 lg:gap-0 lg:py-4\">\n              <div className=\"flex w-full justify-between lg:w-auto\">\n                <button\n                  onClick={() => setMenuState(!menuState)}\n                  aria-label={menuState == true ? \"Close Menu\" : \"Open Menu\"}\n                  className=\"relative z-20 -m-2.5 -mr-4 block cursor-pointer p-2.5 lg:hidden\"\n                >\n                  <Menu className=\"m-auto size-6 duration-200 in-data-[state=active]:scale-0 in-data-[state=active]:rotate-180 in-data-[state=active]:opacity-0\" />\n                  <X className=\"absolute inset-0 m-auto size-6 scale-0 -rotate-180 opacity-0 duration-200 in-data-[state=active]:scale-100 in-data-[state=active]:rotate-0 in-data-[state=active]:opacity-100\" />\n                </button>\n              </div>\n\n              <div className=\"mb-6 hidden w-full flex-wrap items-center justify-end space-y-8 rounded-3xl border bg-background p-6 shadow-2xl shadow-zinc-300/20 in-data-[state=active]:block md:flex-nowrap lg:m-0 lg:flex lg:w-fit lg:gap-6 lg:space-y-0 lg:border-transparent lg:bg-transparent lg:p-0 lg:shadow-none lg:in-data-[state=active]:flex dark:shadow-none dark:lg:bg-transparent\">\n                <div className=\"lg:pr-4\">\n                  <ul className=\"space-y-6 text-base lg:flex lg:gap-8 lg:space-y-0 lg:text-sm\">\n                    {menuItems.map((item, index) => (\n                      <li key={index}>\n                        <Link\n                          href={item.href}\n                          className=\"block text-muted-foreground duration-150 hover:text-accent-foreground\"\n                        >\n                          <span>{item.name}</span>\n                        </Link>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n\n                <div className=\"flex w-full flex-col space-y-3 sm:flex-row sm:gap-3 sm:space-y-0 md:w-fit lg:border-l lg:pl-6\">\n                  <Button asChild variant=\"outline\" size=\"sm\">\n                    <Link href=\"#\">\n                      <span>Login</span>\n                    </Link>\n                  </Button>\n                  <Button asChild size=\"sm\">\n                    <Link href=\"#\">\n                      <span>Login</span>\n                    </Link>\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </nav>\n      </header>\n      <main className=\"overflow-hidden\">\n        <section className=\"relative\">\n          <div className=\"relative py-24 lg:py-28\">\n            <div className=\"mx-auto max-w-7xl px-6 md:px-12\">\n              <div className=\"text-center sm:mx-auto sm:w-10/12 lg:mt-0 lg:mr-auto lg:w-4/5\">\n                <Link\n                  href=\"/\"\n                  className=\"mx-auto flex w-fit items-center gap-2 rounded-(--radius) border p-1 pr-3\"\n                >\n                  <span className=\"rounded-[calc(var(--radius)-0.25rem)] bg-muted px-2 py-1 text-xs\">\n                    New\n                  </span>\n                  <span className=\"text-sm\">Introduction LoveUI</span>\n                  <span className=\"block h-4 w-px bg-(--color-border)\"></span>\n\n                  <ArrowRight className=\"size-4\" />\n                </Link>\n\n                <h1 className=\"mt-8 text-4xl font-semibold md:text-5xl xl:text-5xl xl:[line-height:1.125]\">\n                  Tame the Wild West <br /> of UI Development\n                </h1>\n                <p className=\"mx-auto mt-8 hidden max-w-2xl text-lg text-wrap sm:block\">\n                  LoveUI delivers highly customizable components for building\n                  modern websites and applications that look and feel exactly\n                  right.\n                </p>\n                <p className=\"mx-auto mt-6 max-w-2xl text-wrap sm:hidden\">\n                  LoveUI provides customizable components for building modern\n                  websites and applications, with your own brand spark.\n                </p>\n\n                <div className=\"mt-8\">\n                  <Button size=\"lg\" asChild>\n                    <Link href=\"#\">\n                      <Rocket className=\"relative size-4\" />\n                      <span className=\"text-nowrap\">Start Building</span>\n                    </Link>\n                  </Button>\n                </div>\n              </div>\n              <div className=\"x-auto relative mx-auto mt-8 max-w-lg sm:mt-12\">\n                <div className=\"absolute inset-0 -top-8 left-1/2 -z-20 h-56 w-full -translate-x-1/2 [background-image:linear-gradient(to_bottom,transparent_98%,theme(colors.gray.200/75%)_98%),linear-gradient(to_right,transparent_94%,_theme(colors.gray.200/75%)_94%)] [background-size:16px_35px] [mask:radial-gradient(black,transparent_95%)] dark:opacity-10\"></div>\n                <div className=\"absolute inset-x-0 top-12 -z-[1] mx-auto h-1/3 w-2/3 rounded-full bg-blue-300 blur-3xl dark:bg-white/20\"></div>\n\n                <Swiper\n                  slidesPerView={1}\n                  pagination={{ clickable: true }}\n                  loop\n                  modules={[EffectCoverflow]}\n                >\n                  <SwiperSlide className=\"px-2\">\n                    <div className=\"h-44 max-w-lg rounded-(--radius) border bg-background p-9\">\n                      <div className=\"mx-auto h-fit w-full\">\n                        <NetlifyLogo />\n                      </div>\n                      <p className=\"mt-6 text-center text-lg font-medium\">\n                        30% Faster launch cycles\n                      </p>\n                    </div>\n                  </SwiperSlide>\n                  <SwiperSlide className=\"px-2\">\n                    <div className=\"h-44 max-w-lg rounded-(--radius) border bg-background p-9\">\n                      <div className=\"mx-auto h-fit w-full\">\n                        <AstroLogo />\n                      </div>\n                      <p className=\"mt-6 text-center text-lg font-medium\">\n                        45% Faster design QA\n                      </p>\n                    </div>\n                  </SwiperSlide>\n                  <SwiperSlide className=\"px-2\">\n                    <div className=\"h-44 max-w-lg rounded-(--radius) border bg-background p-9\">\n                      <div className=\"mx-auto h-fit w-full\">\n                        <WorkOsLogo />\n                      </div>\n                      <p className=\"mt-6 text-center text-lg font-medium\">\n                        60% Less UI rework\n                      </p>\n                    </div>\n                  </SwiperSlide>\n                </Swiper>\n              </div>\n            </div>\n          </div>\n        </section>\n      </main>\n    </>\n  )\n}\n\nconst WorkOsLogo = () => {\n  return (\n    <svg\n      className=\"m-auto h-8\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      version=\"1.1\"\n      id=\"Layer_1\"\n      x=\"0px\"\n      y=\"0px\"\n      viewBox=\"0 0 251.8 48\"\n    >\n      <g>\n        <path\n          fill=\"currentColor\"\n          className=\"text-[#29363D] dark:text-white\"\n          d=\"M73,7.2h7l5,20.6c0.9,3.9,1.1,6.2,1.1,6.2h0.1c0,0,0.3-2.3,1.3-6.2l4.8-20.6h7.9l5.1,20.6   c1,4,1.2,6.2,1.2,6.2h0.1c0,0,0.1-2.2,1-6.2l4.8-20.6h7l-8.8,33.9h-7.7l-5.3-20.5c-1.1-4.5-1.2-6.4-1.2-6.4h-0.1c0,0-0.1,2-1.1,6.4   l-5,20.5h-8C82,41.1,73,7.2,73,7.2z M118.2,28.8c0-7.7,5-12.8,12.6-12.8c7.5,0,12.5,5,12.5,12.8c0,7.8-5,12.8-12.5,12.8   C123.2,41.6,118.2,36.6,118.2,28.8L118.2,28.8z M136.8,28.8c0-5-2.4-7.8-6-7.8c-3.9,0-6.1,3.2-6.1,7.8c0,5.1,2.4,7.9,6.1,7.9   C134.6,36.7,136.8,33.6,136.8,28.8L136.8,28.8z M146.4,16.4h6.2V21h0.1c1.1-2.4,3.6-4.7,8-4.7c0.7,0,1.2,0.1,1.5,0.2v6.2H162   c0,0-0.6-0.2-2.1-0.2c-4.8,0-7.4,2.8-7.4,8.1v10.6h-6.2V16.4z M165.1,7.2h6.2v10.9c0,6.4-0.1,7.6-0.1,7.6h0.1l9.2-9.2h7.7   l-10.8,10.7l12.5,14h-7.3l-9-10.2l-2.3,2.3v7.9H165L165.1,7.2L165.1,7.2z M189.9,24.3c0-10.4,6.5-17.4,16.2-17.4s16.2,7,16.2,17.4   s-6.5,17.4-16.2,17.4C196.4,41.7,189.9,34.7,189.9,24.3z M215.7,24.3c0-7.1-3.8-11.9-9.5-11.9c-5.7,0-9.5,4.8-9.5,11.9   s3.8,11.9,9.5,11.9C211.8,36.2,215.7,31.4,215.7,24.3z M224.7,29.8h7.1c0,4,2.7,6.2,6.9,6.2c3.5,0,5.9-1.8,5.9-4.3   c0-2.8-1.9-3.6-7.7-4.7c-5.4-1.1-11.1-2.9-11.1-9.9c0-5.9,5-10.3,12.7-10.3c8,0,12.9,4.2,12.9,10.5h-7.1c0-3.1-2.4-5-5.8-5   c-3.5,0-5.7,1.7-5.7,4.2c0,2.6,1.5,3.7,6.3,4.6c7,1.5,12.8,2.3,12.8,10.1c0,6.2-5.4,10.3-13.3,10.3   C230.4,41.5,224.7,36.9,224.7,29.8z\"\n        ></path>\n        <path\n          fill=\"#6363F1\"\n          d=\"M0,24c0,1.1,0.3,2.1,0.8,3l9.7,16.8c1,1.7,2.5,3.1,4.4,3.7c3.6,1.2,7.5-0.3,9.4-3.5l2.3-4.1   l-9.2-16l9.8-16.9L29.5,3c0.7-1.2,1.6-2.2,2.7-3H17.2c-2.6,0-5.1,1.4-6.4,3.7L0.8,21C0.3,21.9,0,22.9,0,24z\"\n        ></path>\n        <path\n          fill=\"#6363F1\"\n          d=\"M55.4,24c0-1.1-0.3-2.1-0.8-3l-9.8-17c-1.9-3.3-5.8-4.7-9.4-3.5c-1.9,0.6-3.4,2-4.4,3.7   L28.7,8L38,24l-9.8,16.9L25.9,45c-0.7,1.2-1.6,2.2-2.7,3h15.1c2.6,0,5.1-1.4,6.4-3.7l10-17.3C55.1,26.1,55.4,25.1,55.4,24z\"\n        ></path>\n      </g>\n    </svg>\n  )\n}\n\nconst AstroLogo = () => {\n  return (\n    <svg\n      className=\"mx-auto h-12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 460 160\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M65.7846 121.175C61.2669 117.045 59.9481 108.368 61.8303 102.082C65.0939 106.045 69.6158 107.301 74.2997 108.009C81.5305 109.103 88.6318 108.694 95.349 105.389C96.1174 105.011 96.8275 104.507 97.6672 103.998C98.2974 105.826 98.4615 107.672 98.2413 109.551C97.706 114.127 95.4288 117.662 91.8069 120.341C90.3586 121.413 88.8261 122.371 87.3303 123.382C82.7349 126.487 81.4917 130.129 83.2184 135.427C83.2594 135.556 83.2961 135.685 83.389 136C81.0427 134.95 79.3289 133.421 78.023 131.411C76.6438 129.289 75.9876 126.942 75.9531 124.403C75.9358 123.167 75.9358 121.92 75.7696 120.702C75.3638 117.732 73.9694 116.402 71.3426 116.325C68.6467 116.247 66.5141 117.913 65.9486 120.538C65.9054 120.739 65.8428 120.938 65.7803 121.172L65.7846 121.175Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M65.7846 121.175C61.2669 117.045 59.9481 108.368 61.8303 102.082C65.0939 106.045 69.6158 107.301 74.2997 108.009C81.5305 109.103 88.6318 108.694 95.349 105.389C96.1174 105.011 96.8275 104.507 97.6672 103.998C98.2974 105.826 98.4615 107.672 98.2413 109.551C97.706 114.127 95.4288 117.662 91.8069 120.341C90.3586 121.413 88.8261 122.371 87.3303 123.382C82.7349 126.487 81.4917 130.129 83.2184 135.427C83.2594 135.556 83.2961 135.685 83.389 136C81.0427 134.95 79.3289 133.421 78.023 131.411C76.6438 129.289 75.9876 126.942 75.9531 124.403C75.9358 123.167 75.9358 121.92 75.7696 120.702C75.3638 117.732 73.9694 116.402 71.3426 116.325C68.6467 116.247 66.5141 117.913 65.9486 120.538C65.9054 120.739 65.8428 120.938 65.7803 121.172L65.7846 121.175Z\"\n        fill=\"url(#paint0_linear_1_33)\"\n      />\n      <path\n        d=\"M40 101.034C40 101.034 53.3775 94.5177 66.7924 94.5177L76.9068 63.2155C77.2855 61.7017 78.3911 60.6729 79.6393 60.6729C80.8875 60.6729 81.9932 61.7017 82.3719 63.2155L92.4862 94.5177C108.374 94.5177 119.279 101.034 119.279 101.034C119.279 101.034 96.5558 39.133 96.5114 39.0088C95.8592 37.1787 94.7583 36 93.274 36H66.007C64.5227 36 63.4662 37.1787 62.7696 39.0088C62.7205 39.1307 40 101.034 40 101.034Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M181.043 81.1227C181.043 86.6079 174.22 89.8838 164.773 89.8838C158.624 89.8838 156.45 88.3601 156.45 85.1604C156.45 81.8083 159.149 80.2085 165.297 80.2085C170.846 80.2085 175.569 80.2846 181.043 80.9703V81.1227ZM181.118 74.3423C177.744 73.5805 172.645 73.1234 166.572 73.1234C148.877 73.1234 140.555 77.3135 140.555 87.065C140.555 97.1975 146.253 101.083 159.449 101.083C170.621 101.083 178.193 98.2641 180.968 91.3313H181.417C181.342 93.0074 181.268 94.6834 181.268 95.9785C181.268 99.5592 181.867 99.8639 184.791 99.8639H198.587C197.837 97.7308 197.388 91.7122 197.388 86.5317C197.388 80.9703 197.612 76.7802 197.612 71.1426C197.612 59.6388 190.715 52.3251 169.121 52.3251C159.824 52.3251 149.477 53.925 141.605 56.2867C142.354 59.4102 143.404 65.7335 143.929 69.8474C150.752 66.6477 160.424 65.2764 167.922 65.2764C178.268 65.2764 181.118 67.6381 181.118 72.4377V74.3423Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M218.971 84.3224C217.097 84.5509 214.547 84.5509 211.923 84.5509C209.149 84.5509 206.6 84.4748 204.875 84.2462C204.875 84.8557 204.8 85.5413 204.8 86.1508C204.8 95.6738 211.024 101.235 232.917 101.235C253.535 101.235 260.208 95.75 260.208 86.0746C260.208 76.9325 255.785 72.4377 236.216 71.4473C220.995 70.7616 219.646 69.0856 219.646 67.181C219.646 64.9717 221.595 63.8289 231.792 63.8289C242.364 63.8289 245.213 65.2764 245.213 68.3238V69.0094C246.713 68.9332 249.412 68.8571 252.186 68.8571C254.81 68.8571 257.659 68.9332 259.309 69.0856C259.309 68.3999 259.384 67.7905 259.384 67.2572C259.384 56.0581 250.086 52.4013 232.092 52.4013C211.848 52.4013 205.025 57.3533 205.025 67.0286C205.025 75.7136 210.499 81.1227 229.918 81.9607C244.238 82.4178 245.813 84.0177 245.813 86.227C245.813 88.5887 243.489 89.6553 233.442 89.6553C221.895 89.6553 218.971 88.0554 218.971 84.7795V84.3224Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M284.955 44.1734C279.482 49.2778 269.66 54.3821 264.187 55.7534C264.262 58.5722 264.262 63.7527 264.262 66.5715L269.285 66.6477C269.21 72.0568 269.135 78.6086 269.135 82.9511C269.135 93.0835 274.458 100.702 291.028 100.702C298.001 100.702 302.65 99.9401 308.423 98.7212C307.823 94.9881 307.148 89.2743 306.923 84.9319C303.475 86.0746 299.126 86.6841 294.327 86.6841C287.654 86.6841 284.955 84.8557 284.955 79.599C284.955 75.028 284.955 70.7616 285.03 66.8001C293.578 66.8763 302.125 67.0286 307.148 67.181C307.073 63.2194 307.223 57.5056 307.448 53.6964C300.176 53.8488 292.003 53.925 285.255 53.925C285.33 50.5729 285.405 47.3732 285.48 44.1734H284.955Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M329.736 64.286C329.811 60.3244 329.886 56.9724 329.961 53.6964H314.89C315.115 60.2483 315.115 66.9525 315.115 76.7802C315.115 86.6079 315.04 93.3883 314.89 99.8639H332.135C331.835 95.2929 331.76 87.5983 331.76 81.0465C331.76 70.6855 335.959 67.7143 345.481 67.7143C349.905 67.7143 353.054 68.2476 355.828 69.238C355.903 65.3526 356.653 57.8104 357.102 54.4583C354.253 53.6203 351.104 53.087 347.28 53.087C339.108 53.0108 333.11 56.3629 330.336 64.3622L329.736 64.286Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M404.808 76.4754C404.808 84.7795 398.81 88.6649 389.363 88.6649C379.991 88.6649 373.993 85.008 373.993 76.4754C373.993 67.9428 380.066 64.7431 389.363 64.7431C398.735 64.7431 404.808 68.1714 404.808 76.4754ZM420.478 76.0945C420.478 59.5626 407.582 52.1728 389.363 52.1728C371.069 52.1728 358.623 59.5626 358.623 76.0945C358.623 92.5503 370.244 101.388 389.288 101.388C408.482 101.388 420.478 92.5503 420.478 76.0945Z\"\n        fill=\"currentColor\"\n      />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_1_33\"\n          x1=\"61.0003\"\n          y1=\"136\"\n          x2=\"104.622\"\n          y2=\"115.39\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#D83333\" />\n          <stop offset=\"1\" stopColor=\"#F041FF\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  )\n}\n\nconst NetlifyLogo = () => {\n  return (\n    <>\n      <svg\n        className=\"mx-auto h-12 dark:hidden\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 512 209\"\n        fill=\"none\"\n      >\n        <g clipPath=\"url(#clip0_235_8)\">\n          <path\n            d=\"M117.436 207.036V154.604L118.529 153.51H129.452L130.545 154.604V207.036L129.452 208.13H118.529L117.436 207.036Z\"\n            fill=\"#05BDBA\"\n          />\n          <path\n            d=\"M117.436 53.5225V1.09339L118.529 0H129.452L130.545 1.09339V53.5225L129.452 54.6159H118.529L117.436 53.5225Z\"\n            fill=\"#05BDBA\"\n          />\n          <path\n            d=\"M69.9539 169.238H68.4094L60.6869 161.512V159.967L78.7201 141.938L86.8976 141.942L87.9948 143.031V151.209L69.9539 169.238Z\"\n            fill=\"#05BDBA\"\n          />\n          <path\n            d=\"M69.9462 38.8917H68.4017L60.6792 46.6181V48.1626L78.7124 66.192L86.8899 66.1882L87.9871 65.0986V56.9212L69.9462 38.8917Z\"\n            fill=\"#05BDBA\"\n          />\n          <path\n            d=\"M1.09339 97.5104H75.3711L76.4645 98.6038V109.526L75.3711 110.62H1.09339L0 109.526V98.6038L1.09339 97.5104Z\"\n            fill=\"#05BDBA\"\n          />\n          <path\n            d=\"M440.999 97.5104H510.91L512.004 98.6038V109.526L510.91 110.62H436.633L435.539 109.526L439.905 98.6038L440.999 97.5104Z\"\n            fill=\"#05BDBA\"\n          />\n          <path\n            d=\"M212.056 108.727L210.963 109.821H177.079L175.986 110.914C175.986 113.101 178.173 119.657 186.916 119.657C190.196 119.657 193.472 118.564 194.566 116.377L195.659 115.284H208.776L209.869 116.377C208.776 122.934 203.313 132.774 186.916 132.774C168.336 132.774 159.589 119.657 159.589 104.357C159.589 89.0576 168.332 75.9408 185.822 75.9408C203.313 75.9408 212.056 89.0576 212.056 104.357V108.731V108.727ZM195.659 97.7971C195.659 96.7037 194.566 89.0538 185.822 89.0538C177.079 89.0538 175.986 96.7037 175.986 97.7971L177.079 98.8905H194.566L195.659 97.7971Z\"\n            fill=\"#014847\"\n          />\n          <path\n            d=\"M242.66 115.284C242.66 117.47 243.753 118.564 245.94 118.564H255.776L256.87 119.657V130.587L255.776 131.681H245.94C236.103 131.681 227.36 127.307 227.36 115.284V91.2368L226.266 90.1434H218.617L217.523 89.05V78.1199L218.617 77.0265H226.266L227.36 75.9332V66.0965L228.453 65.0031H241.57L242.663 66.0965V75.9332L243.757 77.0265H255.78L256.874 78.1199V89.05L255.78 90.1434H243.757L242.663 91.2368V115.284H242.66Z\"\n            fill=\"#014847\"\n          />\n          <path\n            d=\"M283.1 131.681H269.983L268.889 130.587V56.2636L269.983 55.1702H283.1L284.193 56.2636V130.587L283.1 131.681Z\"\n            fill=\"#014847\"\n          />\n          <path\n            d=\"M312.61 68.2871H299.493L298.399 67.1937V56.2636L299.493 55.1702H312.61L313.703 56.2636V67.1937L312.61 68.2871ZM312.61 131.681H299.493L298.399 130.587V78.1237L299.493 77.0304H312.61L313.703 78.1237V130.587L312.61 131.681Z\"\n            fill=\"#014847\"\n          />\n          <path\n            d=\"M363.98 56.2636V67.1937L362.886 68.2871H353.05C350.863 68.2871 349.769 69.3805 349.769 71.5672V75.9408L350.863 77.0342H361.793L362.886 78.1276V89.0576L361.793 90.151H350.863L349.769 91.2444V130.591L348.676 131.684H335.559L334.466 130.591V91.2444L333.372 90.151H325.723L324.629 89.0576V78.1276L325.723 77.0342H333.372L334.466 75.9408V71.5672C334.466 59.5438 343.209 55.1702 353.046 55.1702H362.882L363.976 56.2636H363.98Z\"\n            fill=\"#014847\"\n          />\n          <path\n            d=\"M404.42 132.774C400.046 143.704 395.677 150.261 380.373 150.261H374.906L373.813 149.167V138.237L374.906 137.144H380.373C385.836 137.144 386.929 136.05 388.023 132.77V131.677L370.536 89.05V78.1199L371.63 77.0265H381.466L382.56 78.1199L395.677 115.284H396.77L409.887 78.1199L410.98 77.0265H420.817L421.91 78.1199V89.05L404.424 132.77L404.42 132.774Z\"\n            fill=\"#014847\"\n          />\n          <path\n            d=\"M135.454 131.681L134.361 130.587L134.368 98.9172C134.368 93.4541 132.22 89.2182 125.625 89.0806C122.234 88.9926 118.354 89.0729 114.209 89.2488L113.59 89.8834L113.598 130.587L112.504 131.681H99.3913L98.2979 130.587V77.5388L99.3913 76.4454L128.901 76.1778C143.685 76.1778 149.668 86.3356 149.668 97.8009V130.587L148.575 131.681H135.454Z\"\n            fill=\"#014847\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_235_8\">\n            <rect width=\"512\" height=\"208.126\" fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n      <svg\n        className=\"mx-auto hidden h-12 dark:block\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 512 209\"\n        fill=\"none\"\n      >\n        <g clipPath=\"url(#clip0_235_26)\">\n          <path\n            d=\"M117.436 207.036V154.604L118.529 153.51H129.452L130.545 154.604V207.036L129.452 208.13H118.529L117.436 207.036Z\"\n            fill=\"#32E6E2\"\n          />\n          <path\n            d=\"M117.436 53.5225V1.09339L118.529 0H129.452L130.545 1.09339V53.5225L129.452 54.6159H118.529L117.436 53.5225Z\"\n            fill=\"#32E6E2\"\n          />\n          <path\n            d=\"M69.9539 169.238H68.4094L60.6869 161.512V159.967L78.7201 141.938L86.8976 141.942L87.9948 143.031V151.209L69.9539 169.238Z\"\n            fill=\"#32E6E2\"\n          />\n          <path\n            d=\"M69.9462 38.8917H68.4017L60.6792 46.6181V48.1626L78.7124 66.192L86.8899 66.1882L87.9871 65.0986V56.9212L69.9462 38.8917Z\"\n            fill=\"#32E6E2\"\n          />\n          <path\n            d=\"M1.09339 97.5104H75.3711L76.4645 98.6038V109.526L75.3711 110.62H1.09339L0 109.526V98.6038L1.09339 97.5104Z\"\n            fill=\"#32E6E2\"\n          />\n          <path\n            d=\"M440.999 97.5104H510.91L512.004 98.6038V109.526L510.91 110.62H436.633L435.539 109.526L439.905 98.6038L440.999 97.5104Z\"\n            fill=\"#32E6E2\"\n          />\n          <path\n            d=\"M212.056 108.727L210.963 109.821H177.079L175.986 110.914C175.986 113.101 178.173 119.657 186.916 119.657C190.196 119.657 193.472 118.564 194.566 116.377L195.659 115.284H208.776L209.869 116.377C208.776 122.934 203.313 132.774 186.916 132.774C168.336 132.774 159.589 119.657 159.589 104.357C159.589 89.0576 168.332 75.9408 185.822 75.9408C203.313 75.9408 212.056 89.0576 212.056 104.357V108.731V108.727ZM195.659 97.7971C195.659 96.7037 194.566 89.0538 185.822 89.0538C177.079 89.0538 175.986 96.7037 175.986 97.7971L177.079 98.8905H194.566L195.659 97.7971Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M242.66 115.284C242.66 117.47 243.753 118.564 245.94 118.564H255.776L256.87 119.657V130.587L255.776 131.681H245.94C236.103 131.681 227.36 127.307 227.36 115.284V91.2368L226.266 90.1434H218.617L217.523 89.05V78.1199L218.617 77.0265H226.266L227.36 75.9332V66.0965L228.453 65.0031H241.57L242.663 66.0965V75.9332L243.757 77.0265H255.78L256.874 78.1199V89.05L255.78 90.1434H243.757L242.663 91.2368V115.284H242.66Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M283.1 131.681H269.983L268.889 130.587V56.2636L269.983 55.1702H283.1L284.193 56.2636V130.587L283.1 131.681Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M312.61 68.2871H299.493L298.399 67.1937V56.2636L299.493 55.1702H312.61L313.703 56.2636V67.1937L312.61 68.2871ZM312.61 131.681H299.493L298.399 130.587V78.1237L299.493 77.0304H312.61L313.703 78.1237V130.587L312.61 131.681Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M363.98 56.2636V67.1937L362.886 68.2871H353.05C350.863 68.2871 349.769 69.3805 349.769 71.5672V75.9408L350.863 77.0342H361.793L362.886 78.1276V89.0576L361.793 90.151H350.863L349.769 91.2444V130.591L348.676 131.684H335.559L334.466 130.591V91.2444L333.372 90.151H325.723L324.629 89.0576V78.1276L325.723 77.0342H333.372L334.466 75.9408V71.5672C334.466 59.5438 343.209 55.1702 353.046 55.1702H362.882L363.976 56.2636H363.98Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M404.42 132.774C400.046 143.704 395.677 150.261 380.373 150.261H374.906L373.813 149.167V138.237L374.906 137.144H380.373C385.836 137.144 386.929 136.05 388.023 132.77V131.677L370.536 89.05V78.1199L371.63 77.0265H381.466L382.56 78.1199L395.677 115.284H396.77L409.887 78.1199L410.98 77.0265H420.817L421.91 78.1199V89.05L404.424 132.77L404.42 132.774Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M135.454 131.681L134.361 130.587L134.368 98.9172C134.368 93.4541 132.22 89.2182 125.625 89.0806C122.234 88.9926 118.354 89.0729 114.209 89.2488L113.59 89.8834L113.598 130.587L112.504 131.681H99.3913L98.2979 130.587V77.5388L99.3913 76.4454L128.901 76.1778C143.685 76.1778 149.668 86.3356 149.668 97.8009V130.587L148.575 131.681H135.454Z\"\n            fill=\"white\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_235_26\">\n            <rect width=\"512\" height=\"208.126\" fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n    </>\n  )\n}\n"
-    }
-  ],
-  "categories": [
-    "page-template",
-    "hero"
-  ],
-  "dependencies": [
-    "lucide-react",
-    "swiper"
-  ],
-  "registryDependencies": [
-    "https://www.loveui.dev/r/button.json"
-  ],
-  "meta": {
-    "source": "page-template",
-    "templatePath": "hero/twelve"
-  }
-}