import DNATitleBar from '../../../components/shared/DNATitleBar';
import WGBSIntroduction from './components/WGBSIntroduction';
import WGBSApplications from './components/WGBSApplications';
import WGBSSpecifications from './components/WGBSSpecifications';
import PageLayout from '../../../components/Layout/PageLayout';

export default function WGBSPage() {
  const breadcrumbs = [
    { label: 'Home', href: '/' },
    { label: 'DNA Sequencing', href: '/dna-sequencing' },
    { label: 'Epigenomics Sequencing', href: '/dna-sequencing/epigenomics-sequencing' },
    { label: 'Whole Genome Bisulphite Sequencing', current: true }
  ];

  return (
    <PageLayout fixedHeader={true}>
      <DNATitleBar
        title="Whole Genome Bisulphite Sequencing (WGBS)"
        desc="Comprehensive DNA Methylation Profiling"
        breadcrumbs={breadcrumbs}
      />
      
      <div className="page-content">
        <WGBSIntroduction />
        <WGBSApplications />
        <WGBSSpecifications />
      </div>
    </PageLayout>
  );
}