hero.tsx

import { Section } from '@/components/section'
import { Image } from '@/components/image'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Accent } from '@/components/accent'
import { VideoPopup } from '@/components/video-popup'
import { Icon } from '@/components/icon'
import SwiperSliderInit from '@/hooks/swiper-slider-init'
import CircleAnimation from '@/components/circle-animation'
import playIcon from '@iconify/icons-heroicons/play-solid'

const slides = [
  {
    accent: 'professional photography',
    heading: 'Capturing Moments That Last Forever',
    paragraph:
      'I specialize in creating stunning visual stories through portrait, wedding, and lifestyle photography.',
  },
  {
    accent: 'creative vision',