hero.tsx

import { Paragraph } from '@/components/paragraph'
import { Image } from '@/components/image'
import { Heading } from '@/components/heading'
import { Button } from '@/components/button'
import { ButtonPlay } from '@/components/button-play'
import { Buttons } from '@/components/buttons'
import { Accent } from '@/components/accent'
import { Gradient } from '@/components/gradient'
import { Section } from '@/components/section'
import { Columns, Column } from '@/components/columns'
import { VimeoAutoPlayer } from '@/components/vimeo-auto-player'
import { Video } from '@/components/video'
import arrowDownIcon from '@iconify/icons-heroicons/arrow-down-20-solid'
import playCircleIcon from '@iconify/icons-lucide/play-circle'

export default function Hero() {
  return (
    <>
      <Gradient className="pt-navbar relative rounded-4xl ring-1 ring-contrast-dark/5 ring-inset overflow-hidden m-2">
        <div className="mx-auto max-w-[1600px] relative">