smooth-scroll.tsx

'use client'

import { useEffect } from 'react'
import { usePathname } from 'next/navigation'
import { state } from '@/state'

const SmoothScroll = () => {
  const offset = 40
  const pathname = usePathname()

  useEffect(() => {
    const smoothScroll = (hash: string) => {
      const targetElement = document.querySelector(hash)
      if (targetElement) {
        state.scrollingDirection = 'down'
        state.lockScrollDirection = true

        // Unlock after scroll completes
        window.addEventListener(
          'scrollend',