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

UI styling update

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/PackagingShipping/DNASamples.jsx
View File

@ -5,7 +5,7 @@ const DNASamples = () => {
return (
<div className="space-y-6">
<div>
<h3 className="text-2xl font-semibold text-gray-700 mb-6">Shipping of DNA Samples</h3>
<h3 className="text-3xl font-bold text-teal-700 mb-4">Shipping of DNA Samples</h3>
</div>
<div className="flex flex-col lg:flex-row gap-6">

2
app/components/PackagingShipping/GeneralGuidelines.jsx
View File

@ -4,7 +4,7 @@ const GeneralGuidelines = () => {
return (
<div className="space-y-6">
<div>
<h3 className="text-2xl font-semibold mb-6" style={{ color: '#555555' }}>General Guidelines</h3>
<h3 className="text-3xl font-bold text-teal-700 mb-4">General Guidelines</h3>
</div>
<div className="space-y-6">

2
app/components/PackagingShipping/PackagingGuideline.jsx
View File

@ -4,7 +4,7 @@ const PackagingGuideline = () => {
return (
<div className="space-y-6">
<div>
<h3 className="text-2xl font-semibold mb-6" style={{ color: '#555555' }}>Packaging Guideline</h3>
<h3 className="text-3xl font-bold text-teal-700 mb-4">Packaging Guideline</h3>
</div>
<div className="space-y-6">

72
app/components/PackagingShipping/RNASamples.jsx
View File

@ -4,40 +4,50 @@ const RNASamples = () => {
return (
<div className="space-y-6">
<div>
<h3 className="text-2xl font-semibold mb-6" style={{ color: '#555555' }}>Shipping of RNA Samples</h3>
<h3 className="text-3xl font-bold text-teal-700 mb-4">Shipping of RNA Samples</h3>
</div>
<div className="space-y-6">
<p className="leading-relaxed" style={{ color: '#555555' }}>
Bioanalyzer QC report is advised to be shared from the client's end, in the
absence of which an agarose Gel Electrophoresis and Nanodrop quantification
to confirm the integrity of RNA must be shared. Samples with A260/280 ratio
values of ~1.8 are considered "pure" for DNA and will be accepted for
processing further.
</p>
<p className="leading-relaxed" style={{ color: '#555555' }}>
We require Bioanalyzer traces (or similar) for all customer-submitted
sequencing libraries and total RNA samples. If traces are not provided, we
will perform Bioanalyzer QC for an additional fee. If you can supply traces,
please include them into the shipment in hard copy. Also, ensure that your
samples meet the specified sample or library requirements [LINK].
</p>
<p className="leading-relaxed" style={{ color: '#555555' }}>
For large-scale projects, RNA samples can be submitted in strip tubes with
individually attached RNase-free caps. Pack the strips into racks (e.g.,
empty pipet tip boxes) and ensure they are secured to prevent movement
during transport.
</p>
<p className="leading-relaxed" style={{ color: '#555555' }}>
RNA, cells, bacteria, and frozen tissue samples should be stored in liquid
nitrogen for rapid freezing and then transported with dry ice. For longer
shipments, RNA samples can also be successfully shipped dry at room
temperature after LiCl/ethanol precipitation and ethanol washes; make sure
to mark the pellet's position on the tubes.
</p>
<ul className="list-disc list-inside space-y-4 leading-relaxed pl-4">
<li className="text-justify" style={{color: '#faae31'}}>
<span style={{color: '#555555'}}>
Bioanalyzer QC report is advised to be shared from the client's end, in the
absence of which an agarose Gel Electrophoresis and Nanodrop quantification
to confirm the integrity of RNA must be shared. Samples with A260/280 ratio
values of ~1.8 are considered "pure" for DNA and will be accepted for
processing further.
</span>
</li>
<li className="text-justify" style={{color: '#faae31'}}>
<span style={{color: '#555555'}}>
We require Bioanalyzer traces (or similar) for all customer-submitted
sequencing libraries and total RNA samples. If traces are not provided, we
will perform Bioanalyzer QC for an additional fee. If you can supply traces,
please include them into the shipment in hard copy. Also, ensure that your
samples meet the specified sample or library requirements [LINK].
</span>
</li>
<li className="text-justify" style={{color: '#faae31'}}>
<span style={{color: '#555555'}}>
For large-scale projects, RNA samples can be submitted in strip tubes with
individually attached RNase-free caps. Pack the strips into racks (e.g.,
empty pipet tip boxes) and ensure they are secured to prevent movement
during transport.
</span>
</li>
<li className="text-justify" style={{color: '#faae31'}}>
<span style={{color: '#555555'}}>
RNA, cells, bacteria, and frozen tissue samples should be stored in liquid
nitrogen for rapid freezing and then transported with dry ice. For longer
shipments, RNA samples can also be successfully shipped dry at room
temperature after LiCl/ethanol precipitation and ethanol washes; make sure
to mark the pellet's position on the tubes.
</span>
</li>
</ul>
</div>
</div>
);

2
app/components/PackagingShipping/ShippingSchedule.jsx
View File

@ -4,7 +4,7 @@ const ShippingSchedule = () => {
return (
<div className="space-y-6">
<div>
<h3 className="text-2xl font-semibold mb-6" style={{ color: '#555555' }}>Shipping Schedule and Address</h3>
<h3 className="text-3xl font-bold text-teal-700 mb-4">Shipping Schedule and Address</h3>
</div>
<div className="space-y-6">

2
app/components/PackagingShipping/ShippingTemperatureTable.jsx
View File

@ -129,7 +129,7 @@ const ShippingTemperatureTable = () => {
return (
<div className="space-y-6">
<div>
<h3 className="text-2xl font-semibold text-gray-700 mb-6">Shipping Temperature and Condition</h3>
<h3 className="text-3xl font-bold text-teal-700 mb-4">Shipping Temperature and Condition</h3>
</div>
<div className="space-y-6">

2
app/components/SampleGuideline/ContentSection.jsx
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">

76
app/components/SampleGuideline/GeneralGuidelines.jsx
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>

10
app/components/SampleGuideline/IntroSection.jsx
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

2
app/components/SampleGuideline/SearchSampleRequirements.jsx
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

4
app/components/SampleInitiation/ProcessSection.jsx
View File

@ -5,11 +5,11 @@ import SubmissionOptions from './SubmissionOptions';
const ProcessSection = () => {
return (
<section className="bg-white">
<div className="container mx-auto max-w-none px-4">
<div className="container max-w-none">
<div className="bg-white p-4 md:p-6">
{/* Main Title */}
<div className="text-left mb-4">
<h2 className="text-2xl md:text-4xl text-gray-600 font-normal">
<h2 className="text-3xl font-bold text-teal-700 mb-4">
Welcome to Our Online Submission Portal!
</h2>
</div>

6
app/components/SampleInitiation/ProcessSteps.jsx
View File

@ -46,8 +46,10 @@ const ProcessSteps = () => {
</h3>
<ul className="list-disc list-inside space-y-2 text-gray-700 leading-relaxed pl-4">
{step.items.map((item, index) => (
<li key={index} className="text-justify">
{item}
<li key={index} className="text-justify" style={{color: '#faae31'}}>
<span style={{color: '#374151'}}>
{item}
</span>
</li>
))}
</ul>

4
app/components/SampleInitiation/SampleInitiationPage.jsx
View File

@ -1,14 +1,14 @@
import React from 'react';
import PageTitle from './PageTitle';
import ProcessSection from './ProcessSection';
import ContactNote from './ContactNote';
// import ContactNote from './ContactNote';
const SampleInitiationPage = () => {
return (
<div className="page-content">
<PageTitle />
<ProcessSection />
<ContactNote />
{/* <ContactNote /> */}
</div>
);
};