Docker config
This commit is contained in:
mukesh13
46
app/components/Research/AnimalResearch.jsx
Normal file
46
app/components/Research/AnimalResearch.jsx
Normal file
@ -0,0 +1,46 @@
|
||||
import Image from 'next/image';
|
||||
|
||||
export default function AnimalResearch() {
|
||||
return (
|
||||
<div id="animal-research" className="bg-white p-6 rounded-lg shadow-md">
|
||||
{/* Heading (Above Image and Text) */}
|
||||
<h2 className="text-3xl font-bold text-gray-800 mb-4">Animal Research</h2>
|
||||
{/* Flex container for image and text (description paragraphs) */}
|
||||
<div className="flex flex-col md:flex-row gap-6 mb-6">
|
||||
{/* Image Section (Left) */}
|
||||
<div className="flex-shrink-0 md:w-1/3">
|
||||
<Image
|
||||
src="/images/blog/animan_fni.jpg"
|
||||
alt="Animal Research"
|
||||
width={300}
|
||||
height={200}
|
||||
className="object-cover rounded-lg w-full h-48 md:h-full"
|
||||
/>
|
||||
</div>
|
||||
{/* Text Section (Right) */}
|
||||
<div className="flex-1">
|
||||
<p className="text-gray-600 mb-4">
|
||||
Animal genomics plays a vital role in understanding genetic diversity, disease resistance, and the evolutionary relationships of species. Sequencing animal genomes enables researchers to trace ancestry, identify genes responsible for desirable traits, and analyze gene expression patterns across populations. Our NGS-based animal genomics services provide in-depth analysis of genetic diversity, helping researchers and breeders identify genes that contribute to health, behavior, and other important characteristics.
|
||||
</p>
|
||||
<p className="text-gray-600 mb-4">
|
||||
From wildlife conservation to livestock improvement, we offer comprehensive sequencing solutions that support a wide range of applications. These include whole-genome sequencing, exome sequencing, and targeted sequencing of disease-related genes. Our advanced technologies allow you to study genetic variations with unparalleled precision, offering valuable insights into both domesticated and wild animal populations.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Services Table (Row-wise) */}
|
||||
<h3 className="text-lg font-semibold text-gray-800 mt-4 mb-2">Our sequencing services for Animal Research includes:</h3>
|
||||
<table className="w-full border-collapse border border-gray-300">
|
||||
<tbody>
|
||||
<tr className="bg-gray-100">
|
||||
<td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">DNA Sequencing</td>
|
||||
<td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Whole Genome (Short Read, Long Read, Hybrid), Enrichment (Whole Exome, Amplicon and Targeted), Single Cell DNA, Genome Mapping, Genotyping (Based on SNP, ddRAD, Microsatellites)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">RNA Sequencing</td>
|
||||
<td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Total RNA, mRNA, Small RNA, Long Non-Coding, IncRNA, Iso Sequencing</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
app/components/Research/HumanResearch.jsx
Normal file
43
app/components/Research/HumanResearch.jsx
Normal file
@ -0,0 +1,43 @@
|
||||
import Image from 'next/image';
|
||||
|
||||
export default function HumanResearch() {
|
||||
return (
|
||||
<div id="human-research" className="bg-white p-6 rounded-lg shadow-md">
|
||||
{/* Heading (Above Image and Text) */}
|
||||
<h2 className="text-3xl font-bold text-gray-800 mb-4">Human Research</h2>
|
||||
{/* Flex container for image and text (description paragraphs) */}
|
||||
<div className="flex flex-col md:flex-row gap-6 mb-6">
|
||||
{/* Image Section (Left) */}
|
||||
<div className="flex-shrink-0 md:w-1/3">
|
||||
<Image
|
||||
src="/images/blog/human_fn.jpg"
|
||||
alt="Human Research"
|
||||
width={300}
|
||||
height={200}
|
||||
className="object-cover rounded-lg w-full h-48 md:h-full"
|
||||
/>
|
||||
</div>
|
||||
{/* Text Section (Right) */}
|
||||
<div className="flex-1">
|
||||
<p className="text-gray-600 mb-4">
|
||||
Human genomics is at the forefront of understanding complex diseases, genetic disorders, and personalized medicine. By sequencing genomes or exomes, researchers can identify genomic alterations that contribute to rare diseases, cancer, and complex disorders such as diabetes or heart disease. Rapid sequencing technologies enable high-resolution insights into genetic variants, allowing for better diagnostics and targeted therapeutic strategies.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Services Table (Row-wise) */}
|
||||
<h3 className="text-lg font-semibold text-gray-800 mt-4 mb-2">Our sequencing services for Human Research includes:</h3>
|
||||
<table className="w-full border-collapse border border-gray-300">
|
||||
<tbody>
|
||||
<tr className="bg-gray-100">
|
||||
<td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">DNA Sequencing</td>
|
||||
<td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Whole Genome (Short Read, Long Read, Hybrid), Enrichment (Whole Exome, Amplicon and Targeted), Single Cell DNA, Genome Mapping, Genotyping (Based on SNP, ddRAD, Microsatellites)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">RNA Sequencing</td>
|
||||
<td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Total RNA, mRNA, Small RNA, Long Non-Coding, IncRNA, Iso Sequencing</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
46
app/components/Research/MicrobialResearch.jsx
Normal file
46
app/components/Research/MicrobialResearch.jsx
Normal file
@ -0,0 +1,46 @@
|
||||
import Image from 'next/image';
|
||||
|
||||
export default function MicrobialResearch() {
|
||||
return (
|
||||
<div id="microbial-research" className="bg-white p-6 rounded-lg shadow-md">
|
||||
{/* Heading (Above Image and Text) */}
|
||||
<h2 className="text-3xl font-bold text-gray-800 mb-4">Microbial Research</h2>
|
||||
{/* Flex container for image and text (description paragraphs) */}
|
||||
<div className="flex flex-col md:flex-row gap-6 mb-6">
|
||||
{/* Image Section (Left) */}
|
||||
<div className="flex-shrink-0 md:w-1/3">
|
||||
<Image
|
||||
src="/images/blog/microbial_fn.jpg"
|
||||
alt="Microbial Research"
|
||||
width={300}
|
||||
height={200}
|
||||
className="object-cover rounded-lg w-full h-48 md:h-full"
|
||||
/>
|
||||
</div>
|
||||
{/* Text Section (Right) */}
|
||||
<div className="flex-1">
|
||||
<p className="text-gray-600 mb-4">
|
||||
Microorganisms are present in almost all environments and play critical roles in industrial fermentation, medical health, and bioengineering. Genomic sequencing provides powerful insights into the genetic makeup of the microbial world, enabling researchers to understand how microbes impact humans and the environment.
|
||||
</p>
|
||||
<p className="text-gray-600 mb-4">
|
||||
We offer a broad array of microbial genomics solutions that help you study bacteria, viruses, fungi, and parasites with high-resolution, culture-independent methods. Whether you're conducting metagenomics studies or tracking disease outbreaks, our next-generation sequencing (NGS) technologies—such as Illumina and PacBio—provide comprehensive insights into microbial communities.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Services Table (Row-wise) */}
|
||||
<h3 className="text-lg font-semibold text-gray-800 mt-4 mb-2">Our sequencing services for Microbial Research includes:</h3>
|
||||
<table className="w-full border-collapse border border-gray-300">
|
||||
<tbody>
|
||||
<tr className="bg-gray-100">
|
||||
<td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">DNA Sequencing</td>
|
||||
<td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Whole Genome, ddRAD, Enrichment, SNP, Single Cell DNA, Microsatellites, Genome Mapping, Metagenomic Shotgun Sequencing, 16s/18s/ITS Amplicon Sequencing, Viral Metagenomic Sequencing</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">RNA Sequencing</td>
|
||||
<td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Total RNA, mRNA, Small RNA, Long Non-Coding, IncRNA, Metatranscriptomics, Iso Sequencing</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
46
app/components/Research/PlantResearch.jsx
Normal file
46
app/components/Research/PlantResearch.jsx
Normal file
@ -0,0 +1,46 @@
|
||||
import Image from 'next/image';
|
||||
|
||||
export default function PlantResearch() {
|
||||
return (
|
||||
<div id="plant-research" className="bg-white p-6 rounded-lg shadow-md">
|
||||
{/* Heading (Above Image and Text) */}
|
||||
<h2 className="text-3xl font-bold text-gray-800 mb-4">Plant Research</h2>
|
||||
{/* Flex container for image and text (description paragraphs) */}
|
||||
<div className="flex flex-col md:flex-row gap-6 mb-6">
|
||||
{/* Image Section (Left) */}
|
||||
<div className="flex-shrink-0 md:w-1/3">
|
||||
<Image
|
||||
src="/images/blog/plant_fni.jpg"
|
||||
alt="Plant Research"
|
||||
width={300}
|
||||
height={200}
|
||||
className="object-cover rounded-lg w-full h-48 md:h-full"
|
||||
/>
|
||||
</div>
|
||||
{/* Text Section (Right) */}
|
||||
<div className="flex-1">
|
||||
<p className="text-gray-600 mb-4">
|
||||
Plants are the foundation of life on Earth, and understanding their genetic makeup is key to improving crop production, disease resistance, and sustainability. Genomic sequencing enables researchers to identify the genes responsible for important traits such as yield, stress tolerance, and disease resistance. Our next-generation sequencing (NGS) solutions provide the tools necessary to generate accurate reference genomes, study genetic variations, and accelerate the discovery of traits that can help address global agricultural challenges.
|
||||
</p>
|
||||
<p className="text-gray-600 mb-4">
|
||||
Whether you're working on crop improvement or exploring the genetic basis of plant resilience, our comprehensive NGS methods provide you with fast, reliable insights into plant genomes. We offer a range of services including whole-genome sequencing, exome sequencing, and targeted sequencing for gene discovery and trait analysis. With our plant genomics solutions, you can improve breeding programs and develop more resilient, high-yielding crops for the future.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Services Table (Row-wise) */}
|
||||
<h3 className="text-lg font-semibold text-gray-800 mt-4 mb-2">Our sequencing services for Plant Research includes:</h3>
|
||||
<table className="w-full border-collapse border border-gray-300">
|
||||
<tbody>
|
||||
<tr className="bg-gray-100">
|
||||
<td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">DNA Sequencing</td>
|
||||
<td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Whole Genome (Short Read, Long Read, Hybrid), Enrichment (Whole Exome, Amplicon and Targeted), Single Cell DNA, Genome Mapping, Genotyping (Based on SNP, ddRAD, Microsatellites)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="border border-gray-300 px-3 py-2 text-left font-semibold text-teal-700 w-1/4">RNA Sequencing</td>
|
||||
<td className="border border-gray-300 px-3 py-2 align-top p-2" style={{ color: '#555555' }}>Total RNA, mRNA, Small RNA, Long Non-Coding, IncRNA, Iso Sequencing</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
35
app/components/Research/ResearchHero.jsx
Normal file
35
app/components/Research/ResearchHero.jsx
Normal file
@ -0,0 +1,35 @@
|
||||
import React from 'react';
|
||||
|
||||
const ResearchHero = () => {
|
||||
return (
|
||||
<section
|
||||
className="relative bg-cover bg-center py-6 h-24"
|
||||
style={{ backgroundImage: "url('images/bredcrumb.jpg')" }}
|
||||
>
|
||||
{/* Breadcrumb */}
|
||||
<div className="relative z-10 mb-1 -mt-3">
|
||||
<div className="container mx-auto max-w-none px-4">
|
||||
<nav className="flex items-center space-x-2 text-sm">
|
||||
<a href="/" className="text-white hover:text-yellow-400 underline">Home</a>
|
||||
<span className="text-white">
|
||||
<svg className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd" />
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-white">Research Area</span>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Page Title */}
|
||||
<div className="relative z-10 text-center -mt-2">
|
||||
<h1 className="text-4xl md:text-5xl font-bold text-white mb-2">
|
||||
Research Area
|
||||
</h1>
|
||||
<div className="w-16 h-1 bg-yellow-400 mx-auto"></div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default ResearchHero;
|
||||
82
app/components/Research/ResearchSection.jsx
Normal file
82
app/components/Research/ResearchSection.jsx
Normal file
@ -0,0 +1,82 @@
|
||||
import React from 'react';
|
||||
import Image from 'next/image';
|
||||
import Link from 'next/link';
|
||||
|
||||
const ResearchCard = ({ image, title, description, link }) => (
|
||||
<Link href={link} className="block">
|
||||
<div className="flex flex-col sm:flex-row items-start gap-4 p-4 sm:p-6 rounded-2xl sm:rounded-3xl shadow-sm hover:shadow-lg transition-all duration-300 group relative" style={{ backgroundColor: '#f2fcfc' }}>
|
||||
{/* Image Section */}
|
||||
<div className="flex-shrink-0 w-full sm:w-auto">
|
||||
<div className="relative overflow-hidden rounded-xl sm:rounded-2xl">
|
||||
<Image
|
||||
src={image}
|
||||
alt={title}
|
||||
width={180}
|
||||
height={140}
|
||||
className="object-cover w-full h-48 sm:w-44 sm:h-36 group-hover:scale-105 transition-transform duration-300"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content Section */}
|
||||
<div className="flex-1 pt-1 pb-12 sm:pb-12">
|
||||
<h3 className="text-lg sm:text-lg font-semibold text-teal-700 mb-3 leading-tight">{title}</h3>
|
||||
<p className="text-gray-600 leading-relaxed text-sm text-justify pr-4 sm:pr-0">{description}</p>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
);
|
||||
|
||||
const ResearchSection = () => {
|
||||
const researchAreas = [
|
||||
{
|
||||
image: "/images/blog/plant_fni.jpg",
|
||||
title: "Plant Research",
|
||||
description: "Enable researchers to generate accurate reference genomes for plants, study genetic variations, and identify genes related to traits like yield, disease resistance, and stress tolerance.",
|
||||
link: "/research#plant-research"
|
||||
},
|
||||
{
|
||||
image: "/images/blog/animan_fni.jpg",
|
||||
title: "Animal Research",
|
||||
description: "Enable researchers to study the genetic diversity of animal populations, trace ancestry, identify disease-resistant genes, and analyze gene expression patterns.",
|
||||
link: "/research#animal-research"
|
||||
},
|
||||
{
|
||||
image: "/images/blog/microbial_fn.jpg",
|
||||
title: "Microbial Research",
|
||||
description: "Enable pathogen identification, outbreak tracking, and studying antimicrobial resistance by sequencing the genomes of bacteria, viruses, and other microbes.",
|
||||
link: "/research#microbial-research"
|
||||
},
|
||||
{
|
||||
image: "/images/blog/human_fn.jpg",
|
||||
title: "Human Research",
|
||||
description: "Enable rapid sequencing of genomes or exomes to identify genomic alterations associated with rare and complex disorders.",
|
||||
link: "/research#human-research"
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<section id="research" className="py-6 sm:py-8 bg-white">
|
||||
<div className="container mx-auto max-w-none px-6">
|
||||
<div className="mb-8">
|
||||
<h2 className="text-4xl font-bold text-teal-700 mb-4">Research Area</h2>
|
||||
</div>
|
||||
|
||||
{/* Grid layout - 1 column on mobile, 2 columns on desktop */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-4 sm:gap-6">
|
||||
{researchAreas.map((area, index) => (
|
||||
<ResearchCard
|
||||
key={index}
|
||||
image={area.image}
|
||||
title={area.title}
|
||||
description={area.description}
|
||||
link={area.link}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default ResearchSection;
|
||||
Reference in New Issue
Block a user