mukeshs/operify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Responsive check

Browse Source
This commit is contained in:
mukesh13
2025-09-12 11:17:42 +05:30
parent e925b985f2
commit b85ec3d929
14 changed files with 102 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsIntroduction.jsx
View File

@ -9,29 +9,17 @@ const EpigenomicsIntroduction = () => {
"In the bioinformatics analysis, these reads are aligned to a known reference genome to detect genomic alterations and epigenetic modifications.",
"It is a powerful tool for diverse genomic studies, capable of sequencing humans, livestock, plants, bacteria, and disease-related microbes."
];
const advantageItems = [
"Provides comprehensive analysis of epigenetic modifications including DNA methylation, histone modifications, and chromatin accessibility, offering insights into gene regulation mechanisms.",
"Enables single-base resolution mapping of epigenetic marks across the genome, allowing for precise identification of regulatory elements and their modifications.",
"Reveals epigenetic alterations associated with diseases, development, and environmental responses, providing insights into cellular memory and inheritance patterns.",
"Identifies potential therapeutic targets and biomarkers for epigenetic-based treatments, supporting the development of personalized medicine approaches."
];
const serviceTypes = [
"Whole Genome Bisulphite Sequencing (WGBS)",
"Chip Sequencing",
"ATAC Sequencing"
];
return (
<div className="w-full bg-white">
{/* Main container with two columns */}
<div className="grid grid-cols-1 lg:grid-cols-[1.2fr_1.0fr] min-h-screen">
<div className="grid grid-cols-1 lg:grid-cols-[1.2fr_1.0fr]">
{/* Left Column - Content using existing IntroductionLayout structure */}
<div className="px-6 lg:px-12 py-8">
<div className="px-6 lg:px-6 py-8">
{/* Introduction Section */}
<section className="mb-8">
<section>
<h2 className="text-3xl font-bold text-teal-700 mb-4">
Introduction and Workflow
</h2>
@ -47,24 +35,6 @@ const EpigenomicsIntroduction = () => {
))}
</ul>
</section>
{/* Advantage Section */}
<section className="mb-8">
<h2 className="text-3xl font-bold text-teal-700 mb-4">
Advantage
</h2>
<ul className="space-y-4 text-gray-600 leading-relaxed text-sm lg:text-base">
{advantageItems.map((item, index) => (
<li key={index} className="flex items-start">
<span
className="inline-block w-2 h-2 rounded-full mt-2 mr-3 flex-shrink-0"
style={{backgroundColor: '#faae31'}}
></span>
<span className="text-justify">{item}</span>
</li>
))}
</ul>
</section>
</div>
{/* Right Column - Custom Content with Image and SVG */}