love-ui 1.2.13 → 1.2.15

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

@@ -1,101 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "template-hero-fourteen",
-  "type": "registry:block",
-  "title": "hero/fourteen",
-  "description": "Page template \"hero/fourteen\"",
-  "files": [
-    {
-      "path": "registry/page-templates/default/templates/hero/fourteen/index.tsx",
-      "type": "registry:file",
-      "target": "components/page-templates/hero/fourteen/index.tsx",
-      "content": "\"use client\"\n\nimport { useState } 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 { Menu, 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] = useState(false)\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\n      <main>\n        <div\n          aria-hidden\n          className=\"absolute inset-0 isolate z-2 hidden opacity-50 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\n        <section className=\"overflow-hidden bg-muted/50 dark:bg-background\">\n          <div className=\"relative mx-auto max-w-5xl px-6 pt-28 lg:pt-24\">\n            <div className=\"relative z-10 mx-auto max-w-2xl text-center\">\n              <h1 className=\"text-4xl font-semibold text-balance md:text-5xl lg:text-6xl\">\n                Modern UI building reimagined\n              </h1>\n              <p className=\"mx-auto my-8 max-w-2xl text-xl text-muted-foreground\">\n                LoveUI gives product teams a faster path to polished interfaces\n                with accessible primitives, reusable patterns, and flexible\n                theming out of the box.\n              </p>\n\n              <Button asChild size=\"lg\">\n                <Link href=\"#\">\n                  <span className=\"btn-label\">Start Building</span>\n                </Link>\n              </Button>\n            </div>\n          </div>\n\n          <div className=\"mx-auto 2xl:max-w-7xl\">\n            <div className=\"pl-8 perspective-distant lg:pl-44\">\n              <div className=\"rotate-x-20 skew-x-12 mask-r-from-75% mask-b-from-55% mask-b-to-100% pt-6 pl-6 lg:h-176\">\n                <Image\n                  className=\"rounded-(--radius) border shadow-xl dark:hidden\"\n                  src={assetPath(\"/page-templates/hero/mail2-light.webp\")}\n                  alt=\"LoveUI hero section\"\n                  width={2700}\n                  height={1440}\n                />\n                <Image\n                  className=\"hidden rounded-(--radius) border shadow-xl dark:block\"\n                  src={assetPath(\"/page-templates/hero/mail2.webp\")}\n                  alt=\"LoveUI hero section\"\n                  width={2700}\n                  height={1440}\n                />\n              </div>\n            </div>\n          </div>\n        </section>\n        <section className=\"relative z-10 bg-muted/50 py-16 dark:bg-background\">\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-20 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/fourteen"
-  }
-}

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

