Build a modern, premium agency landing page with the following specifications:

## Overall Theme & Style
- Dark blue gradient background (#070b1a to #0d1530)
- Animated star field particles in the background
- Glass morphism effects (backdrop-blur, semi-transparent backgrounds)
- Blue accent color (#3b82f6) for highlights, buttons, and interactive elements
- Clean, elegant typography with light font weights and tight tracking
- Smooth micro-animations and hover effects throughout

## Color Palette (5 colors max)
- Primary background: Deep navy (#070b1a, #0d1530)
- Accent: Blue-500 (#3b82f6)
- Text primary: White (#ffffff)
- Text secondary: Gray-400 (#9ca3af)
- Success/highlight: Green-400 (#4ade80) for stats

## Typography
- Headlines: font-light, tracking-tight, text-4xl to text-6xl
- Use italic on key accent words in headlines
- Body text: text-gray-300/400, leading-relaxed
- Buttons/labels: font-medium, text-sm

## Sections to Include

### 1. Header/Navigation
- Logo on left (icon + text)
- Centered navigation links (Services, Work, About, Contact)
- Right side: Login button (outline) + Language selector
- Semi-transparent background with backdrop blur
- Sticky positioning

### 2. Hero Section
- Version badge (e.g., "New - Platform 2.0")
- Large headline with italic accent word
- Subtext describing value proposition
- Two CTA buttons: Primary (filled) + Secondary (outline with icon)
- Animated star background
- Below: Floating bento grid dashboard cards

### 3. Bento Dashboard Cards (in hero)
Layout: 3 columns, middle column elevated (-translate-y)
Each card has:
- Outer container: glass effect (bg-white/10, backdrop-blur-xl, border-white/20)
- Inner card: white background, rounded corners, smaller than outer
- Creates "stacked cards" visual effect

Cards to include:
- User Signups: Large number + percentage badge
- Members: List with avatars, dropdown filter
- Balance: Amount + chart visualization
- Data Analysis: Title + "View more" button + bar chart
- Monthly Engagement: Title + dropdown + bar chart

### 4. Services/Process Section
- Use animated feature steps component
- Left side: Clickable step indicators with progress line
- Right side: Auto-scrolling images (4-5 second interval)
- Steps: Discovery, Design, Development, Launch
- Active step highlighted in blue

### 5. About Section
- Centered layout with badge
- Large headline with italic accent
- Animated counting stats (3-4 metrics)
- Stats in glass morphism cards with hover effects
- Highlight badges for key achievements
- CTA button with arrow animation

### 6. Testimonials Section
- Section badge + headline
- 3-column grid of testimonial cards
- Each card: glass effect, quote, author avatar, name, role
- Star ratings
- Hover scale effect

### 7. CTA Section
- Glass morphism container with gradient border
- Pulsing background blur effect
- Centered headline with italic accent
- Subtext
- Primary CTA button

### 8. Footer
- 4-column layout (Brand, Services, Company, Connect)
- Logo + description in first column
- Link lists in middle columns
- Social icons in last column
- Bottom bar: copyright + legal links
- Semi-transparent background

## Animation Details
- Use CSS transitions (duration-300, duration-500)
- Hover effects: scale, translateY, opacity changes
- Number counters: animate from 0 to final value
- Staggered fade-ins with Intersection Observer
- Floating/pulsing background elements
- Button arrow animations on hover

## Key CSS Classes Pattern
/* Glass morphism outer card */
.glass-outer {
  @apply rounded-3xl border border-white/20 bg-white/10 p-2 backdrop-blur-xl shadow-lg shadow-blue-500/10;
}

/* White inner card */
.glass-inner {
  @apply rounded-2xl bg-white p-5;
}

/* Section badge */
.badge {
  @apply inline-block rounded-full border border-blue-500/30 bg-blue-500/10 px-4 py-1.5 text-sm text-blue-400;
}

/* Primary button */
.btn-primary {
  @apply flex items-center gap-2 rounded-full bg-white px-6 py-3 font-medium text-gray-900 transition-all hover:bg-gray-100 hover:scale-105;
}

/* Headline style */
.headline {
  @apply text-4xl md:text-5xl lg:text-6xl font-light tracking-tight text-white text-pretty;
}

## Component Structure
app/
  page.tsx (imports all sections)
  layout.tsx (fonts, metadata)
  globals.css (theme tokens)
components/
  header.tsx
  hero-section.tsx
  dashboard-cards.tsx
  star-background.tsx
  services-section.tsx
  ui/feature-section.tsx
  about-section.tsx
  testimonials-section.tsx
  cta-section.tsx
  footer.tsx