UI changes and color theme changed
This commit is contained in:
@@ -10,24 +10,20 @@ const Features = () => {
|
||||
return (
|
||||
<section
|
||||
id="features"
|
||||
className="py-24 bg-gradient-to-b from-[#c3dbe0]/40 to-white"
|
||||
className="py-24 bg-white"
|
||||
>
|
||||
<div className="max-w-7xl mx-auto px-4">
|
||||
<AnimatedSection className="text-center mb-16">
|
||||
<span className="inline-block px-4 py-2 bg-[#13afdc]/10 text-[#13afdc] rounded-full text-sm font-semibold mb-4">
|
||||
<span className="inline-block px-4 py-2 bg-blue-50 text-[#2563eb] rounded-full text-sm font-semibold mb-4">
|
||||
POWERFUL FEATURES
|
||||
</span>
|
||||
|
||||
<h2 className="text-4xl md:text-5xl font-bold mb-6 text-[#0d0d0d]">
|
||||
All-in-One ATS, HRMS & CRP{" "}
|
||||
<span className="bg-gradient-to-r from-[#13afdc] to-[#13afdc] bg-clip-text text-transparent">
|
||||
Solutions
|
||||
</span>
|
||||
Powerful Features Built for Modern Recruiting
|
||||
</h2>
|
||||
|
||||
<p className="text-xl text-[#7c7a7c] max-w-3xl mx-auto">
|
||||
Explore features across all our products designed to scale your
|
||||
hiring success.
|
||||
Everything you need to streamline your hiring process with AI-powered intelligence.
|
||||
</p>
|
||||
</AnimatedSection>
|
||||
|
||||
@@ -43,14 +39,14 @@ const Features = () => {
|
||||
<div
|
||||
className="
|
||||
w-14 h-14 rounded-xl
|
||||
bg-gradient-to-br from-[#13afdc] to-[#c3dbe0]
|
||||
bg-blue-100
|
||||
flex items-center justify-center
|
||||
mb-6
|
||||
group-hover:scale-110
|
||||
group-hover:scale-110
|
||||
transition-transform
|
||||
"
|
||||
>
|
||||
<div className="text-white">
|
||||
<div className="text-white text-3xl text-center">
|
||||
{feature.icon}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user