import DNATitleBar from '../../../components/shared/DNATitleBar';
import TargetedIntroduction from './components/TargetedIntroduction';
import TargetedApplications from './components/TargetedApplications';
import TargetedSpecifications from './components/TargetedSpecifications';
import PageLayout from '../../../components/Layout/PageLayout';

export default function TargetedSequencingPage() {
  const breadcrumbs = [
    { label: 'Home', href: '/' },
    { label: 'DNA Sequencing', href: '/dna-sequencing' },
    { label: 'Enrichment Sequencing', href: '/dna-sequencing/enrichment-sequencing' },
    { label: 'Custom DNA Sequencing', current: true }
  ];

  return (
    <PageLayout fixedHeader={true}>
      <DNATitleBar
        title="Custom DNA Sequencing"
        desc="Pinpoint Precision for Your Genetic Insights"
        breadcrumbs={breadcrumbs}
      />
      
      <div className="page-content">
        <TargetedIntroduction />
        <TargetedApplications />
        <TargetedSpecifications />
      </div>
    </PageLayout>
  );
}