import DNATitleBar from '../../../components/shared/DNATitleBar';
import DenovoIntroduction from './components/DenovoIntroduction';
import DenovoApplications from './components/DenovoApplications';
import DenovoSpecifications from './components/DenovoSpecifications';
import WGSDeNovoPipeline from './components/WGSDeNovoPipeline';
import PageLayout from '../../../components/Layout/PageLayout';

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

  return (
    <PageLayout fixedHeader={true}>
      <DNATitleBar
        title="Whole Genome Denovo Sequencing"
        desc="Unlocking Genomes, Discovering Diversity"
        breadcrumbs={breadcrumbs}
      />
      
      <div className="page-content">
        <DenovoIntroduction />
        <WGSDeNovoPipeline/>
        <DenovoApplications />
        <DenovoSpecifications />
      </div>
    </PageLayout>
  );
}