New Page design with new headers and design changes - Reuse all existing -- 2

Wordpress : New Page Elements
Objective:
Develop a completely new page layout that will serve as the foundation for future pages (homepage / main landing page / key service pages).
Detailed Requirements:
New Page Header Section
Design a modern, clean, and elegant header
Include new logo placement (responsive behavior on mobile + desktop)

Logo Update
Replace/update with the latest logo version
Ensure correct size, alignment, and responsive scaling
Support both light & dark background versions if needed

Navigation / Menu
Reuse all existing menu items from current website
Keep the same links, labels, hierarchy (main items + dropdowns if any)
Implement responsive mobile menu (hamburger + smooth open/close)
Optional: Add subtle hover/active states aligned with new design language

Hero / Main Slider Section
Replace current slider with new elegant design
Images must be fully responsive (correct aspect ratio, no stretching/distortion on all devices)
Optimize all slider images:
Compress to web-friendly size (< 300–500 KB per image recommended)
Use modern formats (WebP + fallback to JPG/PNG)
Implement lazy loading

Design clean slide layout:
Minimal text overlay (better typography + readability)
Optional CTA button(s) with hover effect
Subtle slide transition (fade / slide / ken-burns – to be decided)

Make slider easily editable in the future:
Use CMS-friendly structure (recommended: ACF fields, custom post type, or repeater field for slides)
Each slide should allow separate: image, title, subtitle, button text & link

Design Goals :
Elegant, modern, professional look & feel
Improved mobile-first experience
Fast loading performance
Easy content updates for non-technical editors in future

Deliverables expected
New page template (desktop + tablet + mobile views)