Section Image Uploads & Responsive Polish

Uploaded the real banner and section photography to replace the placeholder artwork, centred the mobile-menu contact block and marquee divider, fixed the header CTA turning black on hover, and tuned the layout so the site looks correct on 1366×768 laptops.

Frontend UI/UX

Tasks Completed

Upload Batches

1366

Laptop Width Fixed

Task Summary

Replaced the placeholder SVGs with real photography for the site banners and the featured project
Centred the contact row and the marquee divider inside the mobile overlay menu
Fixed the header "Let's Talk →" CTA turning black on hover instead of the accent colour
Adjusted hero sizing, section headings, padding and footer so nothing overflows on 1366×768 laptops

Technical Details

Mobile Nav Centering

The contact row and the marquee / divider sat off-centre in the mobile overlay. Flexbox alignment was corrected so the block is visually centred at every breakpoint.

Hover-Colour & Small-Laptop Support

The header CTA inherited a default link hover colour and went black; the accent colour is now applied explicitly. Separately, the hero, headings, section padding and footer were scaled down so the page fits a 1366×768 laptop without overflow.

AI-Assisted Tools

Claude Pro GPT-4 Turbo