Previous Case Study Next Client Showcase

Before After

Interactive drag-slider comparing before and after states.

This page is a scaffold for the Before After 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:

  • (See Section 9 — Media & Visual)
  • Portfolio-specific labeling
6

Portfolio Grid

Filterable grid of portfolio items with category toggle.

Portfolio Masonry

Variable-height masonry layout for portfolio thumbnails.

Portfolio Carousel

Swipeable carousel for displaying portfolio projects.

Project Showcase

Full-width highlighted project with images and description.

Case Study

Structured case study layout: challenge, solution, and results.

Client Showcase

Client project highlight with logo, summary, and outcome metrics.
Previous Case Study Next Client Showcase