Salem Ali Al-Ahbabi for Advocacy and Legal Consultations
Website technology
A technical overview of the website architecture, technologies and operational capabilities without exposing secrets or access data.
01Website type
A modern bilingual legal corporate website built as a fast, installable web application.
- Next.js 16 with the App Router
- TypeScript for strict code validation
- Tailwind CSS with a custom design system
- Static generation with secure server components
02Languages and experience
A complete Arabic and English experience for mobile and desktop.
- Native RTL and LTR layouts
- Device-language detection with manual switching
- Responsive, accessible mobile navigation
- Tap-to-call and WhatsApp buttons
03Progressive Web App
The website can be installed on a phone and used as a web app.
- Web App Manifest
- Service Worker and basic offline support
- Multiple installation icon sizes
- Installation guidance for iPhone and unsupported browsers
04Accessibility
Structure and controls targeting WCAG 2.2 AA conformance.
- Screen-reader and keyboard support
- Skip link and visible focus indicators
- Text scaling, high contrast and reduced motion
- Support for system motion and forced-colour preferences
05Performance and search visibility
Architecture optimised for speed, indexing and social sharing.
- Bilingual metadata and canonical URLs
- Sitemap, robots and language alternates
- Open Graph and social-sharing image
- Schema.org markup for a legal service firm
06Privacy and analytics
Visitor measurement begins only after consent.
- Privacy consent management
- Google Analytics through an environment variable
- IP anonymisation in measurement settings
- Privacy, terms and professional disclaimer pages
07Forms and protection
Consultation and newsletter forms are ready for future email or CRM integration.
- Client- and server-side input validation
- Honeypot spam protection
- Request rate limiting
- Environment variables for future integrations and secrets
08Security and hosting
Secure cloud deployment with secrets kept outside source code.
- HTTPS and TLS certificate
- Security headers and CSP
- Private repository and cumulative work log
- Vercel hosting with an office-owned domain
These capabilities are reviewed with each release. Some future integrations may require office-owned accounts or credentials.
