UI styling update

This commit is contained in:
mukesh13
2025-08-21 10:21:32 +05:30
parent 04a9f5689b
commit 92a935f753
36 changed files with 501 additions and 402 deletions

View File

@ -18,7 +18,7 @@ const ContentSection = () => {
return (
<section className="pt-4 pb-8">
<div className="container mx-auto max-w-none px-4">
<div className="container max-w-none px-4">
<div className="grid xl:grid-cols-[280px_1fr] gap-8">
{/* LEFT SIDEBAR */}
<div className="xl:sticky xl:top-8">

View File

@ -4,46 +4,58 @@ const GeneralGuidelines = () => {
return (
<div className="space-y-6">
<div className="mb-6">
<h3 className="text-2xl font-semibold text-gray-600 mb-4">General Guidelines</h3>
<h3 className="text-3xl font-bold text-teal-700 mb-4">General Guidelines</h3>
</div>
<div className="prose max-w-none">
<ul className="space-y-4 text-gray-700 leading-relaxed pl-5">
<li className="list-disc">
Please complete the Sample Initiation Form (SIF), ensuring that the
sample names on the form match the labels on the sample tubes. We also
request that you send an electronic copy of the form and any required QC
data via email.
<ul className="space-y-4 text-gray-700 leading-relaxed pl-5" style={{listStyleType: 'disc'}}>
<li className="list-disc" style={{color: '#faae31'}}>
<span style={{color: '#374151'}}>
Please complete the Sample Initiation Form (SIF), ensuring that the
sample names on the form match the labels on the sample tubes. We also
request that you send an electronic copy of the form and any required QC
data via email.
</span>
</li>
<li className="list-disc">
Each tube should be labeled on the lid with a maximum of 4-6
alphanumeric characters (e.g., 4B0001). Use a black permanent marker to
write sample names on the top and side of each tube. Avoid writing
directly on the tube wall or cover with an oil pen.
<li className="list-disc" style={{color: '#faae31'}}>
<span style={{color: '#374151'}}>
Each tube should be labeled on the lid with a maximum of 4-6
alphanumeric characters (e.g., 4B0001). Use a black permanent marker to
write sample names on the top and side of each tube. Avoid writing
directly on the tube wall or cover with an oil pen.
</span>
</li>
<li className="list-disc">
DNA can be submitted in DNase-free water, Elution Buffer, or 10mM Tris
pH 8.0. DNA samples should have an OD260/280 ratio as close to 1.8~2.0
as possible. All DNA should be RNase-treated and free from degradation
or contamination. Ship with ice packs. The total amount of DNA required
depends on the specific application.
<li className="list-disc" style={{color: '#faae31'}}>
<span style={{color: '#374151'}}>
DNA can be submitted in DNase-free water, Elution Buffer, or 10mM Tris
pH 8.0. DNA samples should have an OD260/280 ratio as close to 1.8~2.0
as possible. All DNA should be RNase-treated and free from degradation
or contamination. Ship with ice packs. The total amount of DNA required
depends on the specific application.
</span>
</li>
<li className="list-disc">
RNA can be submitted in RNase-free water, RNA Stabilization Reagent, or
10mM Tris pH 8.0. All total RNA samples should be DNA-free, with an OD
A260/A280 ratio 1.8, A260/230 ratio 1.8, and a RIN 6. Ship with
dry ice. The total amount of RNA required depends on the specific
application. For Long Read Sequencing, RNA samples should have a RIN
8.
<li className="list-disc" style={{color: '#faae31'}}>
<span style={{color: '#374151'}}>
RNA can be submitted in RNase-free water, RNA Stabilization Reagent, or
10mM Tris pH 8.0. All total RNA samples should be DNA-free, with an OD
A260/A280 ratio 1.8, A260/230 ratio 1.8, and a RIN 6. Ship with
dry ice. The total amount of RNA required depends on the specific
application. For Long Read Sequencing, RNA samples should have a RIN
8.
</span>
</li>
<li className="list-disc">
The listed concentrations should be determined by fluorometry (e.g.,
PicoGreen/Qubit/RiboGreen). If using spectrophotometry (e.g., Nanodrop),
increase concentrations by approximately twofold.
<li className="list-disc" style={{color: '#faae31'}}>
<span style={{color: '#374151'}}>
The listed concentrations should be determined by fluorometry (e.g.,
PicoGreen/Qubit/RiboGreen). If using spectrophotometry (e.g., Nanodrop),
increase concentrations by approximately twofold.
</span>
</li>
<li className="list-disc">
The quality inspection method for the sizes and concentrations of the
Ready To Run Library is Qubit and Agilent Bioanalyzer.
<li className="list-disc" style={{color: '#faae31'}}>
<span style={{color: '#374151'}}>
The quality inspection method for the sizes and concentrations of the
Ready To Run Library is Qubit and Agilent Bioanalyzer.
</span>
</li>
</ul>
</div>

View File

@ -2,11 +2,11 @@ import React from 'react';
const IntroSection = () => {
return (
<section className="bg-white mx-4 md:mx-8 mt-4 mb-4 py-4">
<div className="container mx-auto max-w-none px-4">
<div className="text-gray-600 max-w-none leading-relaxed text-center">
<div className="text-base text-justify">
<p className="m-0">
<section className="py-0">
<div className="container-fluid">
<div className="bg-gradient-to-br from-teal-600 to-teal-700 text-white p-8 lg:p-8 flex items-center">
<div className="w-full">
<p className="leading-relaxed text-base text-justify m-0">
We humbly offer a wide range of services, including genomics, transcriptomics,
metagenomics, epigenomics, single-cell sequencing, genotyping, microarray,
bioinformatics, and more. To help us deliver the best results for you, we request you to

View File

@ -67,7 +67,7 @@ const SearchSampleRequirements = () => {
return (
<div className="space-y-6">
<div className="mb-6">
<h3 className="text-2xl font-semibold text-gray-600">Search Sample Requirements</h3>
<h3 className="text-3xl font-bold text-teal-700 mb-4">Search Sample Requirements</h3>
</div>
<SearchFilters