"use client" import { CirclePlay, Menu, X, Zap } from "lucide-react" import Link from "next/link" import { Draggable } from "@/registry/animated/Draggable" import { FadeDown } from "@/registry/animated/FadeDown" import { InfiniteScroll } from "@/registry/animated/InfiniteScroll" import { Badge } from "@/registry/ui/badge" import { Button } from "@/registry/ui/button" import { Drawer, DrawerClose, DrawerTitle } from "@/registry/ui/drawer" export default function Hero01() { const companies = [ { svgUrl: "/hero-svg/zenith.svg" }, { svgUrl: "/hero-svg/stellar.svg" }, { svgUrl: "/hero-svg/vortex.svg" }, { svgUrl: "/hero-svg/enigma.svg" }, { svgUrl: "/hero-svg/spectrum.svg" }, { svgUrl: "/hero-svg/zenith.svg" }, { svgUrl: "/hero-svg/quantum.svg" }, { svgUrl: "/hero-svg/vortex.svg" }, { svgUrl: "/hero-svg/stellar.svg" }, { svgUrl: "/hero-svg/enigma.svg" }, ] return (

{/* Header */}

{/* Logo */}

{/* Navigation */} {/* Auth buttons */}

{/* Hero Section */}

Backed by Y Combinator {/* Main heading */}

Ship next generation of world class products & solutions

{/* Description */}

Radian is a high-quality design and development library that empowers you to build systems capable of scaling efficiently.

{/* CTA buttons */}

{/* Company Logos */}

{companies.map((company, index) => ( Company svg

))}

{/* Home page content */}

) }