"use client"; import React, { SVGProps } from "react"; import Link from "next/link"; import { X, ArrowRight, ChevronRight } from "lucide-react"; import { Button } from "@/registry/bases/base/dusk/ui/button"; import { cn } from "@/lib/utils"; import Image from "next/image"; const menuItems = [ { name: 'Product', href: '#link' }, { name: 'Solutions', href: '#link' }, { name: 'Pricing', href: '#link' }, { name: 'Company', href: '#link' }, ] const HeroHeader = () => { const [menuState, setMenuState] = React.useState(false) React.useEffect(() => { if (!menuState) return const mediaQuery = window.matchMedia('(max-width: 1023px)') const updateOverflow = () => { document.documentElement.classList.toggle('overflow-hidden', mediaQuery.matches) } updateOverflow() mediaQuery.addEventListener('change', updateOverflow) return () => { mediaQuery.removeEventListener('change', updateOverflow) document.documentElement.classList.remove('overflow-hidden') } }, [menuState]) return (

{item.name}

{item.name}

) } const Spotify = (props: SVGProps) => ( ) const __inlined_default_1 = Spotify const React = __inlined_default_1; const Supabase = (props: SVGProps) => ( ) const SupabaseFull = (props: SVGProps) => ( ) const Hulu = (props: SVGProps) => ( ) const Bolt = (props: SVGProps) => ( ) const Firebase = (props: SVGProps) => ( ) const FirebaseFull = (props: SVGProps) => ( ) const Beacon = (props: SVGProps) => ( ) const Claude = (props: SVGProps) => ( ) const Vercel = (props: SVGProps) => ( ) const VercelFull = (props: SVGProps) => ( ) const Logo = ({ className, uniColor }: { className?: string; uniColor?: boolean }) => { return ( ) } const LogoIcon = ({ className, uniColor }: { className?: string; uniColor?: boolean }) => { return ( ) } export default function HeroSection() { return ( <>

New: Introducing the living customer graph

Customer universe, beautifully connected

Every account, signal, conversation, and next move in one living workspace that helps teams turn momentum into revenue.

See the network

) }