// src/pages/MainPage.jsx
import React from 'react';
import { useNavigate } from 'react-router-dom';
import Navbar from '../components/Navbar';
import ActivityBoard from '../components/ActivityBoard';
import './MainPage.css';
import RecommendPreview from'../components/RecommendPreview'; // 引入推荐预览样式

const MainPage = () => {
    const navigate = useNavigate();
    const currentUser = {
        id: 2,
        username: '测试用户',
    };

    return (
        <div className="main-page-wrapper">
            {/* 顶部导航栏 */}
            <Navbar />

            <main className="main-page-content">

                {/* 公告区域 */}
                <section className="card-section">
                    <ActivityBoard />
                </section>

                {/* 推荐下载资源预留区域 */}
                <section className="card-section">
                    {/* <h2 className="section-title">📥 推荐下载资源</h2>
                    <div className="placeholder-box"> */}
                        {/* <p className="placeholder-text">这里将展示为你推荐的种子资源，敬请期待～</p> */}
                        <RecommendPreview/>
                    {/* </div> */}
                </section>
            </main>
        </div>
    );
};

export default MainPage;