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

home page colour changed

Browse Source
This commit is contained in:
Sandip Chowdhury
2026-02-17 17:26:29 +05:30
parent f9747bcd68
commit 2493a05d53
14 changed files with 793 additions and 738 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,16 +20,16 @@ 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-purple-100 text-purple-700 rounded-full text-sm font-semibold mb-4">
<span className="inline-block px-4 py-2 bg-[#c3dbe0] text-[#0d0d0d] rounded-full text-sm font-semibold mb-4">
TESTIMONIALS
</span>
<h2 className="text-4xl md:text-5xl font-bold mb-6">
<h2 className="text-4xl md:text-5xl font-bold mb-6 text-[#0d0d0d]">
Loved by{" "}
<span className="bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent">
<span className="bg-gradient-to-r from-[#13afdc] to-[#c3dbe0] bg-clip-text text-transparent">
Our Clients
</span>
</h2>
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
<p className="text-xl text-[#7c7a7c] max-w-3xl mx-auto">
See what our customers have to say about their experience
</p>
</AnimatedSection>
@@ -42,25 +42,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-purple-50 to-pink-50 rounded-3xl p-12 shadow-xl"
className="bg-gradient-to-br from-[#c3dbe0] to-white rounded-3xl p-12 shadow-xl"
>
<Quote className="w-12 h-12 text-purple-300 mb-6" />
<Quote className="w-12 h-12 text-[#13afdc] mb-6" />
<p className="text-2xl text-gray-800 mb-8 leading-relaxed italic">
<p className="text-2xl text-[#0d0d0d] 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-purple-400 to-pink-400 flex items-center justify-center text-3xl">
<div className="w-16 h-16 rounded-full bg-gradient-to-br from-[#13afdc] to-[#c3dbe0] flex items-center justify-center text-3xl">
{testimonial.image}
</div>
<div>
<h4 className="font-bold text-lg text-gray-800">
<h4 className="font-bold text-lg text-[#0d0d0d]">
{testimonial.name}
</h4>
<p className="text-gray-600">{testimonial.role}</p>
<p className="text-purple-600 font-semibold">
<p className="text-[#7c7a7c]">{testimonial.role}</p>
<p className="text-[#13afdc] font-semibold">
{testimonial.company}
</p>
</div>
@@ -69,7 +69,7 @@ const Testimonials = () => {
{[...Array(testimonial.rating)].map((_, i) => (
<Star
key={i}
className="w-5 h-5 fill-yellow-400 text-yellow-400"
className="w-5 h-5 fill-[#13afdc] text-[#13afdc]"
/>
))}
</div>
@@ -85,8 +85,8 @@ const Testimonials = () => {
onClick={() => setCurrentIndex(index)}
className={`h-3 rounded-full transition-all duration-300 ${
index === currentIndex
? "bg-purple-600 w-8"
: "bg-gray-300 w-3 hover:bg-gray-400"
? "bg-[#13afdc] w-8"
: "bg-gray-300 w-3 hover:bg-[#c3dbe0]"
}`}
/>
))}
@@ -96,5 +96,5 @@ const Testimonials = () => {
</section>
);
};
export default Testimonials;
export default Testimonials;