I'll build this premium Arabic fintech homepage based on the screenshot. Let me first check the existing project structure and then create the components.

Now let me install the required dependencies for Arabic fonts and icons, then build all the components:

Now let me update the globals.css with the custom design system colors and then create all the components:

Now let me create all the homepage components:

Now let me create the main page that brings all components together:

I've built the complete Tadafok (تدفق) premium Arabic fintech homepage with full RTL support. The page includes:

1. Header - Sticky navigation with logo, nav links, favorites/notifications icons, and auth buttons with mobile-responsive hamburger menu
2. Hero Section - Two-column layout with Dubai skyline image, bold Arabic headline with teal accent, search bar, and floating quick services bar with category icons
3. Tools Section - 6 decision-making tools (currency rates, account comparison, card comparison, mortgage calculator, loan calculator, certificate calculator) with pastel-colored icons
4. Comparisons Section - 4 comparison cards showing best mortgage offers, credit cards, savings accounts, and savings certificates with bank logos and trend indicators
5. Institutions Section - Tabbed carousel showcasing banks and financial institutions with filterable categories
6. Offers + AI Section - Split layout with promotional offer cards and an AI assistant chat interface with suggested questions
7. News Section - Filterable economic news grid with category tabs
8. Business Services Section - Horizontal scrollable cards for corporate services
9. Footer - Dark navy footer with newsletter subscription, multi-column links, and social media icons

The design uses the specified color palette (#0B3B66 primary, #14B8A6 secondary, #F5A623 accent) with Cairo font for Arabic typography and 24px border radius for the premium fintech feel.