// app/dna-sequencing/snp-genotyping/page.js
import DNATitleBar from '../../components/shared/DNATitleBar';
import SNPWorkflow from './components/SNPWorkflow ';
import SNPGenotypingTechniques from './components/SNPGenotypingTechniques';
import PageLayout from '../../components/Layout/PageLayout';

export default function SNPGenotypingPage() {
  const breadcrumbs = [
    { label: "Home", href: "/" },
    { label: "Research", href: "/dna-sequencing" },
    { label: "SNP-based Genotyping", current: true }
  ];

  return (
    <PageLayout fixedHeader={true}>
      <div className="page-wrapper">
        <DNATitleBar 
          title="SNP-based Genotyping"
          desc="From Genomes to Traits: Precision through SNPs"
          breadcrumbs={breadcrumbs}
          backgroundImage="/images/bredcrumb.jpg"
        />
        
        <div className="page-content">
          <SNPWorkflow/>
          <SNPGenotypingTechniques/>
        </div>
      </div>
    </PageLayout>
  );
}