Eagle Structure — Arabic-first corporate website

01The brief

• Give a Saudi construction company a professional web presence, starting from little more than its logo.
• Arabic by default, with English one tap away.
• Every claim had to be real, taken from the company profile and official documents, with no inflated numbers.
• Deliver it end to end: domain registration, server setup and a bilingual guide so the client can manage their own hosting and domain.

02What we built

• A one-page site covering hero, credentials, about, services, a five-stage finishing scope, projects, work process, clients and partners, certifications and contact.
• A project gallery of 21 real site photos, filterable by trade, with a keyboard-friendly lightbox.
• A quote form that saves every request and emails the team in Arabic and English, with spam protection built in.
• A downloadable company profile compressed from 23 MB to 2 MB, a WhatsApp button, social links and an embedded map.

03Design highlights

• A black-and-gold identity with silver accents, matched to the company's brand.
• A full-screen hero photo with gradients that flip direction for right-to-left reading.
• Subtle motion: sections reveal as you scroll, the header turns solid once you start scrolling and buttons glow gold on hover. All of it switches off for visitors who prefer reduced motion.
• Bilingual SEO foundations: meta tags, social sharing cards, structured data, a sitemap and a robots file.

04Quality

• Automated accessibility testing (axe-core against WCAG 2.1 A and AA) reports 0 violations in both Arabic and English.

05Technology

Next.js and React with Tailwind CSS, a built-in SQLite database and SMTP email alerts, deployed on a hardened Linux server with Nginx and TLS.