In this live build, you’ll design a “Services” section with styled cards, layout tricks, and hover buttons, then hook up a CMS collection to display real project content dynamically. It’s a two-part layout with both static and CMS-driven sections.

What You’ll Learn:

• Designing reusable service cards with layout, spacing, and buttons

• Creating a responsive horizontal card layout

• Using iconography and typography to polish content

• Building a CMS “Selected Work” section with live data

• Connecting CMS fields (title, image, description, link) to components

• Overlaying gradients for better text readability on images