I'll build this comprehensive ValuXpert landing page following your detailed specifications. Let me start by installing framer-motion for animations, then create the page with all sections.

Now let me update the layout with DM Sans font, update globals.css with ValuXpert brand colors, and create all the landing page components.

Now let me create all the components for the landing page:

Now let me create the main page that brings all the components together:

I've built the complete ValuXpert landing page with all 11 sections as specified in your prompt. The page features:

• Navbar with sticky scroll behavior, logo with hexagon icon, and mobile-responsive menu
• Hero Section with navy background, grid pattern, stat badges, and a dashboard mockup preview
• Problem Section highlighting the 4 key pain points with a bottom highlight bar
• Product Positioning with feature checklist and "Who It's For" audience cards
• Role-Based Access table showing all 10 user roles and their responsibilities
• End-to-End Workflow with a 5-step horizontal timeline (desktop) and vertical timeline (mobile)
• Key Features 6-card grid covering MIS, GPS tracking, HRMS, bank config, audit trail, and property intelligence
• HRMS Section with staff, attendance, leave, and payroll management cards
• Business Benefits showing the 4 key outcomes in navy-colored cards
• CTA Section with demo request and contact sales buttons plus trust badges
• Footer with logo, navigation links, social icons, and copyright

The design uses your exact brand colors (Navy #042C53, Gold #EF9F27, Blue #185FA5), DM Sans font, and includes subtle Framer Motion animations on scroll throughout.