Orrex Set — Art Deco HR Tech

Build a stunning, production-ready landing page for "Orrex Set", an HR technology platform.

ART DIRECTION — Art Deco: geometric fan and sunburst patterns, gold-on-emerald palette, symmetrical layout, and stepped borders. Color system: background #FDF8F3, primary accent #1F2937, secondary accent #D97706. Typography: Sora for display, Manrope for body. Keep contrast WCAG AA and use an 8px spacing scale.

HERO: a centered hero with an oversized display headline and a floating product visual beneath. Headline should communicate the core promise of an HR technology platform in under 8 words, with a supporting subline and a primary CTA labeled "See it in action" plus a quiet secondary link.

PAGE STRUCTURE: After the hero, include: scroll-pinned storytelling section, three pricing cards with a highlighted middle tier, integration logos wall, and FAQ. Every section needs real, benefit-led copy written for hr tech customers — no lorem ipsum.

MOTION: Use scroll-triggered reveals with cubic-bezier(0.22,1,0.36,1); numbers count up when entering the viewport. Respect prefers-reduced-motion.

DETAILS: Sticky translucent navbar that gains a blur + border after 40px of scroll. Custom hover states on all interactive elements. A footer with sitemap columns, social icons, and a subtle brand watermark. Fully responsive from 360px to 1440px+, with the hero recomposing gracefully on mobile.

TECH: Single-page React component styled with Tailwind CSS. Use semantic HTML, lazy-load imagery, and keep Lighthouse performance above 90. No placeholder text anywhere — everything should read like a real HR Tech brand shipped it.

Paste into Lovable, Bolt, Cursor, v0 or Claude. Licensed for personal & client work. — Orrex Set — Art Deco HR Tech