# Current Implementation Audit

**Last Updated:** 2025-01-27

## Problem Identified

The new pricing page (`static_pricing_new.php`) looks identical to the old page because it reuses the exact same component includes without any visual redesign.

## Components Currently Reused

### 1. Pricing Cards

**File:** `v2/sections/pricing-card.php`

- Uses old design with `bg-white bg-opacity-60`
- Multiple badges stacked (Am beliebtesten, Kostenloses Onboarding)
- Cluttered layout with tooltips
- Old styling approach
- Needs: Complete redesign with modern white cards

### 2. Enterprise Box

**File:** `v2/sections/enterprise-box.php`

- Uses inline styles
- Old card design
- Needs: Modern card design matching new pricing cards

### 3. Add-ons Section

**File:** `v2/sections/pricing-addons.php`

- Uses gradient backgrounds
- Complex animations
- Needs: Cleaner card design matching new pricing cards

## Current Page Structure

**File:** `v2/pages/static_pricing_new.php`

**Sections:**

1. Hero section (lines 207-277) - Has some improvements but still needs work
2. Pricing cards (lines 279-306) - Uses old `pricing-card.php`
3. Enterprise (line 310) - Uses old `enterprise-box.php`
4. Add-ons (line 313) - Uses old `pricing-addons.php`
5. Feature comparison (lines 315-336) - Uses dynamic file reading
6. Testimonials (lines 336-450) - New section, needs styling updates
7. FAQ (lines 450-550) - New section, needs styling updates
8. Company logos (lines 553-575) - Needs styling updates

## What Needs to Change

### Immediate Changes Required

1. Create new `pricing-card-modern.php` with Shiftbase-inspired design
2. Update hero section to be cleaner (remove OMR badges from hero)
3. Modernize toggle design
4. Create modern enterprise section
5. Create modern add-ons section
6. Update CSS with modern design system
7. Update all styling throughout

### Design System Changes

- Cards: Pure white (#FFFFFF) instead of `bg-opacity-60`
- Shadows: Subtle `shadow-sm` instead of `shadow-lg`
- Spacing: More generous padding
- Typography: Better hierarchy
- Colors: Cleaner, more modern palette