'use client'; import React, { useEffect, useRef } from 'react'; import AppImage from '@/components/ui/AppImage'; export default function HeroPortrait() { const heroRef = useRef(null); useEffect(() => { const handleMouseMove = (e: MouseEvent) => { if (!heroRef.current) return; const { clientX, clientY } = e; const { innerWidth, innerHeight } = window; const xPct = (clientX / innerWidth - 0.5) * 20; const yPct = (clientY / innerHeight - 0.5) * 12; const blobs = heroRef.current.querySelectorAll('.parallax-blob'); blobs.forEach((blob, i) => { const depth = (i + 1) * 0.4; blob.style.transform = `translate(${xPct * depth}px, ${yPct * depth}px)`; }); }; window.addEventListener('mousemove', handleMouseMove); return () => window.removeEventListener('mousemove', handleMouseMove); }, []); return (
{/* ── Watercolor bleed layers ── */}
{/* Blush blob */}
{/* Sage blob */}
{/* Ochre accent */}
{/* Secondary blush soft */}
{/* ── Background photo with watercolor overlay ── */}
{/* ── Content ── */}
{/* Overline */}
OUR WEDDING
{/* Names — ink bleed effect */}

Елеонора & Иван

{/* Date painted in */}

3ти Октомври, 2026

CASTELLO BY ALLIKAS

{/* CTAs */}
ДОДАДИ ВО КАЛЕНДАР
{/* ── Scroll indicator ── */}
НАШАТА ПРИКАЗНА
{/* ── Watercolor brushstroke flourish ── */}
); }