This is a large multi-page corporate website build. Let me set up a plan and generate design inspiration first.

Now let me generate hero images for the website and start building. I'll begin with the global styles, layout, shared components, and the home page.

Now let me update the globals.css with the Madarik brand theme, update the layout, and build all the components and pages:

Now update the layout with Inter font and proper metadata:

Now let me create the shared components - Navbar, Footer, and WhatsApp button:

Now build the home page with all its sections as separate components:

Now create the home page:

Now create the dynamic service detail page:

The Madarik Alruya corporate website is now complete. I built a full multi-page Next.js site with the Madarik brand identity (#515C57 primary, #E3ECD3 secondary, Inter font) featuring: a Home page with hero section, stats card, 6-service grid, why-choose-us section, industries we serve, and a CTA banner; an About page with company overview, mission/vision blocks, and core strengths; a Services listing page with a card grid linking to 6 dynamic service detail pages (each with scope of work, benefits, CTA, and related services); and a Contact page with a form, contact info sidebar, and map placeholder. Shared components include a sticky navbar with mobile menu, a full footer with contact details, and a floating WhatsApp button.