Built With Modern Technology
A high-performance bilingual platform combining Next.js, headless CMS, AI-driven content automation, and intelligent product architecture.
Technology Stack
Enterprise-grade tools chosen for performance, developer experience, and scalability.
Next.js 14
React framework with App Router, Server Components, and incremental static regeneration for fast page loads.
Sanity CMS
Headless CMS with real-time collaboration, visual editing, and flexible GROQ queries across 18 content schemas.
TypeScript
End-to-end type safety from CMS schemas to React components, with auto-generated types from Sanity.
Tailwind CSS
Utility-first CSS with custom design tokens, RTL support, and responsive layouts across all breakpoints.
Vercel
Edge network deployment with automatic preview branches, analytics, and global CDN distribution.
Framer Motion
Declarative animations with scroll-triggered effects, page transitions, and WebGL hero backgrounds via Vanta.js.
By the Numbers
Real metrics from a production platform serving multiple business verticals.
Design & Experience
Architecture decisions that create a consistent experience across languages, devices, and business verticals.
Multiple Language Support
Config-driven N-language architecture with automatic RTL/LTR layout switching, locale-aware routing, and culturally adapted content for Arabic and English.
RTL & LTR Layout
Full bidirectional text and layout support. Every component, animation, and interaction adapts automatically based on the active locale direction.
Multi-Level Navigation
3-layer system: utility bar, sticky mega-menu with vertical-aware columns, and contextual sub-navigation that adapts to each service page.
Dynamic Menus
Vertical-aware navigation that automatically organizes products, industries, and use cases by business category with real-time content counts.
Global Search
Unified search across 11 product types with keyboard shortcuts (Ctrl+K), real-time bilingual results, and type-ahead filtering.
Device Comparison
Side-by-side comparison of 2-5 products with cross-type specification tables, feature highlights, and downloadable comparison sheets.
SEO Optimized
JSON-LD structured data, dynamic metadata, canonical URLs, sitemap generation, and Core Web Vitals optimization for maximum visibility.
Security Headers
Content Security Policy, HSTS, X-Frame-Options, and Referrer-Policy with route-specific policies for production-grade protection.
Product Intelligence
Smart product architecture that connects devices, use cases, and industries across business verticals.
Related Products
Smart linking across multiple dimensions: within category, brand ecosystem, connector compatibility, same vertical, and editorial override.
Cross-Vertical Architecture
Products, industries, and use cases linked across business verticals for maximum content reuse and discoverability.
Smart Product Selector
Interactive product selector and configurator that guides users to the right solution based on measurement type, industry, and requirements.
11 Device Type Schemas
Unified query architecture across tracking devices, sensors, network equipment, software platforms, and accessories with type-safe shared projections.
Taxonomy-Driven Discovery
Highlight cards on the products page deep-link into pre-filtered grids by sensor category, accessory category, or measured variable — counts stay live with CMS, cross-provider by design.
Content Automation & AI
AI-powered pipelines that transform raw provider data into structured, bilingual product content at scale.
Multi-Source Scraping
Per-supplier scraping pipelines with quality gates, field validation, content cleaning, entity decoding, and checkpoint/resume capabilities.
Image Pipeline
Automated image scraping from product pages with resolution optimization, concurrent uploads, dimension verification, and oversized image handling.
Stock Image Integration
Automated sourcing from Unsplash and Pexels with industry-aware keyword matching, deduplication, and alt text generation.
AI Image Generation
On-demand image generation using AI for product use cases and industry visuals when stock photography isn't available.
Automated Translation
Configurable AI-powered translation pipeline that maintains terminology consistency across all content types, schemas, and languages.
Built with AI
Developed using Claude Code for intelligent code generation, automated quality verification, content processing, and architectural decisions.
AI Chatbot
A conversational product assistant that helps visitors find the right solution through natural language.
Smart Product Assistant
15-tool conversational AI powered by Claude that searches products, compares specs, captures leads, and hands off to sales via WhatsApp.
Bilingual Vector Search
Semantic search over all products, industries, and use cases using Upstash Vector and OpenAI embeddings with automatic language detection.
Voice Input
Browser-native speech-to-text using the Web Speech API with locale-aware recognition for both Arabic and English.
Chat Analytics Dashboard
Admin dashboard with session trends, tool usage, rating distribution, device breakdown, and top query tracking.
Integrations
Connected services that power communication, analytics, content management, and customer engagement.
CMS Integration
Sanity Studio with visual editing, real-time collaboration, 18 content schemas, GROQ queries, and automatic TypeScript type generation.
Blog & Case Studies
Full CMS-powered blog with categories, featured images, related content, and bilingual publishing across all business verticals.
Blog Text-to-Speech
Google Cloud TTS integration for blog posts with Neural2 voices in English and Arabic, sentence-level chunking, and in-memory caching.
Newsletter & Mailing
Email newsletter system with SMTP integration, subscription management, lead capture, and automated campaign delivery.
Google Analytics 4
Event tracking, conversion monitoring, and audience insights with privacy-compliant implementation and custom reporting.
WhatsApp Business
One-click WhatsApp integration for instant customer communication with pre-filled messages and locale-aware contact routing.
Internal CRM
Lead capture from contact forms, newsletter signups, and quote requests with management interface built into Sanity Studio.
Like What You See?
We build high-performance bilingual platforms for businesses in the MENA region. Let us build yours.
Get in Touch