@@ -1,74 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "template-hero-nine",
-  "type": "registry:block",
-  "title": "hero/nine",
-  "description": "Page template \"hero/nine\"",
-  "files": [
-    {
-      "path": "registry/page-templates/default/templates/hero/nine/index.tsx",
-      "type": "registry:file",
-      "target": "components/page-templates/hero/nine/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\"\n\nexport default function HeroSection() {\n  return (\n    <>\n      <main className=\"overflow-x-hidden\">\n        <section>\n          <div className=\"pt-12 pb-24 md:pb-32 lg:pt-44 lg:pb-56\">\n            <div className=\"relative mx-auto flex max-w-6xl flex-col px-6 lg:block\">\n              <div className=\"mx-auto max-w-lg text-center lg:ml-0 lg:w-1/2 lg:text-left\">\n                <h1 className=\"mt-8 max-w-2xl text-5xl font-medium text-balance md:text-6xl lg:mt-16 xl:text-7xl\">\n                  Ship 10x Faster with LoveUI\n                </h1>\n                <p className=\"mt-8 max-w-2xl text-lg text-pretty\">\n                  LoveUI ships highly customizable components for building\n                  modern websites and applications that feel truly on-brand.\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 asChild size=\"lg\" className=\"px-5 text-base\">\n                    <Link href=\"#link\">\n                      <span className=\"text-nowrap\">Start Building</span>\n                    </Link>\n                  </Button>\n                  <Button\n                    key={2}\n                    asChild\n                    size=\"lg\"\n                    variant=\"ghost\"\n                    className=\"px-5 text-base\"\n                  >\n                    <Link href=\"#link\">\n                      <span className=\"text-nowrap\">Request a demo</span>\n                    </Link>\n                  </Button>\n                </div>\n              </div>\n              <Image\n                className=\"-z-10 order-first ml-auto h-56 w-full object-cover invert sm:h-96 lg:absolute lg:inset-0 lg:-top-96 lg:-right-20 lg:order-last lg:h-max lg:w-2/3 lg:object-contain dark:mix-blend-lighten dark:invert-0\"\n                src=\"/page-templates/hero-bg.jpg\"\n                alt=\"Abstract Object\"\n                height=\"4000\"\n                width=\"3000\"\n              />\n            </div>\n          </div>\n        </section>\n        <section className=\"bg-background pb-16 md:pb-32\">\n          <div className=\"group relative m-auto max-w-6xl 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"
-  ],
-  "registryDependencies": [
-    "https://www.loveui.dev/r/button.json"
-  ],
-  "meta": {
-    "source": "page-template",
-    "templatePath": "hero/nine"
-  }
-}

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

