CLAAS Dispenser

CLAAS Dispenser – landing video store for a niche product

Technologies: React (JSX), Tailwind CSS, Meta Pixel

What I did:

Built a fast SPA landing page with a clean structure (hero, benefits, gallery, FAQ, CTA).
Implemented responsive layout and flexible typography with Tailwind CSS, added smooth scroll animations.
Integrated Meta Pixel to track key events (page views, CTA/order button clicks, scroll depth) — enabling performance marketing campaigns.

SEO foundation: proper meta tags, Open Graph previews, structured data for social media.
Performance optimization: lazy-loading images, code splitting, static caching.

Forms/CTAs: clickable anchors to sections, polished states (loading/success), protection against double submissions.

Accessibility: semantic HTML, contrast, focus states, aria attributes.

Business impact:
Ready for performance marketing thanks to proper Meta Pixel integration and funnel event tracking.
Responsive landing page that works equally well on mobile and desktop.
Easy to maintain and scale due to the component-based approach in React and utility-first styling with Tailwind.