I'll build this TIK Live Pro dashboard for you! This is a comprehensive project, so let me set up a task list and start with the core components.

Now let me update the globals.css with the custom color scheme and the layout with Arabic fonts and RTL support, then create all the components:

Now let me create the mock data, types, and core components:

Now let me create the Overview page components:

Now let me create the main page that brings everything together:

The Overview page is complete. Now let me move on to building the Widgets & Templates page:

Now let me create the Auctions and Analytics pages:

Now let me update the main page to include all the new pages:

I've built the complete TIK Live Pro dashboard for you - a professional TikTok Live streaming management tool designed for the Arabic market. Here's what's included:

Layout Components:

• Sidebar - Collapsible navigation with connection status, all nav items, and subscription badge
• TopBar - Breadcrumbs, search, language switcher (AR/EN/ES), theme toggle, notifications, and user menu
• LiveFeed - Real-time event feed showing gifts, follows, comments with auto-updating simulation

Pages:

• Overview - Hero section with live KPI cards (viewers, diamonds, likes, followers), active auction display, quick actions grid, recent gifts list, and active goal progress circle
• Widgets & Templates - Template gallery with Middle Eastern collection highlighted, category/type filters, search, and a style customizer panel with color presets, Arabic fonts, animations, and border radius controls
• Auctions - New auction form, live countdown timer, current leader display, bid leaderboard, and bid history log
• Analytics - Summary stats, viewers over time line chart, gifts per hour bar chart, gift distribution pie chart, and activity heatmap

Design Features:

• Full RTL support with IBM Plex Sans Arabic font
• Dark-first theme with purple (#7c3aed) primary and amber (#f59e0b) accent
• Smooth framer-motion animations throughout
• Skeleton-style loading states and toast notifications via sonner
• Linear.app/Vercel Dashboard inspired minimal aesthetic

I'll create all the new pages and update the existing ones. Let me first read the existing files to understand the patterns, then create everything needed.

Now I have all the context I need. Let me create all the new pages and update the existing files. I'll start by updating the types and mock data, then create all the new pages:

Now let me create all the new pages. I'll start with the Giveaways page:

Now let me update the Sidebar, OverviewPage, TemplatesPage, and the main page.tsx to include all the new pages:

Now let me update the main page.tsx to include all the new pages:

I've completed all the requested updates. Here's a summary of what was added:

New Pages Created:

1. GiveawaysPage - Slot machine draw with confetti animation, entry conditions (gift/comment/follow/all), participant list, and winners section
2. GoalsPage - Goal cards with gradient progress bars, goal type icons, create/edit/delete functionality, and milestones timeline
3. LeaderboardPage - Top 3 podium with crown/medal/award icons, period tabs (week/stream/all-time), Linear-style table with badges
4. GiftsPage - Tabs for Gifts/Sounds/Stickers, featured Eastern sounds section, sound/sticker binding with popovers, queue settings
5. BridgePage - Protocol selection cards (RCON/LUA/WebSocket/Keys), dynamic forms, Lua code example with copy button, connection status
6. ConfigsPage - Config list with star/active indicator, summary panel, import/export JSON, duplicate/rename/delete actions
7. ConnectionsPage - Primary/backup pool cards with sparkline graphs, live event counters, duplicate filtering stats
8. ReferralPage - Hero with referral code/URL, QR code popover, stats grid, referrals table with status badges

Updated Files:

• Sidebar - Added 4 new navigation items (Bridge, Configs, Connections, Referral)
• OverviewPage - Added 3 mini widgets (Bridge status, Active config, Last sticker)
• TemplatesPage - Added 14alls-style featured section and new widget type filters
• types.ts - Added all new types for the new pages
• mock-data.ts - Added comprehensive Arabic mock data for all new features