'use client' import { useEffect } from 'react' export default function WebDevelopmentPage() { useEffect(() => { const observer = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.classList.add('visible') } }) }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' } ) document.querySelectorAll('.reveal, .reveal-left, .reveal-right').forEach((el) => { observer.observe(el) }) return () => observer.disconnect() }, []) return ( <> {/* Schema.org Structured Data */}