Function FeaturesBlock

src/Components/Home/home.jsx:597–622

()

}

function FeaturesBlock() {
    const dark = useTheme().palette.mode === 'dark';
    const features = [
        {icon: <SchoolOutlined/>, title: '项目信息表', desc: '汇总海外高校硕博项目的方向、目标专业与申请要点，边浏览边筛选。'},
        {icon: <TableChartOutlined/>, title: '申请季数据汇总', desc: '上千条学长学姐的真实申请记录，可按背景、项目、结果自由检索。'},
        {icon: <MenuBookOutlined/>, title: '经验分享帖', desc: '选校、套磁、文书、面试、就业，过来人的第一手长文经验。'},
        {icon: <PersonOutlineOutlined/>, title: '个人申请档案', desc: '记录你的申请人信息与时间线，匿名或实名地回馈社区。'},
    ];
    return (
        <Box sx={{width: '100%', maxWidth: 920}}>
            <SectionHeading title='OpenSIST 能帮你做什么' subtitle='一个开放、共享的上科大留学申请信息平台'/>
            <Box sx={{display: 'grid', gridTemplateColumns: {xs: '1fr', sm: '1fr 1fr'}, gap: {xs: 2, md: 2.5}}}>
                {features.map((f) => (
                    <Box key={f.title} className='GlassCard'
                         sx={glassSx(dark, {p: {xs: '1.25rem 1.5rem', md: '1.5rem 1.75rem'}, display: 'flex', gap: 2, alignItems: 'flex-start'})}>
                        <IconBadge>{f.icon}</IconBadge>
                        <Box>
                            <Typography sx={{fontWeight: 700, mb: 0.5}}>{f.title}</Typography>
                            <Typography variant='body2' sx={{color: 'text.secondary', lineHeight: 1.7}}>{f.desc}</Typography>
                        </Box>
                    </Box>
                ))}
            </Box>
        </Box>
    );
}

function StepsBlock() {
    const dark = useTheme().palette.mode === 'dark';