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

27
app/(public)/_homeComponents/Testimonials.tsx
View File

@@ -20,16 +20,13 @@ const Testimonials = () => {
<section id="testimonials" 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-[#c3dbe0] text-[#0d0d0d] 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">
TESTIMONIALS
</span>
<h2 className="text-4xl md:text-5xl font-bold mb-6 text-[#0d0d0d]">
Loved by{" "}
<span className="bg-gradient-to-r from-[#13afdc] to-[#c3dbe0] bg-clip-text text-transparent">
Our Clients
</span>
Loved by Our Clients
</h2>
<p className="text-xl text-[#7c7a7c] max-w-3xl mx-auto">
<p className="text-xl text-black max-w-3xl mx-auto">
See what our customers have to say about their experience
</p>
</AnimatedSection>
@@ -42,25 +39,25 @@ const Testimonials = () => {
animate={{ opacity: 1, x: 0 }}
exit={{ opacity: 0, x: -60 }}
transition={{ duration: 0.5, ease: "easeInOut" }}
className="bg-gradient-to-br from-[#c3dbe0] to-white rounded-3xl p-12 shadow-xl"
className="bg-[#2563eb] rounded-3xl p-12 shadow-xl"
>
<Quote className="w-12 h-12 text-[#13afdc] mb-6" />
<Quote className="w-12 h-12 text-white mb-6" />
<p className="text-2xl text-[#0d0d0d] mb-8 leading-relaxed italic">
<p className="text-2xl text-white mb-8 leading-relaxed italic">
"{testimonial.content}"
</p>
<div className="flex items-center gap-4">
<div className="w-16 h-16 rounded-full bg-gradient-to-br from-[#13afdc] to-[#c3dbe0] flex items-center justify-center text-3xl">
<div className="w-16 h-16 rounded-full bg-blue-500 flex items-center justify-center text-3xl">
{testimonial.image}
</div>
<div>
<h4 className="font-bold text-lg text-[#0d0d0d]">
<h4 className="font-bold text-lg text-white">
{testimonial.name}
</h4>
<p className="text-[#7c7a7c]">{testimonial.role}</p>
<p className="text-[#13afdc] font-semibold">
<p className="text-white">{testimonial.role}</p>
<p className="text-white font-semibold">
{testimonial.company}
</p>
</div>
@@ -69,7 +66,7 @@ const Testimonials = () => {
{[...Array(testimonial.rating)].map((_, i) => (
<Star
key={i}
className="w-5 h-5 fill-[#13afdc] text-[#13afdc]"
className="w-5 h-5 fill-[#dccb13] text-[#dccb13]"
/>
))}
</div>
@@ -85,7 +82,7 @@ const Testimonials = () => {
onClick={() => setCurrentIndex(index)}
className={`h-3 rounded-full transition-all duration-300 ${
index === currentIndex
? "bg-[#13afdc] w-8"
? "bg-[#2563eb] w-8"
: "bg-gray-300 w-3 hover:bg-[#c3dbe0]"
}`}
/>