import React from 'react';
import { Layout, Typography, Card, Space, Divider } from 'antd';
import { CloudOutlined, FireOutlined } from '@ant-design/icons';
import ClientDownloads from '../components/ClientDownloads';

const { Content } = Layout;
const { Title, Paragraph } = Typography;

const ClientDownloadPage = () => {
  return (
    <div className="download-page-modern" style={{ maxWidth: 1000, margin: '0 auto', padding: '24px 0' }}>
      <Card bordered={false} style={{ borderRadius: 16, boxShadow: '0 4px 20px rgba(0,0,0,0.05)' }}>
        <div style={{ textAlign: 'center', padding: '40px 0' }}>
          <FireOutlined style={{ fontSize: 48, color: '#1677ff', marginBottom: 24 }} />
          <Title level={2}>随时随地，开启智能会议</Title>
          <Paragraph type="secondary" style={{ fontSize: 16 }}>
            下载 iMeeting 客户端，享受更稳定、更高效的会议转录与协作体验
          </Paragraph>
        </div>
        
        <Divider />
        
        <div style={{ padding: '0 24px 40px' }}>
          <ClientDownloads />
        </div>
      </Card>
    </div>
  );
};

export default ClientDownloadPage;