import DNATitleBar from '../../../components/shared/DNATitleBar';
import ATACIntroduction from './components/ATACIntroduction';
import ATACApplications from './components/ATACApplications';
import ATACSpecifications from './components/ATACSpecifications';
import PageLayout from '../../../components/Layout/PageLayout';

export default function ATACSequencingPage() {
  const breadcrumbs = [
    { label: 'Home', href: '/' },
    { label: 'DNA Sequencing', href: '/dna-sequencing' },
    { label: 'Epigenomics Sequencing', href: '/dna-sequencing/epigenomics-sequencing' },
    { label: 'ATAC (Assay for Transposase-Accessible Chromatin) Sequencing', current: true }
  ];

  return (
    <PageLayout fixedHeader={true}>
      <DNATitleBar
        title="ATAC (Assay for Transposase-Accessible Chromatin) Sequencing"
        desc="Chromatin for Gene Regulation Insights"
        breadcrumbs={breadcrumbs}
      />
      
      <div className="page-content">
        <ATACIntroduction />
        <ATACApplications />
        <ATACSpecifications />
      </div>
    </PageLayout>
  );
}