Oriven Hub — Aurora Automotive

Build a stunning, production-ready landing page for "Oriven Hub", an automotive brand.

ART DIRECTION — Aurora: northern-lights ribbons of animated color drifting across a midnight backdrop with glassy content layers. Color system: background #03045E, primary accent #90E0EF, secondary accent #FF006E. Typography: Space Grotesk for display, Inter for body. Keep contrast WCAG AA and use an 8px spacing scale.

HERO: a split hero: bold copy on the left, an interactive visual on the right. Headline should communicate the core promise of an automotive brand in under 8 words, with a supporting subline and a primary CTA labeled "Start free" plus a quiet secondary link.

PAGE STRUCTURE: After the hero, include: logo marquee of client brands, three-step 'how it works', feature bento grid, testimonial carousel, pricing teaser, and a final CTA band. Every section needs real, benefit-led copy written for automotive customers — no lorem ipsum.

MOTION: Elements fade-and-rise 24px on scroll with a 90ms stagger; cards lift 6px with a soft shadow on hover. 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 Automotive brand shipped it.

Paste into Lovable, Bolt, Cursor, v0 or Claude. Licensed for personal & client work. — Oriven Hub — Aurora Automotive