// app/dna-sequencing/snp-genotyping/page.js
import DNATitleBar from '../../../components/shared/DNATitleBar';
import SNPIntroduction from '../components/SNPIntroduction';
import SNPApplications from '../components/SNPApplications';
import SNPSpecifications from '../components/SNPSpecifications';
import PageLayout from '../../../components/Layout/PageLayout';

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

  return (
    <PageLayout fixedHeader={true}>
      <div className="page-wrapper">
        <DNATitleBar 
          title="Double Digest Restriction-site Associated DNA (ddRAD) Sequencing"
          desc="Focused, Cost-Effective Genotyping with ddRAD"
          breadcrumbs={breadcrumbs}
          backgroundImage="/images/bredcrumb.jpg"
        />
        
        <div className="page-content">
          <SNPIntroduction />
          <SNPApplications />
          <SNPSpecifications />
        </div>
      </div>
    </PageLayout>
  );
}