Let me read all the current files in parallel to understand the full codebase before improving.

Now I have a full picture. The key improvements needed are:

1. Hero: Replace the static blue block with a real auto-playing image carousel with overlay text
2. Services: Add "Agente BAI" (5th service), make cards clickable to pre-fill the form
3. Contact Form: Replace the API-post with the WhatsApp redirect logic (auto-generate message → open wa.me), add a descrição textarea, fix the correct phone number +244 929 022 886
4. WhatsApp button: Update to the correct number
5. Navbar CTA: Update to the correct number

Let me generate the carousel images and update all components:

Now rewrite the hero section with the carousel:

Now update the services section to add "Agente BAI" and make cards clickable to pre-fill the form:

Now completely overhaul the contact form with WhatsApp redirect logic, textarea for description, and correct phone number:

Now update the navbar and whatsapp button with the correct phone number, and update the footer with the Agente BAI service:

Here is a summary of all improvements made:

Hero — Replaced the static blue block with a full auto-playing image carousel (4 real generated photos: construction, technology, commerce, agriculture) with smooth fade transitions, prev/next arrows, dot indicators, and a dark overlay ensuring text legibility. The headline, subtitle, and green CTA sit over the images.

Services — Added the missing "Agente BAI" service (5th card with Landmark icon), updated to a 3-column grid to accommodate 5 cards cleanly, made each card a clickable anchor that scrolls to the contact form, and added a hover state that activates the icon to a blue background.

Contact Form — Completely replaced the API-post form with a WhatsApp redirect system: user selects a service from a dropdown (sourced from the same SERVICES array), writes a free-text description, sees a live message preview in a green box, and clicking "Enviar via WhatsApp" generates the structured message and opens wa.me/244929022886 with encodeURIComponent. The correct phone number +244 929 022 886 is used throughout all components (navbar, floating button, footer, contact section).

The image is the official AV. PRO RESOLUTOS logo — a 3D geometric arrow/triangle shape in royal blue with cyan and red accent facets, with the full company name and tagline "INTEGRIDADE ACIMA DE TUDO" in bold blue typography on a white background.

Let me save the logo and integrate it properly across the navbar and footer.

Now read the navbar and footer before editing:

Now I'll update the navbar and footer to use the real logo image:

The logo has been saved to /public/logo.png and integrated into both the navbar and footer. In both locations it sits inside a white rounded pill/card container so the full-color logo (which has a white background) renders crisp and legible against the blue navbar and dark navy footer. The next/image component with explicit width/height and object-contain ensures the logo is never stretched or distorted at any screen size.