import React from 'react';
import { Metadata } from 'next';
import ResearchSearchHeader from '@/app/components/research/search/ResearchSearchHeader';
import ResearchSearchSidebar from '@/app/components/research/search/ResearchSearchSidebar';
import ResearchSearchResults from '@/app/components/research/search/ResearchSearchResults';

export const metadata: Metadata = {
    title: 'Search Research | Liberal University',
    description: 'Search across researchers, labs, projects, and institutes.',
};

export default function ResearchSearchPage() {
    return (
        <div className="pub-wrapper">
            <ResearchSearchHeader />
            <section id="repo-content">
                <div className="max-w-[1440px] mx-auto px-6 lg:px-8">
                    <div className="pub-layout">
                        <ResearchSearchSidebar />
                        <ResearchSearchResults />
                    </div>
                </div>
            </section>
        </div>
    );
}