hero.tsx

import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Accent } from '@/components/accent'
import { Button } from '@/components/button'
import { Buttons } from '@/components/buttons'
import { CountUp } from '@/components/count-up'
import { Label } from '@/components/label'
import { VideoBackground } from '@/components/video-background'
import { Icon } from '@/components/icon'
import starIcon from '@iconify/icons-heroicons/star-20-solid'

export default function Hero() {
  return (
    <div className="relative bg-contrast overflow-hidden pt-navbar min-h-0 flex items-center justify-center">
      <VideoBackground
        videoId="1151997268"
        videoHash="ec0ec60a5d"
        posterImage="/images/layout-7/video-image.png"
        gradientOverlay="bg-gradient-to-br from-purple-900/40 via-overlay/60 to-overlay/80"
      />