G4F/StaticHelper/source/old_input.md

Это существующий код

export function MainLayout() {
    return (
        <>
            <div className="header">
                <Link to="/dashboard" className="menu-button">☰</Link>
                <img src={logoUrl as string} alt="Logo"/>
            </div>
            <div className="content">
                <Outlet/>
            </div>
        </>
    );
}

export function MainPage() {

    const surveys = useDataPage<Survey>("surveys", "surveys")



    return (
        <div className="main-page">
            <h2 className="title">Тесты для школьников и абитуриентов</h2>

            <div className={"surveys-list"}>
                <LoadingList data={surveys.items} listElement={(s: Survey) => (
                    <Link key={s.id} to={`surveys/${s.id}/`}>{s.title}</Link>
                )}/>
            </div>

            <p className="description">
                Добро пожаловать на <strong>Pro-Fi Test</strong> — платформу, созданную для тех, кто стоит перед важным
                выбором: какую профессию выбрать, куда поступать и кем стать.
                Мы знаем, что определиться с будущим бывает непросто — особенно когда вариантов много, а уверенность в
                правильности выбора не всегда есть.
                Наша цель — сделать этот путь понятнее, интереснее и максимально персонализированным.
            </p>
            <p className="description">
                Pro-Fi Test — это не просто набор тестов. Это интеллектуальный гид в мире профессий, который поможет
                вам:
                <ul className="features-list">
                    <li>Узнать себя лучше: выявить свои сильные стороны, склонности и скрытые таланты;</li>
                    <li>Познакомиться с миром современных профессий через призму реальных навыков и интересов;</li>
                    <li>Понять, какие специальности подходят именно вам, исходя из ваших целей и возможностей;</li>
                    <li>Сэкономить время на выборе направления обучения и сосредоточиться на главном — вашем развитии.
                    </li>
                </ul>
            </p>
            <p className="description">
                Независимо от того, стоите ли вы на пороге выпускного класса, подаёте документы в вуз или уже начали
                обучение в колледже,
                <strong>Pro-Fi Test</strong> будет с вами на каждом этапе. Мы верим, что у каждого есть своё уникальное
                призвание — и помогаем найти его без страха, сомнений и лишней путаницы.
            </p>
            <p className="description">
                Пройдите наш тест уже сегодня и сделайте первый шаг к осознанному и уверенному выбору своей
                профессиональной дороги!
            </p>
        </div>
    );
}

Создай css файлы для них, ниже svg из figma