Docker config
This commit is contained in:
43
app/components/CTA/CTASection.jsx
Normal file
43
app/components/CTA/CTASection.jsx
Normal file
@ -0,0 +1,43 @@
|
||||
import React from 'react';
|
||||
import Image from 'next/image';
|
||||
|
||||
const CTASection = () => {
|
||||
return (
|
||||
<section className="py-6">
|
||||
<div className="container mx-auto max-w-none px-6">
|
||||
<div className="rounded-3xl p-8 lg:p-12 text-center" style={{ backgroundColor: '#2a6564' }}>
|
||||
<h2 className="text-3xl lg:text-4xl font-bold text-white mb-8">
|
||||
Feeling Overwhelmed About Designing Your Experiment?
|
||||
</h2>
|
||||
|
||||
<div className="mb-8">
|
||||
<Image
|
||||
src="/images/homepage-2/Scientist.png"
|
||||
alt="Scientist"
|
||||
width={1000}
|
||||
height={800}
|
||||
className="rounded-2xl mx-auto max-w-full h-auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<h3 className="text-2xl lg:text-3xl font-bold text-yellow-400 mb-6">
|
||||
Operify Has You Covered
|
||||
</h3>
|
||||
|
||||
<p className="text-white text-base lg:text-xl leading-relaxed max-w-4xl mx-auto mb-8">
|
||||
We offer comprehensive assistance for planning your experiment, including design,
|
||||
execution, and evaluation of your sequencing project. Consult with our scientists
|
||||
and bioinformatics experts to tailor a workflow that suits your needs, process
|
||||
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">
|
||||
Enquire Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default CTASection;
|
||||
Reference in New Issue
Block a user