DNA image update

app/dna-sequencing/components/AboutDNA.jsx

@@ -0,0 +1,31 @@
+'use client';
+import React from 'react';
+
+const AboutDNA = () => {
+  return (
+    <section className="pt-6 bg-white">
+      <div className="container mx-auto px-6">
+        <h2 className="text-4xl font-bold text-gray-700 text-left pb-2">
+          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-6 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>
+          <p className="text-gray-600 leading-relaxed text-base">
+            Different DNA sequencing approaches using Next Generation sequencing are listed below:
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default AboutDNA;