'use client';
import React from 'react';

const AboutDNA = () => {
  return (
    <section className="pt-6 bg-white">
      <div className="container max-w-none px-6">
        <h2 className="text-4xl font-bold text-teal-700 mb-4">
          About DNA Sequencing
        </h2>
        <h2 className="text-lg font-semibold text-gray-600 mb-4">
          Exploring Life's Blueprint with Every Sequence
        </h2>
        
        <div className="mb-4 text-justify">
          <p className="text-gray-600 leading-relaxed text-base mb-4">
            DNA sequencing is a method used to determine the precise order of nucleotides 
            (adenine, thymine, cytosine, and guanine) in a DNA molecule. This information is 
            critical for understanding genetic information, mutations, and their roles in disease, 
            evolution, and various biological processes.
          </p>
        </div>
      </div>
    </section>
  );
};

export default AboutDNA;