Previous Collection Grid Next Brand Grid

Collection Carousel

Scrollable carousel of collections with auto-advance option.

This page is a scaffold for the Collection Carousel component. Build the live markup, Alpine.js interactions, and DaisyUI/Tailwind classes here, then replace this placeholder block with the real preview + code snippet.

Planned variants & states to implement:

  • Horizontal scroll
  • Multi-card visible
  • Autoplay
  • Arrow nav
7

Category Card

Image card with category name, product count, and link.

Category Grid

Responsive grid of category cards for top-level navigation.

Collection Banner

Full-width or split banner promoting a curated collection.

Collection Grid

Grid layout for collection cards with image and label.

Brand Grid

Logo grid for browsing products by brand.

Brand Card

Individual brand card with logo, name, and product count.

Featured Collection

Hero-style block highlighting a curated or seasonal collection.
Previous Collection Grid Next Brand Grid