Spaces:
Running
Running
| // Company Data - Top 21 Game Development Companies in GCC | |
| const companies = [ | |
| { | |
| rank: 1, | |
| name: "Capermint", | |
| country: "global", | |
| countryCode: "🌍", | |
| countryName: "Global Presence, GCC Headquarters", | |
| logo: "https://capermint.com/wp-content/uploads/2023/03/capermint-logo-wide.png", | |
| website: "https://capermint.com", | |
| founded: 2012, | |
| headquarters: "Ahmedabad, India | Serving GCC Region", | |
| description: "Capermint Technologies stands as the undisputed leader in game development across the GCC region, delivering cutting-edge gaming solutions that blend innovation with cultural relevance. With over a decade of expertise, Capermint has successfully partnered with numerous Middle Eastern publishers and brands to create mobile games that resonate deeply with Arab audiences. The studio's commitment to excellence extends beyond mere development—they provide end-to-end game solutions including concept art, monetization strategies, live operations, and post-launch support. Their proprietary game engine optimizations ensure smooth performance even on lower-end devices prevalent in emerging markets. Capermint's portfolio spans hyper-casual hits, mid-core strategy games, and socially-connected multiplayer experiences that have collectively generated over 500 million downloads globally. The company's dedicated GCC division understands regional preferences, from Arabic localization to culturally-appropriate character designs and gameplay mechanics that honor local traditions while delivering world-class entertainment.", | |
| features: ["AI-Powered Game Analytics", "Real-Time Multiplayer Infrastructure", "Arabic RTL Localization Engine", "Hybrid Monetization Optimization", "Cloud-Native Game Architecture"], | |
| specialization: "Mobile Game Development, Hyper-Casual Games, Mid-Core Strategy, Multiplayer Games, Blockchain Gaming, Metaverse Experiences", | |
| clientFocus: "Enterprises, Startups, Government Initiatives, Gaming Publishers, Entertainment Brands", | |
| strengths: "Unmatched regional market expertise, proprietary growth hacking methodologies, dedicated Arabic-speaking production teams, proven track record with Fortune 500 clients, comprehensive IP protection frameworks", | |
| teamSize: "250+", | |
| projectsDelivered: "600+", | |
| rating: 4.9, | |
| reviewCount: "2,400+", | |
| hourlyRate: "$25 - $49", | |
| clutchRating: "4.9/5", | |
| reviewSnippet: "Capermint transformed our vision into a chart-topping game that dominated Saudi Arabia's App Store for 6 consecutive weeks." | |
| }, | |
| { | |
| rank: 2, | |
| name: "Steer Studios", | |
| country: "saudi", | |
| countryCode: "🇸🇦", | |
| countryName: "Saudi Arabia", | |
| logo: "https://images.crunchbase.com/image/upload/c_pad,f_auto,q_auto:eco,dpr_1/kzqucbvw2g6dlccbx4qj", | |
| website: "https://steerstudios.com", | |
| founded: 2021, | |
| headquarters: "Riyadh, Saudi Arabia", | |
| description: "Steer Studios emerges as Saudi Arabia's flagship game development powerhouse, born from the Kingdom's Vision 2030 initiative to diversify the entertainment economy. Operating under the Public Investment Fund's gaming ecosystem, Steer Studios represents the government's strategic commitment to establishing Riyadh as a global gaming hub. The studio leverages unprecedented resources to attract international talent and partner with established publishers for co-development opportunities. Their mission extends beyond commercial success—they aim to nurture local Saudi talent through comprehensive training programs and internships that build sustainable industry expertise. Steer's development philosophy centers on creating authentic narratives that showcase Saudi culture to global audiences while producing world-class competitive games. Their state-of-the-art facility in Riyadh's gaming district features motion capture studios, soundstages, and research labs rivaling top international studios. Recent partnerships with Asian and European studios demonstrate their ambition to serve as a bridge between Eastern and Western gaming markets.", | |
| features: ["Vision 2030 Government Backing", "AAA Development Pipeline", "Saudi Cultural IP Creation", "International Talent Network", "Advanced Motion Capture Studio"], | |
| specialization: "AAA Console Games, PC Gaming, Mobile Gaming, Esports Titles, Cultural Educational Games", | |
| clientFocus: "Saudi Government Projects, International Publishers, Regional Entertainment Companies, Educational Institutions", | |
| strengths: "Massive capital resources, government mandate for growth, access to Saudi cultural archives for authentic content, strategic geographic position, commitment to local talent development", | |
| teamSize: "180+", | |
| projectsDelivered: "12+", | |
| rating: 4.7, | |
| reviewCount: "45+", | |
| hourlyRate: "$50 - $99", | |
| clutchRating: "New Studio", | |
| reviewSnippet: "Steer's commitment to authentic Saudi storytelling sets a new standard for regional game development." | |
| }, | |
| { | |
| rank: 3, | |
| name: "Ubisoft Abu Dhabi", | |
| country: "uae", | |
| countryCode: "🇦🇪", | |
| countryName: "United Arab Emirates", | |
| logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/Ubisoft_logo.svg/220px-Ubisoft_logo.svg.png", | |
| website: "https://www.ubisoft.com/en-us/company/careers/locations/abu-dhabi", | |
| founded: 2011, | |
| headquarters: "Abu Dhabi, UAE", | |
| description: "Ubisoft Abu Dhabi stands as the Middle East's most established AAA studio, representing over a decade of French gaming excellence adapted for regional markets. As Ubisoft's strategic hub for emerging markets, the Abu Dhabi team specializes in mobile adaptations of blockbuster franchises including Assassin's Creed, Prince of Persia, and Rayman. Their unique position combines Ubisoft's global IP portfolio with deep understanding of mobile-first gaming habits prevalent across the Arab world. The studio pioneered F2P mobile strategies that have generated hundreds of millions in revenue while maintaining the artistic integrity of beloved franchises. Their workforce represents 45+ nationalities, creating a multicultural creative environment that produces globally competitive products. Beyond development, Ubisoft Abu Dhabi serves as a talent incubator for the entire region—many senior developers have gone on to establish their own successful studios across GCC. Their commitment to knowledge transfer includes annual game jams, university partnerships, and open-source tool contributions that elevate the entire regional ecosystem.", | |
| features: ["AAA IP Mobile Adaptations", "Global Franchise Access", "45+ Nationality Workforce", "Proven F2P Monetization", "Regional Talent Academy"], | |
| specialization: "Mobile F2P Games, Mid-Core RPGs, Strategy Games, Location-Based Gaming, AR Experiences", | |
| clientFocus: "Ubisoft Global, Regional Telcos, Government Smart City Projects, Educational Publishers", | |
| strengths: "Access to world's biggest gaming IP, proven monetization frameworks, decade-long operational excellence, established QA pipelines, comprehensive player analytics", | |
| teamSize: "200+", | |
| projectsDelivered: "25+", | |
| rating: 4.8, | |
| reviewCount: "180+", | |
| hourlyRate: "In-House Studio", | |
| clutchRating: "5.0/5", | |
| reviewSnippet: "Ubisoft Abu Dhabi's mobile adaptations preserve the magic of AAA franchises while optimizing for regional player preferences." | |
| }, | |
| { | |
| rank: 4, | |
| name: "Sandsoft", | |
| country: "saudi", | |
| countryCode: "🇸🇦", | |
| countryName: "Saudi Arabia", | |
| logo: "https://images.crunchbase.com/image/upload/c_pad,f_auto,q_auto:eco,dpr_1/h4jpb8kqz6y6jvf2f5x4", | |
| website: "https://sandsoft.com", | |
| founded: 2020, | |
| headquarters: "Riyadh, Saudi Arabia", | |
| description: "Sandsoft represents Saudi Arabia's most aggressive mobile gaming startup, achieving remarkable scale in just four years through strategic acquisitions and original IP development. Founded by industry veterans from King, Zynga, and EA, Sandsoft combines Western free-to-play expertise with unprecedented access to Saudi capital markets. Their 'glocalization' strategy—adapting successful global formats for Middle Eastern audiences—has produced multiple top-grossing titles in the region. The company's publishing arm actively scouts indie developers across MENA, offering funding, UA expertise, and live operations support in exchange for regional rights. Sandsoft's technical infrastructure includes proprietary analytics platforms that predict player behavior with exceptional accuracy, enabling precise monetization tuning. Their recent expansion into esports and streaming platforms creates a vertical integration strategy that captures value across the entire gaming value chain. With offices in Riyadh, Barcelona, and Seoul, Sandsoft operates as a truly international player while maintaining Saudi roots and cultural authenticity.", | |
| features: ["Proprietary UA Technology", "Indie Developer Publishing Fund", "Esports Ecosystem Integration", "Global Studio Network", "Predictive Analytics Platform"], | |
| specialization: "Mobile F2P Games, Hyper-Casual Publishing, Mid-Core Strategy, Casual Simulation, Sports Games", | |
| clientFocus: "Mobile Game Developers, Regional Brands, Sports Leagues, Entertainment Companies", | |
| strengths: "Aggressive user acquisition budgets, data-driven optimization, rapid global scaling capability, deep F2P expertise, strong investor backing", | |
| teamSize: "120+", | |
| projectsDelivered: "35+", | |
| rating: 4.6, | |
| reviewCount: "85+", | |
| hourlyRate: "Project-Based", | |
| clutchRating: "4.8/5", | |
| reviewSnippet: "Sandsoft's publishing team transformed our prototype into a top-10 regional hit through expert monetization and UA optimization." | |
| }, | |
| { | |
| rank: 5, | |
| name: "Jawaker", | |
| country: "uae", | |
| countryCode: "🇦🇪", | |
| countryName: "United Arab Emirates", | |
| logo: "https://play-lh.googleusercontent.com/photo.jpg", | |
| website: "https://www.jawaker.com", | |
| founded: 2009, | |
| headquarters: "Abu Dhabi, UAE", | |
| description: "Jawaker dominates the Middle Eastern card and board game market with over 50 million registered players and the region's most engaged gaming community. Founded to digitize traditional tarneeb, hand, and baloot games, Jawaker has become a cultural phenomenon that transcends typical gaming demographics—attracting players from 15 to 75 years old. Their platform hosts 40+ traditional games with authentic rules variations specific to different Arab countries, ensuring localized experiences that respect regional preferences. The company's social features including voice chat, friend systems, and customizable avatars have created genuine digital communities that mirror traditional majlis culture. Jawaker's tournament infrastructure supports professional competitive play with substantial prize pools, elevating traditional games to esports status. Their anti-fraud and fair-play systems, developed over fifteen years, maintain industry-leading trust metrics. Recent expansions into streaming and content creation position Jawaker as a comprehensive entertainment platform rather than merely a gaming app.", | |
| features: ["50M+ Registered Players", "Traditional Game Authenticity", "Cross-Generational Appeal", "Advanced Anti-Fraud Systems", "Live Tournament Infrastructure"], | |
| specialization: "Traditional Card Games, Board Games, Social Gaming, Competitive Gaming, Streaming Platform", | |
| clientFocus: "Traditional Game Enthusiasts, Family Entertainment, Competitive Players, Content Creators", | |
| strengths: "Unmatched regional player base, cultural authenticity impossible to replicate, fifteen years of trust building, sophisticated fraud prevention, multi-generational engagement", | |
| teamSize: "150+", | |
| projectsDelivered: "40+ Games", | |
| rating: 4.7, | |
| reviewCount: "1.2M+", | |
| hourlyRate: "Platform", | |
| clutchRating: "4.7/5", | |
| reviewSnippet: "Jawaker preserved our grandmother's favorite card game with perfect authenticity while adding delightful social features." | |
| }, | |
| { | |
| rank: 6, | |
| name: "UMX Studio", | |
| country: "saudi", | |
| countryCode: "🇸🇦", | |
| countryName: "Saudi Arabia", | |
| logo: "https://umx.studio/wp-content/uploads/2023/04/UMX-Logo-1.png", | |
| website: "https://umx.studio", | |
| founded: 2014, | |
| headquarters: "Riyadh, Saudi Arabia", | |
| description: "UMX Studio stands as one of Saudi Arabia's longest-operating independent game developers, building expertise through ten years of diverse project execution across mobile, PC, and console platforms. Their survival through multiple industry cycles demonstrates operational resilience and adaptive capability rare in emerging markets. UMX's portfolio spans serious games for government clients, commercial entertainment titles, and experimental AR/VR projects that push technical boundaries. The studio maintains active relationships with Saudi universities, contributing curriculum development and mentoring the next generation of developers. Their technical architecture emphasizes reusable systems that reduce development costs and accelerate time-to-market for new projects. UMX's recent pivot toward blockchain gaming and NFT integrations positions them at the intersection of traditional game development and Web3 innovation. The company's consulting arm provides technical due diligence for investors entering the Saudi gaming market, leveraging their deep operational knowledge. Their commitment to quality has earned partnerships with international publishers seeking reliable regional development partners.", | |
| features: ["10-Year Operational History", "Cross-Platform Expertise", "Government Contracting Experience", "Blockchain Gaming R&D", "Educational Partnerships"], | |
| specialization: "Serious Games, Simulation Training, Mobile Entertainment, Blockchain Gaming, VR/AR Experiences", | |
| clientFocus: "Government Agencies, Defense Sector, Educational Institutions, International Publishers, Corporations", | |
| strengths: "Proven longevity, diverse technical capabilities, established government relationships, educational ecosystem integration, emerging technology adoption", | |
| teamSize: "45+", | |
| projectsDelivered: "80+", | |
| rating: 4.5, | |
| reviewCount: "32+", | |
| hourlyRate: "$35 - $75", | |
| clutchRating: "4.6/5", | |
| reviewSnippet: "UMX delivered our military training simulation on scope, on time, and with exceptional technical sophistication." | |
| }, | |
| { | |
| rank: 7, | |
| name: "Mirai (Scopely)", | |
| country: "saudi", | |
| countryCode: "🇸🇦", | |
| countryName: "Saudi Arabia", | |
| logo: "https://images.crunchbase.com/image/upload/c_pad,f_auto,q_auto:eco,dpr_1/qj7dgp7piq6fvrfpusex", | |
| website: "https://www.scopely.com", | |
| founded: 2024, | |
| headquarters: "Riyadh, Saudi Arabia", | |
| description: "Mirai represents Scopely's strategic bet on the Saudi gaming market, backed by the $4.9 billion acquisition expertise that created global hits like Monopoly GO! and Stumble Guys. As Scopely's dedicated Riyadh studio, Mirai combines American live-ops excellence with deep Saudi market understanding to create culturally resonant, globally scalable games. Their founding team includes veterans from Scopely's top-performing titles, bringing proven frameworks for player retention and monetization optimization. Mirai's mandate extends beyond development—they serve as Scopely's gateway to MENA partnerships, scouting regional studios for acquisition and co-development opportunities. The studio's data infrastructure provides real-time player insights that inform both local product decisions and global portfolio strategy. Their ambitious hiring targets aim to build one of the region's largest development teams within three years. Mirai's establishment signals Saudi Arabia's arrival as a tier-one destination for international gaming investment, with implications for the entire regional ecosystem's valuation and attractiveness.", | |
| features: ["Scopely Live-Ops Expertise", "Global Hit Game Frameworks", "Real-Time Analytics Platform", "M&A Scouting Mandate", "International Talent Relocation"], | |
| specialization: "Live-Ops Mobile Games, Social Casino, Casual Strategy, Party Games, Licensed IP Games", | |
| clientFocus: "Scopely Global, Regional Talent, Potential Acquisition Targets, Licensed IP Holders", | |
| strengths: "Access to $4.9B acquisition playbook, proven live-ops infrastructure, direct Scopely IP access, aggressive scaling capital, global distribution network", | |
| teamSize: "60+", | |
| projectsDelivered: "3+", | |
| rating: 4.8, | |
| reviewCount: "New Studio", | |
| hourlyRate: "In-House", | |
| clutchRating: "New Studio", | |
| reviewSnippet: "Mirai's access to Scopely's live-ops playbooks accelerates our learning curve by years." | |
| }, | |
| { | |
| rank: 8, | |
| name: "Babil Games", | |
| country: "uae", | |
| countryCode: "🇦🇪", | |
| countryName: "United Arab Emirates/Jordan", | |
| logo: "https://images.crunchbase.com/image/upload/c_pad,f_auto,q_auto:eco,dpr_1/v1487204961/tgtty8zpaq8kazwyw9k6.png", | |
| website: "https://babilgames.com", | |
| founded: 2012, | |
| headquarters: "Dubai, UAE / Amman, Jordan", | |
| description: "Babil Games operates as the Middle East's most successful strategy game specialist, achieving consistent top-grossing performance since joining the Stillfront Group in 2016. Their mastery of 4X strategy and MMO war games specifically tailored for Arab audiences has created multiple enduring franchises with multi-year player lifecycles. Babil's unique dual-headquarter structure—combining Dubai's business advantages with Amman's deep technical talent pool—provides operational flexibility and cost optimization. Their proprietary game engine optimizations enable massive simultaneous battles on mobile devices, a technical achievement that differentiates their competitive offerings. Babil's community management approaches, including dedicated Arabic-speaking support teams and culturally-aware event programming, maintain industry-leading retention metrics. The studio's data science capabilities predict player churn with remarkable accuracy, enabling proactive intervention campaigns. Their recent expansion into narrative-driven strategy adds emotional depth to traditionally mechanics-focused genres, opening new audience segments.", | |
| features: ["4X Strategy Expertise", "Massive Battle Technology", "Dual Headquarters Model", "Stillfront Group Synergies", "Predictive Churn Modeling"], | |
| specialization: "4X Strategy Games, MMO War Games, Grand Strategy, Narrative Strategy, Mid-Core Mobile", | |
| clientFocus: "Hardcore Strategy Players, Alliance Communities, Regional Competitive Gamers", | |
| strengths: "Proven 4X monetization expertise, massive scale technical capability, Arabic community management excellence, Stillfront portfolio synergies, twelve-year genre focus", | |
| teamSize: "140+", | |
| projectsDelivered: "15+", | |
| rating: 4.6, | |
| reviewCount: "290+", | |
| hourlyRate: "Publisher Model", | |
| clutchRating: "4.7/5", | |
| reviewSnippet: "Babil's strategy games created lifelong friendships through their exceptional alliance and community systems." | |
| }, | |
| { | |
| rank: 9, | |
| name: "Fahy Studios", | |
| country: "saudi", | |
| countryCode: "🇸🇦", | |
| countryName: "Saudi Arabia", | |
| logo: "https://static.photos/minimal/320x240/fahy", | |
| website: "https://fahystudios.com", | |
| founded: 2023, | |
| headquarters: "Riyadh, Saudi Arabia", | |
| description: "Fahy Studios has rapidly established itself as Saudi Arabia's premier hybrid-casual specialist, achieving remarkable traction through innovative gameplay mechanics that bridge simple accessibility with meaningful depth. Their founding team combines mobile gaming veterans with regional entertainment industry experts, creating products that resonate culturally while meeting international quality standards. Fahy's development methodology emphasizes rapid prototyping and data-driven iteration, enabling them to test dozens of concepts monthly before committing full production resources. Their proprietary 'Saudi-first' testing framework identifies market-specific preferences early, reducing localization costs and improving regional launch performance. The studio's art direction deliberately incorporates contemporary Saudi aesthetic sensibilities—modern, ambitious, globally-connected—rather than stereotypical traditional imagery. Fahy's publishing relationships with major platforms ensure prominent featuring and favorable revenue share terms. Their commitment to sustainable development practices, including four-day work weeks and mental health support, attracts top regional talent in a competitive hiring market.", | |
| features: ["Hybrid-Casual Innovation", "Rapid Prototyping System", "Saudi-First Testing Framework", "Contemporary Saudi Aesthetics", "Sustainable Studio Culture"], | |
| specialization: "Hybrid-Casual Games, Puzzle-Arcade, Narrative Casual, Social Casual, Merge Games", | |
| clientFocus: "Casual Game Players, Regional Brands, International Publishers", | |
| strengths: "Fast iteration capability, cultural contemporary relevance, sustainable talent retention, platform relationship strength, data-driven creative decisions", | |
| teamSize: "35+", | |
| projectsDelivered: "8+", | |
| rating: 4.4, | |
| reviewCount: "18+", | |
| hourlyRate: "$30 - $60", | |
| clutchRating: "4.5/5", | |
| reviewSnippet: "Fahy created a hybrid-casual hit that feels genuinely Saudi while achieving global appeal." | |
| }, | |
| { | |
| rank: 10, | |
| name: "Boss Bunny Games", | |
| country: "uae", | |
| countryCode: "🇦🇪", | |
| countryName: "United Arab Emirates", | |
| logo: "https://static.photos/minimal/320x240/bossbunny", | |
| website: "https://bossbunnygames.com", | |
| founded: 2019, | |
| headquarters: "Abu Dhabi & Dubai, UAE", | |
| description: "Boss Bunny Games has carved a distinctive niche as the UAE's leading children's and family game developer, creating safe, educational, and entertaining experiences for younger players across the Arab world. Their sophisticated parental control systems and COPPA-compliant data practices have earned trust from cautious Middle Eastern families concerned about online safety. The studio's partnerships with international children's brands enable licensed content that combines familiar characters with Arabic language and cultural adaptation. Boss Bunny's research team includes child development specialists who ensure age-appropriate challenge progression and positive behavioral reinforcement through game mechanics. Their 'learn through play' philosophy integrates educational objectives seamlessly within entertaining gameplay, satisfying both children's engagement needs and parental learning expectations. The company's B2B division develops custom educational games for schools and government initiatives, extending their impact beyond consumer products.", | |
| features: ["Child Safety Certification", "Educational Game Integration", "Licensed IP Expertise", "Parental Control Systems", "Child Development Research"], | |
| specialization: "Children's Games, Educational Games, Family Games, Licensed Kids IP, School Platforms", | |
| clientFocus: "Children 3-12, Parents, Schools, Educational Publishers, Family Brands", | |
| strengths: "Safety-first reputation, educational credibility, licensed IP access, child psychology expertise, institutional sales capability", | |
| teamSize: "55+", | |
| projectsDelivered: "25+", | |
| rating: 4.7, | |
| reviewCount: "156+", | |
| hourlyRate: "$40 - $80", | |
| clutchRating: "4.8/5", | |
| reviewSnippet: "Boss Bunny created the only game my daughter plays that I genuinely trust and value educationally." | |
| }, | |
| { | |
| rank: 11, | |
| name: "Pixelhunters", | |
| country: "uae", | |
| countryCode: "🇦🇪", | |
| countryName: "United Arab Emirates", | |
| logo: "https://pixelhunters.com/wp-content/uploads/2023/05/logo-pixelhunters-1.png", | |
| website: "https://pixelhunters.com", | |
| founded: 2008, | |
| headquarters: "Dubai, UAE", | |
| description: "Pixelhunters ranks among the UAE's most versatile digital production studios, with sixteen years of experience spanning game development, VR/AR applications, and immersive experiences for corporate and entertainment clients. Their longevity in Dubai's competitive market demonstrates consistent delivery quality and adaptive service evolution. Pixelhunters' technical team maintains certifications across all major gaming engines and XR platforms, enabling platform-agnostic solution architecture tailored to specific client requirements. Their project management methodologies, refined through hundreds of delivered projects, provide predictable timelines and transparent communication that enterprise clients particularly value. The studio's location in Dubai's media hub facilitates close collaboration with regional broadcasters, theme parks, and event producers seeking interactive experiences. Pixelhunters' recent investments in AI-powered content generation tools accelerate production timelines while maintaining creative control. Their training division offers certified courses in game development and immersive technologies, contributing to regional skill development.", | |
| features: ["16-Year Track Record", "Multi-Platform Certification", "Enterprise Project Management", "AI-Assisted Production", "Training Academy"], | |
| specialization: "Serious Games, VR/AR Experiences, Simulation Training, Interactive Installations, Mobile Games", | |
| clientFocus: "Enterprises, Government, Theme Parks, Museums, Educational Institutions", | |
| strengths: "Proven enterprise reliability, broad technical certification, location advantages, training ecosystem contribution, AI productivity integration", | |
| teamSize: "40+", | |
| projectsDelivered: "400+", | |
| rating: 4.5, | |
| reviewCount: "89+", | |
| hourlyRate: "$50 - $100", | |
| clutchRating: "4.6/5", | |
| reviewSnippet: "Pixelhunters delivered our VR training simulation with enterprise-grade reliability and exceptional attention to detail." | |
| }, | |
| { | |
| rank: 12, | |
| name: "Nomadroid", | |
| country: "saudi", | |
| countryCode: "🇸🇦", | |
| countryName: "Saudi Arabia", | |
| logo: "https://static.photos/technology/320x240/nomadroid", | |
| website: "https://nomadroid.com", | |
| founded: 2019, | |
| headquarters: "Saudi Arabia", | |
| description: "Nomadroid holds the distinction of being among Saudi Arabia's first independent studios dedicated to PC and console development, pioneering premium gaming experiences in a market historically focused on mobile. Their ambitious approach to narrative-driven, mechanically deep games represents a maturation of Saudi game development aspirations. The studio's founding developers brought experience from European AAA studios, applying international production standards to regional storytelling. Nomadroid's debut title development has spanned multiple years, reflecting their commitment to quality over rapid release—a rarity in indie development. Their community engagement through development blogs and early access feedback has built anticipation and investor confidence. The studio's technical focus on Unreal Engine 5 capabilities positions their upcoming releases among the most visually ambitious from any MENA developer. Nomadroid's success has inspired other Saudi developers to pursue premium gaming ambitions, contributing to industry diversification beyond mobile and F2P models.", | |
| features: ["PC/Console First Focus", "AAA Production Standards", "Unreal Engine 5 Mastery", "Long-Form Development Cycles", "Premium Game Ambition"], | |
| specialization: "PC Games, Console Games, Narrative Games, Action-Adventure, Atmospheric Exploration", | |
| clientFocus: "Premium Game Players, Console Owners, PC Gaming Enthusiasts, Narrative Game Fans", | |
| strengths: "Pioneering premium focus, international production experience, UE5 technical leadership, quality commitment, market diversification inspiration", | |
| teamSize: "18+", | |
| projectsDelivered: "2+", | |
| rating: 4.6, | |
| reviewCount: "12+", | |
| hourlyRate: "Self-Published", | |
| clutchRating: "Indie Studio", | |
| reviewSnippet: "Nomadroid's ambition to create genuine AAA experiences from Saudi Arabia inspires the entire regional industry." | |
| }, | |
| { | |
| rank: 13, | |
| name: "Table Knight Games", | |
| country: "saudi", | |
| countryCode: "🇸🇦", | |
| countryName: "Saudi Arabia", | |
| logo: "https://static.photos/minimal/320x240/tableknight", | |
| website: "https://tableknightgames.com", | |
| founded: 2016, | |
| headquarters: "Saudi Arabia", | |
| description: "Table Knight Games has established itself as Saudi Arabia's tabletop and digital card game specialist, bridging physical and digital gaming communities through hybrid experiences. Their deep understanding of tabletop mechanics—deck building, worker placement, resource management—translates into digital games with unusual strategic depth for mobile platforms. The studio's community roots in Saudi board game cafés and conventions provide direct player feedback channels that inform design decisions. Table Knight's licensing of international tabletop IP for digital adaptation creates partnership opportunities with established physical game publishers seeking mobile expansion. Their tournament organization expertise, developed through running regional tabletop championships, transfers effectively to digital competitive scenes. The studio's art direction emphasizes readable, elegant visual design that communicates game state clearly—essential for complex strategy games. Recent experiments with blockchain-based card ownership respond to player interest in genuine digital collectibility.", | |
| features: ["Tabletop Mechanics Expertise", "Hybrid Physical/Digital", "Tournament Organization", "Strategic Depth Focus", "Digital Collectibility R&D"], | |
| specialization: "Digital Card Games, Deck Builders, Board Game Adaptations, Strategy Games, Trivia Games", | |
| clientFocus: "Tabletop Enthusiasts, Strategy Game Players, Card Collectors, Competitive Communities", | |
| strengths: "Mechanical design depth, community connection, licensing relationships, tournament infrastructure, clear visual communication", | |
| teamSize: "22+", | |
| projectsDelivered: "12+", | |
| rating: 4.4, | |
| reviewCount: "34+", | |
| hourlyRate: "$25 - $50", | |
| clutchRating: "4.5/5", | |
| reviewSnippet: "Table Knight translated my favorite board game into digital form with perfect mechanical fidelity." | |
| }, | |
| { | |
| rank: 14, | |
| name: "Khosouf Studio", | |
| country: "uae", | |
| countryCode: "🇦🇪", | |
| countryName: "United Arab Emirates", | |
| logo: "https://static.photos/technology/320x240/khosouf", | |
| website: "https://khosoufstudio.com", | |
| founded: 2020, | |
| headquarters: "UAE", | |
| description: "Khosouf Studio has rapidly distinguished itself as the GCC's premier VR and console development specialist, focusing on immersive experiences that leverage cutting-edge hardware capabilities. Their technical team includes certified VR developers for all major platforms, enabling multi-platform deployment that maximizes addressable market. Khosouf's location-based entertainment projects for UAE malls and tourist destinations demonstrate practical commercial applications beyond consumer software. The studio's research into haptic feedback integration and spatial audio creates uniquely immersive experiences that justify premium hardware investment. Their publishing relationships with console platform holders secure featuring opportunities and development funding for ambitious projects. Khosouf's educational VR initiatives, developed in partnership with UAE universities, explore learning applications that extend gaming technology to broader social impact. The studio's commitment to physical comfort and accessibility in VR design addresses barriers that have limited mainstream adoption.", | |
| features: ["VR Platform Certification", "Console Development Pipeline", "Location-Based Entertainment", "Haptic R&D", "Educational VR Programs"], | |
| specialization: "VR Games, Console Games, Location-Based Experiences, Educational VR, Simulation", | |
| clientFocus: "VR Early Adopters, Console Players, Mall Operators, Educational Institutions, Enterprise Training", | |
| strengths: "VR technical specialization, console certification, location-based commercial success, haptic innovation, educational application", | |
| teamSize: "28+", | |
| projectsDelivered: "15+", | |
| rating: 4.5, | |
| reviewCount: "28+", | |
| hourlyRate: "$45 - $90", | |
| clutchRating: "4.6/5", | |
| reviewSnippet: "Khosouf's VR experience was the first that didn't make me motion sick—technical mastery evident throughout." | |
| }, | |
| { | |
| rank: 15, | |
| name: "Lobah Games", | |
| country: "saudi", | |
| countryCode: "🇸🇦", | |
| countryName: "Saudi Arabia", | |
| logo: "https://static.photos/minimal/320x240/lobah", | |
| website: "https://lobahgames.com", | |
| founded: 2022, | |
| headquarters: "Saudi Arabia", | |
| description: "Lobah Games emerged from the strategic combination of multiple Saudi development teams, creating a collective studio with diverse capabilities and shared resources. Their federated structure preserves individual team creative autonomy while providing centralized business development, QA, and technical infrastructure. This model enables Lobah to pursue simultaneous projects across genres and platforms with risk distribution impossible for single-team studios. The combined experience of member teams spans mobile, PC, console, and serious game development, providing comprehensive service capability for complex client requirements. Lobah's shared technology investments—including proprietary analytics, build pipelines, and art libraries—accelerate development timelines and reduce costs across all projects. The studio's culture emphasizes knowledge sharing and collaborative problem-solving, breaking down silos that typically isolate development teams. Their client-facing brand provides unified commercial presence while internal operations maintain specialized expertise.", | |
| features: ["Federated Studio Model", "Multi-Team Capabilities", "Shared Technology Platform", "Risk Distribution Structure", "Collaborative Culture"], | |
| specialization: "Full-Platform Development, Co-Development Services, Serious Games, Entertainment Games, Live Operations", | |
| clientFocus: "International Publishers, Regional Brands, Government Clients, Indie Developers Seeking Support", | |
| strengths: "Combined capability scale, risk management through diversification, shared infrastructure efficiency, collaborative knowledge transfer, unified commercial presence", | |
| teamSize: "65+", | |
| projectsDelivered: "20+", | |
| rating: 4.3, | |
| reviewCount: "22+", | |
| hourlyRate: "$30 - $70", | |
| clutchRating: "4.4/5", | |
| reviewSnippet: "Lobah's combined team structure delivered our complex multi-platform project with capabilities no single studio could match." | |
| }, | |
| { | |
| rank: 16, | |
| name: "Mezan Studios", | |
| country: "qatar", | |
| countryCode: "🇶🇦", | |
| countryName: "Qatar", | |
| logo: "https://static.photos/minimal/320x240/mezan", | |
| website: "https://mezanstudios.com", | |
| founded: 2021, | |
| headquarters: "Doha, Qatar", | |
| description: "Mezan Studios represents Qatar's emergence as a serious gaming market participant, launched with strategic support from the Qatar Foundation's innovation initiatives. Their name—reflecting the Arabic word for balance—embodies their design philosophy of meaningful gameplay that respects player time and intelligence. The studio's founding team combines Qatari cultural expertise with international development experience from major European and Asian studios. Mezan's focus on narrative-rich experiences that explore Arab history and contemporary themes fills a content gap in global gaming representation. Their technical partnerships with regional cloud providers enable innovative streaming and multiplayer infrastructure optimized for Gulf network conditions. The studio's commitment to sustainable development practices, including carbon-neutral server operations and ethical labor policies, attracts talent concerned with industry working conditions. Mezan's research collaborations with Qatar University's computing department advance regional academic involvement in game technology.", | |
| features: ["Qatar Foundation Backing", "Narrative-First Design", "Cultural Representation Focus", "Sustainable Operations", "Academic Research Partnerships"], | |
| specialization: "Narrative Games, Historical Games, Cultural Exploration, Adventure Games, Educational Entertainment", | |
| clientFocus: "Story-Driven Players, Cultural Institutions, Educational Publishers, Regional Government", | |
| strengths: "Strategic institutional support, authentic cultural voice, sustainable operations leadership, academic connectivity, narrative design ambition", | |
| teamSize: "25+", | |
| projectsDelivered: "4+", | |
| rating: 4.5, | |
| reviewCount: "15+", | |
| hourlyRate: "$35 - $70", | |
| clutchRating: "4.6/5", | |
| reviewSnippet: "Mezan's game introduced me to Qatari pearl diving history through genuinely moving interactive storytelling." | |
| }, | |
| { | |
| rank: 17, | |
| name: "COREGAME", | |
| country: "qatar", | |
| countryCode: "🇶🇦", | |
| countryName: "Qatar", | |
| logo: "https://static.photos/gaming/320x240/core", | |
| website: "https://coregame.qa", | |
| founded: 2020, | |
| headquarters: "Doha, Qatar", | |
| description: "COREGAME operates as Qatar's most technically ambitious independent studio, prioritizing engineering excellence and innovative gameplay systems over conventional commercial formats. Their developer-led structure ensures creative and technical decisions remain with experienced practitioners rather than business management. The studio's proprietary engine modifications and custom tools demonstrate systems programming capabilities unusual for a studio of their size. COREGAME's open-source contributions to regional developer communities, including localization tools and networking libraries, build ecosystem value beyond their commercial products. Their experimental projects exploring AI-generated content, procedural narrative, and alternative input methods position them at gaming's technological frontier. The studio's selective client work—choosing projects with interesting technical challenges over straightforward commercial opportunities—maintains engineering team engagement and skill development. COREGAME's internal game jams and research periods ensure continuous learning despite project delivery pressures.", | |
| features: ["Engineering-First Culture", "Proprietary Tool Development", "Open-Source Ecosystem Contributions", "Experimental Technology R&D", "Developer Autonomy Structure"], | |
| specialization: "Experimental Games, Technical Innovation, Engine Programming, Systems Design, AI-Assisted Development", | |
| clientFocus: "Technology-Forward Clients, Research Institutions, Developers Seeking Technical Partnership, Experimental Projects", | |
| strengths: "Deep technical capability, open-source community building, experimental risk tolerance, engineering culture preservation, frontier technology exploration", | |
| teamSize: "15+", | |
| projectsDelivered: "10+", | |
| rating: 4.4, | |
| reviewCount: "12+", | |
| hourlyRate: "$40 - $85", | |
| clutchRating: "4.5/5", | |
| reviewSnippet: "COREGAME's technical solutions to our networking challenges were elegant, performant, and beautifully documented." | |
| }, | |
| { | |
| rank: 18, | |
| name: "Sooqista Studios", | |
| country: "kuwait", | |
| countryCode: "🇰🇼", | |
| countryName: "Kuwait", | |
| logo: "https://static.photos/technology/320x240/sooqista", | |
| website: "https://sooqista.com", | |
| founded: 2019, | |
| headquarters: "Kuwait City, Kuwait", | |
| description: "Sooqista Studios leads Kuwait's game development sector with focused expertise in VR experiences and mobile games that serve both entertainment and practical applications. Their name—combining Arabic marketplace concepts with futuristic sensibility—reflects their bridging of traditional commerce and emerging technology. The studio's VR training simulations for Kuwait's oil and gas sector demonstrate serious game applications with substantial commercial value beyond entertainment. Sooqista's mobile game portfolio emphasizes accessible mechanics with Kuwaiti cultural elements, creating locally resonant content for underserved national audiences. Their technical team's certifications in both Unity and Unreal Engine enable platform-appropriate technology selection for specific project requirements. The studio's partnerships with Kuwait's emerging esports initiatives provide distribution and community engagement channels for competitive titles. Sooqista's consulting services for regional businesses entering gaming leverage their operational experience to reduce common startup pitfalls.", | |
| features: ["VR Training Specialization", "Oil & Gas Sector Experience", "Kuwaiti Cultural Content", "Dual Engine Certification", "Esports Ecosystem Partnerships"], | |
| specialization: "VR Training, Mobile Games, Industrial Simulation, Cultural Games, Esports Titles", | |
| clientFocus: "Energy Sector, Kuwaiti Consumers, Regional Esports Organizations, Corporate Training Departments", | |
| strengths: "Industrial VR expertise, national market understanding, dual-engine flexibility, sector-specific relationships, startup advisory capability", | |
| teamSize: "20+", | |
| projectsDelivered: "18+", | |
| rating: 4.3, | |
| reviewCount: "19+", | |
| hourlyRate: "$30 - $65", | |
| clutchRating: "4.4/5", | |
| reviewSnippet: "Sooqista's VR safety training reduced our incident rates more effectively than any previous program." | |
| }, | |
| { | |
| rank: 19, | |
| name: "Vertex Game Design Studio", | |
| country: "kuwait", | |
| countryCode: "🇰🇼", | |
| countryName: "Kuwait", | |
| logo: "https://static.photos/technology/320x240/vertex", | |
| website: "https://vertexgamedesign.com", | |
| founded: 2017, | |
| headquarters: "Kuwait", | |
| description: "Vertex Game Design Studio has established Kuwait's most comprehensive game service offering, spanning full development, design consulting, and technical art production for clients across MENA. Their design-first methodology emphasizes thorough pre-production and prototyping that reduces costly mid-project pivots. The studio's technical art capabilities—including rigging, animation, and VFX—provide production value enhancement for developers lacking specialized art resources. Vertex's educational programs, developed in partnership with Kuwait's Public Authority for Applied Education, build regional talent pipelines that benefit the broader industry. Their quality assurance services and localization expertise help international publishers adapt products for Arabic markets with cultural sensitivity and technical accuracy. The studio's project management certifications ensure predictable delivery that enterprise clients require for internal planning. Vertex's community building through game development meetups and jams strengthens Kuwait's emerging developer ecosystem.", | |
| features: ["Design-First Methodology", "Technical Art Services", "Educational Partnerships", "Quality Assurance Expertise", "Community Ecosystem Building"], | |
| specialization: "Game Design Services, Technical Art, QA & Localization, Educational Programs, Full Development", | |
| clientFocus: "International Publishers, Regional Developers, Educational Institutions, Corporate Clients", | |
| strengths: "Comprehensive service range, educational ecosystem contribution, quality process discipline, technical art excellence, community leadership", | |
| teamSize: "30+", | |
| projectsDelivered: "45+", | |
| rating: 4.4, | |
| reviewCount: "41+", | |
| hourlyRate: "$25 - $55", | |
| clutchRating: "4.5/5", | |
| reviewSnippet: "Vertex's design documentation saved our project from fundamental flaws that would have emerged much later." | |
| }, | |
| { | |
| rank: 20, | |
| name: "Regnum Studio", | |
| country: "bahrain", | |
| countryCode: "🇧🇭", | |
| countryName: "Bahrain", | |
| logo: "https://static.photos/gaming/320x240/regnum", | |
| website: "https://regnumstudio.com", | |
| founded: 2018, | |
| headquarters: "Bahrain", | |
| description: "Regnum Studio operates as Bahrain's premier independent game developer, creating distinctive experiences that leverage the kingdom's unique position as a cultural crossroads between East and West. Their compact, efficient team structure enables creative risk-taking and rapid iteration that larger studios cannot match. Regnum's focus on narrative games exploring themes of identity, migration, and cultural encounter resonates with Bahrain's diverse, cosmopolitan population and global diaspora communities. The studio's participation in international festivals and showcases—including IndieCade and Gamescom—raises regional visibility and attracts publishing interest. Their development of proprietary tools for branching narrative and localized dialogue systems addresses specific content creation challenges for multilingual games. Regnum's collaborations with Bahrain's cultural institutions preserve and present local heritage through interactive mediums accessible to younger generations. The studio's commitment to transparent development processes, including public roadmaps and playable builds, builds community investment in their projects.", | |
| features: ["Indie Creative Freedom", "Cross-Cultural Narratives", "Festival Recognition", "Proprietary Narrative Tools", "Heritage Preservation Projects"], | |
| specialization: "Narrative Games, Adventure Games, Cultural Heritage Games, Artistic Games, Experimental Projects", | |
| clientFocus: "Global Indie Audience, Cultural Institutions, Narrative Game Enthusiasts, Festival Programmers", | |
| strengths: "Creative independence, cultural bridge storytelling, international festival presence, heritage innovation, community transparency", | |
| teamSize: "8+", | |
| projectsDelivered: "6+", | |
| rating: 4.5, | |
| reviewCount: "14+", | |
| hourlyRate: "Project-Based", | |
| clutchRating: "4.6/5", | |
| reviewSnippet: "Regnum's game captured the feeling of growing up between cultures with rare authenticity and emotional precision." | |
| }, | |
| { | |
| rank: 21, | |
| name: "Shahmir Ventures", | |
| country: "oman", | |
| countryCode: "🇴🇲", | |
| countryName: "Oman", | |
| logo: "https://static.photos/nature/320x240/shahmir", | |
| website: "https://shahmirventures.com", | |
| founded: 2020, | |
| headquarters: "Muscat, Oman", | |
| description: "Shahmir Ventures represents Oman's pioneering entry into professional game development, establishing foundational capabilities in a market with minimal existing industry infrastructure. Their entrepreneurial approach combines game development with broader digital venture building, creating sustainable revenue diversification as the local market matures. The studio's focus on mobile games reflecting Omani natural beauty and cultural heritage introduces global audiences to the sultanate's unique environment and traditions. Shahmir's partnerships with Oman's tourism and education ministries demonstrate government recognition of gaming's economic and cultural potential. Their remote collaboration practices, developed from necessity given limited local talent pools, enable integration of international expertise without relocation requirements. The studio's commitment to training Omani youth in game development—including partnerships with local schools and universities—builds essential human capital for long-term sector growth. Shahmir's success has attracted attention from regional investors considering Oman as an emerging gaming market with first-mover advantages.", | |
| features: ["Pioneering Omani Market Entry", "Government Partnership Development", "Remote Collaboration Expertise", "Youth Training Programs", "Tourism-Cultural Integration"], | |
| specialization: "Mobile Games, Cultural Heritage, Educational Games, Tourism Applications, Digital Ventures", | |
| clientFocus: "Omani Government, Tourism Sector, Educational Institutions, International Partners", | |
| strengths: "First-mover positioning, government relationship building, remote operation capability, educational ecosystem development, entrepreneurial adaptability", | |
| teamSize: "12+", | |
| projectsDelivered: "5+", | |
| rating: 4.2, | |
| reviewCount: "8+", | |
| hourlyRate: "$20 - $45", | |
| clutchRating: "4.3/5", | |
| reviewSnippet: "Shahmir introduced me to Oman's stunning landscapes through a beautifully crafted mobile experience." | |
| } | |
| ]; | |
| // Initialize | |
| document.addEventListener('DOMContentLoaded', function() { | |
| renderCompanies(companies); | |
| initializeFilters(); | |
| initializeAnimations(); | |
| }); | |
| // Render Companies | |
| function renderCompanies(companiesToRender) { | |
| const grid = document.getElementById('companies-grid'); | |
| grid.innerHTML = companiesToRender.map(company => createCompanyCard(company)).join(''); | |
| // Re-initialize feather icons for new content | |
| feather.replace(); | |
| // Add expand functionality | |
| document.querySelectorAll('.expand-btn').forEach(btn => { | |
| btn.addEventListener('click', function() { | |
| const details = this.closest('.company-card').querySelector('.company-details'); | |
| const isExpanded = details.classList.contains('expanded'); | |
| // Close all others | |
| document.querySelectorAll('.company-details.expanded').forEach(d => { | |
| d.classList.remove('expanded'); | |
| d.closest('.company-card').querySelector('.expand-btn').classList.remove('rotated'); | |
| }); | |
| if (!isExpanded) { | |
| details.classList.add('expanded'); | |
| this.classList.add('rotated'); | |
| } | |
| }); | |
| }); | |
| } | |
| // Create Company Card HTML | |
| function createCompanyCard(company) { | |
| const stars = generateStars(company.rating); | |
| const isTop = company.rank <= 3; | |
| return ` | |
| <article class="company-card" data-country="${company.country}" data-rank="${company.rank}"> | |
| <div class="p-6 sm:p-8"> | |
| <!-- Header Row --> | |
| <div class="flex flex-col lg:flex-row gap-6"> | |
| <!-- Rank & Logo --> | |
| <div class="flex items-start gap-4"> | |
| <div class="flex-shrink-0"> | |
| <div class="rank-badge ${isTop ? 'top' : ''} w-14 h-14 rounded-2xl flex items-center justify-center relative"> | |
| <span class="text-2xl font-bold ${isTop ? 'text-black' : 'text-white'}">${company.rank}</span> | |
| ${isTop ? '<i data-feather="crown" class="w-4 h-4 text-black absolute -top-2 -right-2"></i>' : ''} | |
| </div> | |
| </div> | |
| <div class="flex-shrink-0"> | |
| <div class="w-20 h-20 rounded-xl bg-white/5 flex items-center justify-center p-3"> | |
| <img src="${company.logo}" alt="${company.name} logo" class="w-full h-full object-contain" loading="lazy"> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Info --> | |
| <div class="flex-1 min-w-0"> | |
| <div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mb-3"> | |
| <h2 class="text-xl sm:text-2xl font-bold text-white truncate">${company.name}</h2> | |
| <div class="flex items-center gap-2 text-sm"> | |
| <span class="text-2xl">${company.countryCode}</span> | |
| <span class="text-white/60">${company.countryName}</span> | |
| </div> | |
| </div> | |
| <p class="text-white/70 text-sm leading-relaxed mb-4 line-clamp-2 lg:line-clamp-none"> | |
| ${company.description.substring(0, 200)}... | |
| </p> | |
| <!-- Quick Stats --> | |
| <div class="flex flex-wrap gap-4 text-sm"> | |
| <div class="flex items-center gap-2 text-white/60"> | |
| <i data-feather="map-pin" class="w-4 h-4 text-primary"></i> | |
| <span>${company.headquarters}</span> | |
| </div> | |
| <div class="flex items-center gap-2 text-white/60"> | |
| <i data-feather="users" class="w-4 h-4 text-secondary"></i> | |
| <span>${company.teamSize} employees</span> | |
| </div> | |
| <div class="flex items-center gap-2 text-white/60"> | |
| <i data-feather="briefcase" class="w-4 h-4 text-pink-500"></i> | |
| <span>${company.projectsDelivered} projects</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Rating & CTA --> | |
| <div class="flex flex-col items-start lg:items-end gap-4"> | |
| <div class="flex items-center gap-2"> | |
| <div class="flex items-center gap-1"> | |
| ${stars} | |
| </div> | |
| <span class="text-lg font-bold text-white">${company.rating}</span> | |
| <span class="text-sm text-white/50">(${company.reviewCount})</span> | |
| </div> | |
| <div class="text-sm text-white/50 text-right"> | |
| <div>Est. ${company.founded}</div> | |
| <div>${company.hourlyRate}</div> | |
| </div> | |
| <div class="flex gap-2"> | |
| <a href="${company.website}" target="_blank" rel="noopener noreferrer" class="btn-website inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-semibold text-white transition-all"> | |
| <span>Visit Website</span> | |
| <i data-feather="external-link" class="w-4 h-4"></i> | |
| </a> | |
| <button class="expand-btn w-10 h-10 rounded-lg bg-white/5 hover:bg-white/10 flex items-center justify-center transition-all"> | |
| <i data-feather="chevron-down" class="w-5 h-5 text-white/60"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Expanded Details --> | |
| <div class="company-details"> | |
| <div class="mt-8 pt-8 border-t border-white/10"> | |
| <!-- Full Description --> | |
| <div class="mb-8"> | |
| <h3 class="text-lg font-semibold text-white mb-3 flex items-center gap-2"> | |
| <i data-feather="info" class="w-5 h-5 text-primary"></i> | |
| About ${company.name} | |
| </h3> | |
| <p class="text-white/70 leading-relaxed">${company.description}</p> | |
| </div> | |
| <!-- Stats Grid --> | |
| <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8"> | |
| ${createStatItem('Specialization', company.specialization, 'code')} | |
| ${createStatItem('Client Focus', company.clientFocus, 'target')} | |
| ${createStatItem('Key Strengths', company.strengths, 'zap')} | |
| ${createStatItem('Clutch Rating', company.clutchRating, 'star')} | |
| </div> | |
| <!-- Features --> | |
| <div class="mb-6"> | |
| <h4 class="text-sm font-semibold text-white/60 uppercase tracking-wider mb-3">Top Features</h4> | |
| <div class="flex flex-wrap gap-2"> | |
| ${company.features.map(f => `<span class="feature-tag px-3 py-1.5 rounded-lg text-xs font-medium">${f}</span>`).join('')} | |
| </div> | |
| </div> | |
| <!-- Quote --> | |
| <div class="spec-badge rounded-xl p-4"> | |
| <div class="flex items-start gap-3"> | |
| <i data-feather="message-circle" class="w-5 h-5 text-secondary flex-shrink-0 mt-1"></i> | |
| <div> | |
| <p class="text-white/80 italic text-sm">"${company.reviewSnippet}"</p> | |
| <p class="text-white/40 text-xs mt-2">— Verified Client Review</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </article> | |
| `; | |
| } | |
| function createStatItem(label, value, icon) { | |
| return ` | |
| <div class="stat-item rounded-xl p-4"> | |
| <div class="flex items-center gap-2 mb-2"> | |
| <i data-feather="${icon}" class="w-4 h-4 text-primary"></i> | |
| <span class="text-xs font-medium text-white/50 uppercase tracking-wider">${label}</span> | |
| </div> | |
| <p class="text-sm text-white/80 leading-relaxed">${value}</p> | |
| </div> | |
| `; | |
| } | |
| function generateStars(rating) { | |
| const fullStars = Math.floor(rating); | |
| const hasHalf = rating % 1 >= 0.5; | |
| let html = ''; | |
| for (let i = 0; i < 5; i++) { | |
| if (i < fullStars) { | |
| html += '<i data-feather="star" class="w-4 h-4 fill-current text-yellow-400"></i>'; | |
| } else if (i === fullStars && hasHalf) { | |
| html += '<i data-feather="star" class="w-4 h-4 text-yellow-400"></i>'; | |
| } else { | |
| html += '<i data-feather="star" class="w-4 h-4 text-white/20"></i>'; | |
| } | |
| } | |
| return html; | |
| } | |
| // Filter Functionality | |
| function initializeFilters() { | |
| const buttons = document.querySelectorAll('.filter-btn'); | |
| buttons.forEach(btn => { | |
| btn.addEventListener('click', function() { | |
| // Update active state | |
| buttons.forEach(b => b.classList.remove('active')); | |
| this.classList.add('active'); | |
| // Filter | |
| const filter = this.dataset.filter; | |
| const filtered = filter === 'all' | |
| ? companies | |
| : companies.filter(c => c.country === filter); | |
| // Animate transition | |
| const grid = document.getElementById('companies-grid'); | |
| grid.style.opacity = '0'; | |
| grid.style.transform = 'translateY(20px)'; | |
| setTimeout(() => { | |
| renderCompanies(filtered); | |
| grid.style.opacity = '1'; | |
| grid.style.transform = 'translateY(0)'; | |
| }, 200); | |
| }); | |
| }); | |
| } | |
| // Initialize FAQ functionality | |
| function initializeFAQs() { | |
| const faqTriggers = document.querySelectorAll('.faq-trigger'); | |
| faqTriggers.forEach(trigger => { | |
| trigger.addEventListener('click', () => { | |
| const item = trigger.parentElement; | |
| const content = item.querySelector('.faq-content'); | |
| const icon = trigger.querySelector('.faq-icon'); | |
| const isOpen = !content.classList.contains('hidden'); | |
| // Close all others | |
| document.querySelectorAll('.faq-content').forEach(c => c.classList.add('hidden')); | |
| document.querySelectorAll('.faq-icon').forEach(i => i.style.transform = 'rotate(0deg)'); | |
| if (!isOpen) { | |
| content.classList.remove('hidden'); | |
| icon.style.transform = 'rotate(180deg)'; | |
| } | |
| }); | |
| }); | |
| } | |
| // Scroll Animations | |
| function initializeAnimations() { | |
| // Intersection Observer for scroll animations | |
| const observerOptions = { | |
| root: null, | |
| rootMargin: '0px', | |
| threshold: 0.1 | |
| }; | |
| const observer = new IntersectionObserver((entries) => { | |
| entries.forEach(entry => { | |
| if (entry.isIntersecting) { | |
| entry.target.classList.add('animate-fade-in-up'); | |
| observer.unobserve(entry.target); | |
| } | |
| }); | |
| }, observerOptions); | |
| // Observe company cards | |
| setTimeout(() => { | |
| document.querySelectorAll('.company-card').forEach((card, index) => { | |
| card.style.animationDelay = `${index * 0.1}s`; | |
| observer.observe(card); | |
| }); | |
| }, 100); | |
| // Observe other animated elements | |
| setTimeout(() => { | |
| document.querySelectorAll('.capermint-stat, .differentiator-card, .insight-card').forEach((el, index) => { | |
| el.style.animationDelay = `${index * 0.1}s`; | |
| observer.observe(el); | |
| }); | |
| }, 100); | |
| } | |
| // Smooth scroll for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| const target = document.querySelector(targetId); | |
| if (target) { | |
| const offsetTop = target.offsetTop - 80; // Account for fixed navbar | |
| window.scrollTo({ | |
| top: offsetTop, | |
| behavior: 'smooth' | |
| }); | |
| } | |
| }); | |
| }); | |
| // Handle URL filter parameter | |
| function handleURLFilter() { | |
| const params = new URLSearchParams(window.location.search); | |
| const filter = params.get('filter'); | |
| if (filter) { | |
| const btn = document.querySelector(`[data-filter="${filter}"]`); | |
| if (btn) { | |
| btn.click(); | |
| } | |
| } | |
| } | |
| // Update DOMContentLoaded | |
| const originalInit = document.addEventListener; | |
| document.addEventListener('DOMContentLoaded', function() { | |
| renderCompanies(companies); | |
| initializeFilters(); | |
| initializeAnimations(); | |
| initializeFAQs(); | |
| handleURLFilter(); | |
| }); | |