@@ -1,90 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "template-hero-one",
-  "type": "registry:block",
-  "title": "hero/one",
-  "description": "Page template \"hero/one\"",
-  "files": [
-    {
-      "path": "registry/page-templates/default/templates/hero/one/app/page.tsx",
-      "type": "registry:page",
-      "target": "components/page-templates/hero/one/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/one/index.tsx",
-      "type": "registry:file",
-      "target": "components/page-templates/hero/one/index.tsx",
-      "content": "import React from \"react\"\nimport Image from \"next/image\"\nimport Link from \"next/link\"\nimport { Button } from \"@/ui/button\"\nimport { Card } from \"@/ui/card\"\nimport { Claude } from \"@/ui/svgs/claude\"\nimport { ClerkIconLight as Clerk } from \"@/ui/svgs/clerk\"\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-hidden\">\n        <section className=\"bg-background\">\n          <div className=\"relative py-32 md:pt-44\">\n            <div className=\"absolute inset-0 aspect-square mask-t-from-50% mask-radial-[75%_100%] mask-radial-from-45% mask-radial-to-75% mask-radial-at-top lg:top-24 lg:aspect-9/4 dark:opacity-5\">\n              <Image\n                src=\"/page-templates/hero-bg.jpg\"\n                alt=\"hero background\"\n                width={2268}\n                height={1740}\n                className=\"size-full object-cover object-top\"\n              />\n            </div>\n            <div className=\"relative z-10 mx-auto w-full max-w-5xl px-6\">\n              <div className=\"mx-auto max-w-md text-center\">\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 interfaces\n                  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 className=\"mx-auto mt-24 max-w-xl\">\n                <div className=\"grid scale-95 grid-cols-3 gap-12\">\n                  <div className=\"ml-auto blur-[2px]\">\n                    <Card className=\"flex h-8 w-fit flex-row items-center gap-2 rounded-xl px-3 py-0 shadow-foreground/10 sm:h-10 sm:px-4\">\n                      <Supabase className=\"size-4 shrink-0\" />\n                      <span className=\"font-medium text-nowrap max-sm:text-xs\">\n                        Supabase\n                      </span>\n                    </Card>\n                  </div>\n                  <div className=\"ml-auto\">\n                    <Card className=\"flex h-8 w-fit flex-row items-center gap-2 rounded-xl px-3 py-0 shadow-foreground/10 sm:h-10 sm:px-4\">\n                      <Slack className=\"size-4 shrink-0\" />\n                      <span className=\"font-medium text-nowrap max-sm:text-xs\">\n                        Slack\n                      </span>\n                    </Card>\n                  </div>\n                  <div className=\"ml-auto blur-[2px]\">\n                    <Card className=\"flex h-8 w-fit flex-row items-center gap-2 rounded-xl px-3 py-0 shadow-foreground/10 sm:h-10 sm:px-4\">\n                      <Figma className=\"size-4 shrink-0\" />\n                      <span className=\"font-medium text-nowrap max-sm:text-xs\">\n                        Figma\n                      </span>\n                    </Card>\n                  </div>\n                  <div className=\"mr-auto\">\n                    <Card className=\"flex h-8 w-fit flex-row items-center gap-2 rounded-xl px-3 py-0 shadow-foreground/10 sm:h-10 sm:px-4\">\n                      <Vercel className=\"size-4 shrink-0\" />\n                      <span className=\"font-medium text-nowrap max-sm:text-xs\">\n                        Vercel\n                      </span>\n                    </Card>\n                  </div>\n                  <div className=\"blur-[2px]\">\n                    <Card className=\"flex h-8 w-fit flex-row items-center gap-2 rounded-xl px-3 py-0 shadow-foreground/10 sm:h-10 sm:px-4\">\n                      <Firebase className=\"size-3 shrink-0 sm:size-4\" />\n                      <span className=\"font-medium text-nowrap max-sm:text-xs\">\n                        Firebase\n                      </span>\n                    </Card>\n                  </div>\n                  <div>\n                    <Card className=\"mx-auto flex h-8 w-fit flex-row items-center gap-2 rounded-xl px-3 py-0 shadow-foreground/10 sm:h-10 sm:px-4\">\n                      <Linear className=\"size-3 shrink-0 sm:size-4\" />\n                      <span className=\"font-medium text-nowrap max-sm:text-xs\">\n                        Linear\n                      </span>\n                    </Card>\n                  </div>\n                  <div className=\"ml-auto blur-[2px]\">\n                    <Card className=\"flex h-8 w-fit flex-row items-center gap-2 rounded-xl px-3 py-0 shadow-foreground/10 sm:h-10 sm:px-4\">\n                      <Twilio className=\"size-3 shrink-0 sm:size-4\" />\n                      <span className=\"font-medium text-nowrap max-sm:text-xs\">\n                        Twilio\n                      </span>\n                    </Card>\n                  </div>\n                  <div>\n                    <Card className=\"mx-auto flex h-8 w-fit flex-row items-center gap-2 rounded-xl px-3 py-0 shadow-foreground/10 sm:h-10 sm:px-4\">\n                      <Claude className=\"size-3 shrink-0 sm:size-4\" />\n                      <span className=\"font-medium text-nowrap max-sm:text-xs\">\n                        Claude AI\n                      </span>\n                    </Card>\n                  </div>\n                  <div className=\"blur-[2px]\">\n                    <Card className=\"flex h-8 w-fit flex-row items-center gap-2 rounded-xl px-3 py-0 shadow-foreground/10 sm:h-10 sm:px-4\">\n                      <Clerk className=\"size-3 shrink-0 sm:size-4\" />\n                      <span className=\"font-medium text-nowrap max-sm:text-xs\">\n                        Clerk{\" \"}\n                      </span>\n                    </Card>\n                  </div>\n                </div>\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/clerk.tsx",
-      "type": "registry:ui",
-      "target": "components/ui/svgs/clerk.tsx",
-      "content": "import type { SVGProps } from \"react\"\n\nconst ClerkIconDark = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 128 128\">\n    <circle cx=\"64\" cy=\"64\" r=\"20\" fill=\"#fff\" />\n    <path\n      fill=\"#fff\"\n      fillOpacity=\".4\"\n      d=\"M99.572 10.788c1.999 1.34 2.17 4.156.468 5.858L85.424 31.262c-1.32 1.32-3.37 1.53-5.033.678A35.846 35.846 0 0 0 64 28c-19.882 0-36 16.118-36 36a35.846 35.846 0 0 0 3.94 16.391c.851 1.663.643 3.712-.678 5.033L16.646 100.04c-1.702 1.702-4.519 1.531-5.858-.468C3.974 89.399 0 77.163 0 64 0 28.654 28.654 0 64 0c13.163 0 25.399 3.974 35.572 10.788Z\"\n    />\n    <path\n      fill=\"#fff\"\n      d=\"M100.04 111.354c1.702 1.702 1.531 4.519-.468 5.858C89.399 124.026 77.164 128 64 128c-13.164 0-25.399-3.974-35.572-10.788-2-1.339-2.17-4.156-.468-5.858l14.615-14.616c1.322-1.32 3.37-1.53 5.033-.678A35.847 35.847 0 0 0 64 100a35.846 35.846 0 0 0 16.392-3.94c1.662-.852 3.712-.643 5.032.678l14.616 14.616Z\"\n    />\n  </svg>\n)\n\nconst ClerkIconLight = (props: SVGProps<SVGSVGElement>) => (\n  <svg {...props} fill=\"none\" viewBox=\"0 0 128 128\">\n    <circle cx=\"64\" cy=\"64\" r=\"20\" fill=\"#6C47FF\" />\n    <path\n      fill=\"#BAB1FF\"\n      d=\"M99.572 10.788c1.999 1.34 2.17 4.156.468 5.858L85.424 31.262c-1.32 1.32-3.37 1.53-5.033.678A35.846 35.846 0 0 0 64 28c-19.882 0-36 16.118-36 36a35.846 35.846 0 0 0 3.94 16.391c.851 1.663.643 3.712-.678 5.033L16.646 100.04c-1.702 1.702-4.519 1.531-5.858-.468C3.974 89.399 0 77.163 0 64 0 28.654 28.654 0 64 0c13.163 0 25.399 3.974 35.572 10.788Z\"\n    />\n    <path\n      fill=\"#6C47FF\"\n      d=\"M100.04 111.354c1.702 1.702 1.531 4.519-.468 5.858C89.399 124.026 77.164 128 64 128c-13.164 0-25.399-3.974-35.572-10.788-2-1.339-2.17-4.156-.468-5.858l14.615-14.616c1.322-1.32 3.37-1.53 5.033-.678A35.847 35.847 0 0 0 64 100a35.846 35.846 0 0 0 16.392-3.94c1.662-.852 3.712-.643 5.032.678l14.616 14.616Z\"\n    />\n  </svg>\n)\n\nexport { ClerkIconDark, ClerkIconLight }\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",
-    "https://www.loveui.dev/r/card.json"
-  ],
-  "meta": {
-    "source": "page-template",
-    "templatePath": "hero/one"
-  }
-}

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

