- Replace icon-based category tiles with curated photo cards (brown
bottom overlay, single-row layout, taller aspect ratio, tighter gaps,
no card frame, light brown section background) via new
CategoryShowcase component and categoryIcons fallback images.
- Add ScrollReveal component for page-enter animations, used across
the category showcase and other sections.
- Turn the homepage "New Products" grid into a horizontal snap-scroll
carousel with prev/next controls (ProductsCarousel).
- Extend Pagination and the products page to preserve categoryId
filters, and widen aspectRatioToCss to accept undefined.
- Document the static-image-slots system and API client conventions
in CLAUDE.md.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Production server has no path to fetch images.unsplash.com at
request time, so the slider was rendering without backgrounds
after deploy. Downloaded and cropped the same 3 photos locally
into public/images/ (landscape, ~1920px, ~450-730KB each) and
point the slider at them; dropped the now-unused Unsplash
remotePattern from next.config.ts.
Next.js site for Arad Arisman (livestock/poultry feed supplements) with:
- Homepage with full-screen image slider, product/category showcases, stats
- About, Contact pages
- Products catalog with pagination and detail pages
- Blog with pagination and detail pages
- RTL Persian layout with Vazirmatn font
alireza-hassaniandClaude Sonnet 5