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

flowchart changes updated

Browse Source
This commit is contained in:
mukesh13
2025-09-04 02:33:03 +05:30
parent 3f803ac0c9
commit 78a56a061b
65 changed files with 2234 additions and 992 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/components/CTA/CTASection.jsx
View File

@ -1,7 +1,16 @@
"use client";
import React from 'react';
import Image from 'next/image';
import { useRouter } from 'next/navigation';
const CTASection = () => {
const router = useRouter();
const handleEnquireClick = () => {
router.push('/contact-us');
};
return (
<section className="py-6">
<div className="container mx-auto max-w-none px-6">
@ -31,7 +40,10 @@ const CTASection = () => {
your samples, and generate your first NGS dataset.
</p>
<button className="bg-yellow-400 text-white px-8 py-4 rounded-full text-lg font-semibold hover:bg-yellow-300 transition-colors">
<button
onClick={handleEnquireClick}
className="bg-yellow-400 text-white px-8 py-4 rounded-full text-lg font-semibold hover:bg-yellow-300 transition-colors"
>
Enquire Now
</button>
</div>

35
app/components/Layout/Footer.jsx
View File

@ -1,4 +1,5 @@
// components/Layout/Footer.jsx
'use client';
import React from 'react';
import Link from 'next/link';
import Image from 'next/image';
@ -71,11 +72,11 @@ const Footer = () => {
<div>
<h3 className="text-xl font-semibold mb-6 text-white">Services</h3>
<ul className="space-y-3 text-teal-100">
<li className="hover:text-white transition-colors cursor-pointer">DNA Sequencing</li>
<li className="hover:text-white transition-colors cursor-pointer">RNA Sequencing</li>
<li className="hover:text-white transition-colors cursor-pointer">Genotyping</li>
<li className="hover:text-white transition-colors cursor-pointer">Bioinformatics Services</li>
<li className="hover:text-white transition-colors cursor-pointer">Long Read Sequencing</li>
<li className="hover:text-[#faae31] transition-colors cursor-pointer">DNA Sequencing</li>
<li className="hover:text-[#faae31] transition-colors cursor-pointer">RNA Sequencing</li>
<li className="hover:text-[#faae31] transition-colors cursor-pointer">Genotyping</li>
<li className="hover:text-[#faae31] transition-colors cursor-pointer">Bioinformatics Services</li>
<li className="hover:text-[#faae31] transition-colors cursor-pointer">Long Read Sequencing</li>
</ul>
</div>
@ -83,12 +84,12 @@ const Footer = () => {
<div>
<h3 className="text-xl font-semibold mb-6 text-white">Useful Link</h3>
<ul className="space-y-3">
<li><Link href="/" className="text-teal-100 hover:text-white transition-colors">Home</Link></li>
<li><Link href="#research" className="text-teal-100 hover:text-white transition-colors">Research</Link></li>
<li><Link href="#" className="text-teal-100 hover:text-white transition-colors">Health</Link></li>
<li><Link href="/sample-submission-guideline" className="text-teal-100 hover:text-white transition-colors">Knowledge Hub</Link></li>
<li><Link href="/company" className="text-teal-100 hover:text-white transition-colors">About Us</Link></li>
<li><Link href="/contact-us" className="text-teal-100 hover:text-white transition-colors">Contact</Link></li>
<li><Link href="/" className="text-teal-100 hover:text-[#faae31] transition-colors">Home</Link></li>
<li><Link href="#research" className="text-teal-100 hover:text-[#faae31] transition-colors">Research</Link></li>
<li><Link href="#" className="text-teal-100 hover:text-[#faae31] transition-colors">Health</Link></li>
<li><Link href="/sample-submission-guideline" className="text-teal-100 hover:text-[#faae31] transition-colors">Knowledge Hub</Link></li>
<li><Link href="/company" className="text-teal-100 hover:text-[#faae31] transition-colors">About Us</Link></li>
<li><Link href="/contact-us" className="text-teal-100 hover:text-[#faae31] transition-colors">Contact</Link></li>
</ul>
</div>
@ -102,7 +103,7 @@ const Footer = () => {
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
</div>
<a href="mailto:info@operifytech.com" className="hover:text-white transition-colors">
<a href="mailto:info@operifytech.com" className="hover:text-[#faae31] transition-colors">
Info@operifytech.com
</a>
</div>
@ -112,7 +113,7 @@ const Footer = () => {
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
</div>
<a href="tel:01143046242" className="hover:text-white transition-colors">
<a href="tel:01143046242" className="hover:text-[#faae31] transition-colors">
01143046242
</a>
</div>
@ -122,7 +123,7 @@ const Footer = () => {
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
</div>
<a href="tel:9319171176" className="hover:text-white transition-colors">
<a href="tel:9319171176" className="hover:text-[#faae31] transition-colors">
9319171176
</a>
</div>
@ -139,11 +140,11 @@ const Footer = () => {
Copyright © 2025 <span className="text-gray-800 font-medium">Operify</span> All Rights Reserved.
</p>
<ul className="flex space-x-6 mt-3 md:mt-0">
<li><Link href="#" className="hover:text-gray-800 transition-colors">Privacy Policy</Link></li>
<li><Link href="#" className="transition-colors" style={{ ':hover': { color: '#faae31' } }} onMouseEnter={(e) => e.target.style.color = '#faae31'} onMouseLeave={(e) => e.target.style.color = ''}>Privacy Policy</Link></li>
<li className="text-gray-400">|</li>
<li><Link href="#" className="hover:text-gray-800 transition-colors">Term And Condition</Link></li>
<li><Link href="#" className="transition-colors" style={{ ':hover': { color: '#faae31' } }} onMouseEnter={(e) => e.target.style.color = '#faae31'} onMouseLeave={(e) => e.target.style.color = ''}>Term And Condition</Link></li>
<li className="text-gray-400">|</li>
<li><Link href="#" className="hover:text-gray-800 transition-colors">FAQ</Link></li>
<li><Link href="#" className="transition-colors" style={{ ':hover': { color: '#faae31' } }} onMouseEnter={(e) => e.target.style.color = '#faae31'} onMouseLeave={(e) => e.target.style.color = ''}>FAQ</Link></li>
</ul>
</div>
</div>

2
app/components/Layout/Header.jsx
View File

@ -146,7 +146,7 @@ const Header = () => {
href="/dna-sequencing/enrichment-sequencing/targeted-sequencing"
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-teal-600"
>
Targeted DNA Sequencing
Custom DNA Sequencing
</Link>
</li>
</ul>

4
app/components/Research/AnimalResearch.jsx
View File

@ -23,7 +23,7 @@ export default function AnimalResearch() {
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.
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 Custom 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>
@ -33,7 +33,7 @@ export default function AnimalResearch() {
<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>
<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 Custom), 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>

2
app/components/SampleGuideline/PageTitle.jsx
View File

@ -4,7 +4,7 @@ const PageTitle = () => {
return (
<section
className="relative bg-cover bg-center py-4 sm:py-6 h-auto sm:h-32 md:h-40 lg:h-24 min-h-[120px] sm:min-h-[120px]"
style={{ backgroundImage: "url('images/bredcrumb.jpg')" }}
style={{ backgroundImage: "url('/images/bredcrumb.jpg')" }}
>
{/* Breadcrumb */}
<div className="relative z-10 mb-2 sm:mb-1 pt-2 sm:pt-0 sm:-mt-3 lg:-mt-3">

4
app/components/shared/IntroductionLayout.jsx
View File

@ -53,12 +53,12 @@ const CombinedWorkflowLayout = ({
</div>
{/* Right Column - Workflow Image */}
<div className="relative flex items-center justify-center p-4">
<div className="relative flex items-start justify-center p-4">
{imageUrl ? (
<img
src={imageUrl}
alt={imageAlt}
className="max-w-full max-h-full object-contain"
className="max-w-full min-h-90px object-contain"
/>
) : (
<div className="text-gray-400 text-center">

10
app/components/shared/SpecificationsLayout.jsx
View File

@ -5,7 +5,7 @@ const SpecificationsLayout = ({
title = "Service Specifications",
specificationItems = [],
backgroundColor = "#e8f5f3",
iconBackgroundColor = "bg-teal-600"
iconBackgroundColor = "bg-orange-100"
}) => {
return (
<section className="py-8 lg:py-6">
@ -29,24 +29,24 @@ const SpecificationsLayout = ({
className="rounded-3xl p-8 h-full min-h-[280px] flex flex-col"
style={{ backgroundColor: backgroundColor }}
>
{/* Icon Circle */}
{/* Icon Circle - Updated to match AdvantagesSection */}
<div className="flex justify-center mb-6">
<div className={`w-16 h-16 ${iconBackgroundColor} rounded-full flex items-center justify-center`}>
<img
src={spec.icon}
className="w-14 h-14 object-contain brightness-0 invert"
className="w-10 h-10 object-contain"
alt={`${spec.title} Icon`}
/>
</div>
</div>
{/* Title */}
<h3 className="text-center text-gray-800 text-lg font-semibold mb-4">
<h3 className="text-center text-teal-700 text-lg font-semibold mb-4">
{spec.title}
</h3>
{/* Content */}
<div className="text-gray-700 text-sm leading-relaxed text-center flex-grow flex items-center justify-center">
<div className="text-gray-700 text-sm leading-relaxed text-center flex-grow flex items-start justify-center">
<div className="w-full">
{spec.renderContent ? spec.renderContent() : (
<div className="text-gray-600">