Feature Highlights with Alternating Layout

A marketing section with 4 features in alternating image/text layout and scroll animations.

Marketing marketing features animated responsive intermediate

Prompt

Create a feature highlights section:

Heading: "Everything you need to..." (centered, gradient text)

4 feature blocks, alternating text-left/image-right and text-right/image-left:
Each: feature tag pill, headline, description, 3 bullet points with check icons, "Learn more →" link, product screenshot or UI illustration

Animate on scroll: elements fade + slide in on enter
Responsive: stacks vertically on mobile, image on top

Use Tailwind CSS, framer-motion, dark mode

Share:Share on X