import DNATitleBar from '../../../components/shared/DNATitleBar';
import ResequencingIntroduction from './components/ResequencingIntroduction';
import ResequencingApplications from './components/ResequencingApplications';
import ResequencingSpecifications from './components/ResequencingSpecifications';
import WGSResequencingPipeline from './components/WGSResequencingPipeline';
import PageLayout from '../../../components/Layout/PageLayout';

export default function WholeGenomeResequencingPage() {
  const breadcrumbs = [
    { label: 'Home', href: '/' },
    { label: 'DNA Sequencing', href: '/dna-sequencing' },
    { label: 'Whole Genome Sequencing', href: '/dna-sequencing/whole-genome-sequencing' },
    { label: 'Whole Genome ReSequencing', current: true }
  ];

  return (
    <PageLayout fixedHeader={true}>
      <DNATitleBar
        title="Whole Genome ReSequencing"
        desc="Unraveling Genomic Complexity with Re-Sequencing"
        breadcrumbs={breadcrumbs}
      />
      
      <div className="page-content">
        <ResequencingIntroduction />
        <WGSResequencingPipeline/>
        <ResequencingApplications />
        <ResequencingSpecifications />
      </div>
    </PageLayout>
  );
}