import React from 'react';
import AIRecommendations from '@/components/personalization/AIRecommendations';
import UserPreferences from '@/components/personalization/UserPreferences';
import BehaviorAnalytics from '@/components/personalization/BehaviorAnalytics';
import SegmentManagement from '@/components/personalization/SegmentManagement';

const PersonalizationPage = () => {
  return (
    <div className="space-y-6">
      <div className="flex items-center justify-between">
        <h2 className="text-2xl font-bold text-gray-900">Personalización</h2>
      </div>
      
      <div className="grid grid-cols-1 gap-6">
        <AIRecommendations />
        <UserPreferences />
        <BehaviorAnalytics />
        <SegmentManagement />
      </div>
    </div>
  );
};

export default PersonalizationPage;
