Bna Almtqdmh WordPress Theme

Bna Almtqdmh is a fully custom WordPress theme developed for a leading Saudi company in construction, design, and finishing. The goal was to create a modern bilingual website that feels premium on mobile, showcases projects in a structured way, and makes it easy for the client team to update content without technical help.

This theme was built with clean custom code, strong Arabic RTL support, and an industry-specific structure for services, projects, and media content.

Client and Project Overview

Client: Bna Almtqdmh (بُنى المتقدمة)
Industry: Construction, Design, and Finishing
Location: Saudi Arabia
Project Type: Custom WordPress Theme Development
Year: 2026

The Challenge

Construction companies usually need more than a basic corporate website. They need:

• A strong portfolio structure for projects with filters and galleries
• Clear service pages that support SEO and conversions
• Bilingual content that works naturally in Arabic (RTL) and English (LTR)
• A mobile experience that turns visitors into leads fast (call, WhatsApp, quote)
• Simple content management for non-technical staff

The Solution

A custom WordPress theme built from scratch with:

• Bilingual Arabic/English support with true RTL styling
• Custom Post Types for services, projects, video reels, team, and testimonials
• A premium mobile-first UX and strong calls to action
• WordPress Customizer controls for key homepage sections
• Performance-focused code (minimal dependencies, lazy loading, optimized assets)

Key Features

Bilingual Arabic and English with Full RTL Support

• Dedicated RTL stylesheet for Arabic typography and layout
• Language-aware layout switching for RTL/LTR
• WPML and Polylang-ready structure
• Seamless language switcher in header and mobile navigation

Custom Post Types and Taxonomies

Content is structured for the construction industry:

• Services (with categories)
• Projects (with filtering)
• Video Reels (Instagram/TikTok-style gallery)
• Team members
• Testimonials
  Taxonomies cover project categories, locations, and service types to keep the site scalable as content grows.

Mobile-First Responsive Experience

• Apple-style full-screen mobile navigation
• Touch-friendly interactions and large tap targets
• Sticky bottom navigation for mobile users (Call, WhatsApp, Quote)
• Responsive layout designed for 320px up to large desktop screens

Advanced UI Components

Full-Screen Hero Slider

• Smooth transitions and autoplay
• Manual controls and progress indicators
• Trust chips/badges for credibility
• Gradient overlays to keep text readable on images

Interactive Website Components

• Project filtering by category
• FAQ accordion with smooth animations
• Testimonials carousel
• Image lightbox for project galleries
• Smooth scroll and UI micro-interactions

WordPress Customizer Controls

The client can manage key sections without editing code:

• Hero slider (up to 5 slides)
• Client logos carousel
• Trust badges
• About section content
• Testimonials
• FAQs
• Social links
• Contact information

This reduces admin overhead and makes updates fast and safe.

Lead Generation and Contact Features

• Contact form with server-side validation
• Click-to-call phone links
• Click-to-chat WhatsApp integration
• Google Maps embed support
• Multiple contact methods displayed across the site

Video Reels System

A custom video section built to match short-form content trends:

• YouTube embed support and video uploads
• Supports portrait, landscape, and square formats
• Instagram-style layout
• Like counter with AJAX
• Dedicated templates for reels archive and single video viewing

Performance and Optimization

• Minimal dependencies and modular scripts
• Conditional loading (scripts only where needed)
• Lazy loading for images and embeds
• Custom image sizes for galleries and cards
• Responsive images using srcset
• Optimized queries for archives and filtering

Accessibility

• Semantic HTML structure
• ARIA labels on interactive elements
• Keyboard navigation and focus styling
• Skip links for screen readers
• WCAG-friendly contrast and readable typography

Results and Impact

Technical Wins

• 100% custom theme, no page builders
• Full Arabic RTL experience
• Mobile-first UX with fast lead actions
• Scalable project and service structure
• SEO-friendly templates and clean markup

Business Benefits

• Strong professional presentation for services and project portfolio
• Easy content updates through Customizer and structured post types
• Better lead capture on mobile via WhatsApp/call/quote actions
• Bilingual support that expands market reach

Skills Demonstrated

• Custom WordPress theme development from scratch
• RTL and bilingual UX implementation
• Advanced Custom Post Type architecture
• Performance optimization and asset strategy
• UI/UX execution for mobile and conversion
• Accessibility best practices and semantic markup

Want a premium WordPress theme like this for your company?

If you need a bilingual website with RTL support, a structured portfolio, modern mobile UX, and easy content management, I can build a custom WordPress theme tailored to your industry.

Send your company services, target audience, and examples you like, and I’ll propose a layout and development plan.