leadstocompany/ATS-HRMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI changes and color theme changed

Browse Source
This commit is contained in:
Sandip Chowdhury
2026-03-16 15:37:09 +05:30
parent b5a3569ee9
commit fdb3a19407
48 changed files with 409 additions and 333 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/(public)/crm/_components/Advantages.tsx
View File

@@ -13,7 +13,7 @@ import { crm } from "@/services/Constants";
const CRMAdvantages: React.FC = () => {
return (
<section className="py-20 px-4 bg-gradient-to-br from-blue-50 via-purple-50 to-pink-50">
<section className="py-20 px-4 bg-gradient-to-br from-blue-50 to-white">
<div className="container mx-auto max-w-7xl">
<motion.div
initial={{ opacity: 0, y: 20 }}
@@ -25,10 +25,7 @@ const CRMAdvantages: React.FC = () => {
Why Choose Us
</Badge>
<h2 className="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
Why Companies Choose{" "}
<span className="bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
Our CRM
</span>
Why Companies Choose Our CRM
</h2>
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
Boost sales performance, strengthen customer relationships, and grow faster with a modern CRM solution.
@@ -44,9 +41,9 @@ const CRMAdvantages: React.FC = () => {
viewport={{ once: true }}
transition={{ delay: idx * 0.1 }}
>
<Card className="bg-white border-2 border-gray-100 hover:border-purple-300 hover:shadow-2xl transition-all duration-300 h-full group">
<Card className="bg-white border-2 border-gray-100 hover:border-blue-300 hover:shadow-2xl transition-all duration-300 h-full group">
<CardContent className="pt-8">
<div className="w-14 h-14 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center mb-4 group-hover:scale-110 transition-transform shadow-md">
<div className="w-14 h-14 rounded-xl bg-[#2563eb] flex items-center justify-center mb-4 group-hover:scale-110 transition-transform shadow-md">
<div className="text-white">{advantage.icon}</div>
</div>
<h3 className="text-xl font-bold text-gray-900 mb-3 group-hover:text-blue-600 transition-colors">

4
app/(public)/crm/_components/CRMAnalytics.tsx
View File

@@ -8,7 +8,7 @@ import { crm } from "@/services/Constants";
const CRMAnalytics: React.FC = () => {
return (
<section className="py-20 px-4 bg-gradient-to-br from-purple-600 to-pink-600 text-white relative overflow-hidden">
<section className="py-20 px-4 bg-[#2563eb] text-white relative overflow-hidden">
<div className="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMC4wNSI+PHBhdGggZD0iTTM2IDE4YzAtOS45NC04LjA2LTE4LTE4LTE4UzAgOC4wNiAwIDE4czguMDYgMTggMTggMTggMTgtOC4wNiAxOC0xOCIvPjwvZz48L2c+PC9zdmc+')] opacity-30"></div>
<div className="container mx-auto max-w-7xl relative z-10">
@@ -18,7 +18,7 @@ const CRMAnalytics: React.FC = () => {
viewport={{ once: true }}
className="text-center mb-16"
>
<div className="w-16 h-16 mx-auto mb-6 rounded-2xl bg-gradient-to-br from-blue-400 to-purple-500 flex items-center justify-center shadow-2xl">
<div className="w-16 h-16 mx-auto mb-6 rounded-2xl bg-blue-500 flex items-center justify-center shadow-2xl">
<BarChart3 className="w-8 h-8 text-white" />
</div>

7
app/(public)/crm/_components/FAQ.tsx
View File

@@ -22,14 +22,11 @@ const FAQSection: React.FC = () => {
viewport={{ once: true }}
className="text-center mb-16"
>
<Badge className="mb-4 bg-purple-100 text-purple-700 border-purple-200">
<Badge className="mb-4 bg-blue-50 text-[#2563eb] border-blue-200">
FAQ
</Badge>
<h2 className="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
Frequently Asked{" "}
<span className="bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
Questions
</span>
Frequently Asked Questions
</h2>
<p className="text-xl text-gray-600">
Everything you need to know about our CRM Software

2
app/(public)/crm/_components/FinalCTA.tsx
View File

@@ -10,7 +10,7 @@ import { crm } from "@/services/Constants";
const FinalCTA: React.FC = () => {
return (
<section className="relative py-24 px-6 bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 text-white overflow-hidden">
<section className="relative py-24 px-6 bg-[#2563eb] text-white overflow-hidden">
{/* Animated Background Pattern */}
<motion.div
aria-hidden

6
app/(public)/crm/_components/Hero.tsx
View File

@@ -34,7 +34,7 @@ const CRMHero: React.FC = () => {
</Badge>
<h1 className="text-5xl md:text-6xl lg:text-6xl font-extrabold leading-tight text-gray-900 mb-6">
<span className="bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 bg-clip-text text-transparent">
<span className="bg-black bg-clip-text text-transparent">
A Powerful CRM
</span>
<br />
@@ -48,7 +48,7 @@ const CRMHero: React.FC = () => {
<div className="flex flex-col sm:flex-row gap-4">
<Button
size="lg"
className="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-lg px-8 py-6 shadow-lg hover:shadow-xl transition-all"
className="bg-[#2563eb] hover:from-blue-700 hover:to-purple-700 text-lg px-8 py-6 shadow-lg hover:shadow-xl transition-all"
>
{crm.hero.ctaPrimary} <ArrowRight className="ml-2 w-5 h-5" />
</Button>
@@ -88,7 +88,7 @@ const CRMHero: React.FC = () => {
/>
<div className="absolute -bottom-6 -right-6 bg-white rounded-2xl shadow-xl p-6 max-w-xs">
<div className="flex items-center gap-3">
<div className="w-12 h-12 bg-gradient-to-br from-green-400 to-emerald-600 rounded-xl flex items-center justify-center">
<div className="w-12 h-12 bg-[#2563eb] rounded-xl flex items-center justify-center">
<UserCheck className="w-7 h-7 text-white" />
</div>
<div>

8
app/(public)/crm/_components/Modules.tsx
View File

@@ -21,15 +21,13 @@ const ModulesOverview: React.FC = () => {
viewport={{ once: true }}
className="text-center mb-16"
>
<Badge className="mb-4 bg-purple-100 text-purple-700 border-purple-200">
<Badge className="mb-4 bg-blue-50 text-[#2563eb] border-blue-200">
Core CRM Features
</Badge>
<h2 className="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
CRM{" "}
<span className="bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
Modules Overview
</span>
CRM Modules Overview{" "}
</h2>
<p className="text-xl text-gray-600 max-w-3xl mx-auto">

9
app/(public)/crm/_components/WorkFlow.tsx
View File

@@ -24,14 +24,11 @@ const WorkflowProcess: React.FC = () => {
viewport={{ once: true }}
className="text-center mb-16"
>
<Badge className="mb-4 bg-green-100 text-green-700 border-green-200">
<Badge className="mb-4 bg-blue-50 text-[#2563eb] border-blue-200">
Simple Process
</Badge>
<h2 className="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
How{" "}
<span className="bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
CRM Works
</span>
How CRM Works
</h2>
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
Four simple steps to revolutionize your CRM Software
@@ -50,7 +47,7 @@ const WorkflowProcess: React.FC = () => {
>
<Card className="bg-gradient-to-br from-gray-50 to-white border-2 border-gray-100 hover:border-blue-300 hover:shadow-xl transition-all duration-300 h-full">
<CardContent className="pt-8 text-center">
<div className="w-16 h-16 mx-auto mb-4 rounded-full bg-gradient-to-br from-blue-600 to-purple-600 flex items-center justify-center text-white text-2xl font-bold shadow-lg">
<div className="w-16 h-16 mx-auto mb-4 rounded-full bg-[#2563eb] flex items-center justify-center text-white text-2xl font-bold shadow-lg">
{step.step}
</div>
<h3 className="text-2xl font-bold text-gray-900 mb-3">