@@ -1,83 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "template-hero-seven",
-  "type": "registry:block",
-  "title": "hero/seven",
-  "description": "Page template \"hero/seven\"",
-  "files": [
-    {
-      "path": "registry/page-templates/default/templates/hero/seven/index.tsx",
-      "type": "registry:file",
-      "target": "components/page-templates/hero/seven/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 { 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 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\">\n            <div className=\"absolute inset-0 -z-10 size-full [background:radial-gradient(125%_125%_at_50%_100%,transparent_0%,var(--color-background)_75%)]\"></div>\n            <div className=\"mx-auto max-w-5xl px-6\">\n              <div className=\"sm:mx-auto lg:mt-0 lg:mr-auto\">\n                <TextEffect\n                  preset=\"fade-in-blur\"\n                  speedSegment={0.3}\n                  as=\"h1\"\n                  className=\"mt-8 max-w-2xl text-5xl font-medium text-balance md:text-6xl lg:mt-16\"\n                >\n                  Build and Ship 10x faster with LoveUI\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=\"mt-8 max-w-2xl text-lg text-pretty\"\n                >\n                  LoveUI delivers highly customizable components for building\n                  modern websites and applications that look and feel exactly\n                  right.\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 items-center gap-2\"\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 text-base\"\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            <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-5xl 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/seven"
-  }
-}