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)/contact/_components/BookDemo.tsx
View File

@@ -29,10 +29,7 @@ const BookDemoSection = () => {
animate={{ opacity: 1, y: 0 }}
className="text-4xl md:text-6xl font-extrabold text-gray-900"
>
🗓️ Book a Demo or{" "}
<span className="bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent">
Consultation
</span>
🗓️ Book a Demo or Consultation
</motion.h2>
<motion.p
@@ -52,7 +49,7 @@ const BookDemoSection = () => {
>
{features.map((item, index) => (
<div key={index} className="flex items-center gap-3">
<CheckCircle className="text-purple-600 w-6 h-6" />
<CheckCircle className="text-[#2563eb] w-6 h-6" />
<p className="text-gray-700 font-medium">{item}</p>
</div>
))}
@@ -66,7 +63,7 @@ const BookDemoSection = () => {
>
<Button
size="lg"
className="px-9 py-6 text-lg rounded-xl font-bold shadow-xl bg-purple-600 text-white hover:bg-purple-700 hover:scale-105 transition-transform"
className="px-9 py-6 text-lg rounded-xl font-bold shadow-xl bg-[#2563eb] hover:bg-blue-700 hover:scale-105 transition-transform"
>
<CalendarCheck className="mr-2 w-5 h-5" />
Book My Demo
@@ -74,7 +71,7 @@ const BookDemoSection = () => {
<Button
variant="outline"
size="lg"
className="px-9 py-6 text-lg rounded-xl font-bold border-2 text-purple-700 hover:bg-purple-100 transition-all"
className="px-9 py-6 text-lg rounded-xl font-bold border-2 text-blue-700 hover:bg-purple-100 transition-all"
>
<Send className="mr-2 w-5 h-5" />
Contact Sales

11
app/(public)/contact/_components/ChooseWinixco.tsx
View File

@@ -26,10 +26,7 @@ const ChooseWinixco = () => {
viewport={{ once: true }}
className="text-4xl md:text-5xl font-bold text-gray-900"
>
⭐ Why Businesses{" "}
<span className="bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent">
Choose Winixco
</span>
⭐ Why Businesses Choose Winixco
</motion.h2>
{/* Feature Grid */}
@@ -43,7 +40,7 @@ const ChooseWinixco = () => {
viewport={{ once: true }}
className="bg-white border border-gray-200 p-6 rounded-2xl shadow-sm hover:shadow-lg transition-all duration-300 flex items-center gap-4"
>
<item.icon className="w-8 h-8 text-purple-600" />
<item.icon className="w-8 h-8 text-[#2563eb]" />
<p className="text-lg text-gray-700 font-medium">{item.text}</p>
</motion.div>
))}
@@ -78,14 +75,14 @@ const WeLoveToHearFromYou = () => {
<div className="mt-10 flex flex-wrap justify-center gap-6">
<Link
href="#contact"
className="px-8 py-4 text-lg font-semibold rounded-xl bg-purple-600 hover:bg-purple-700 text-white transition-all hover:scale-105"
className="px-8 py-4 text-lg font-semibold rounded-xl bg-[#2563eb] hover:bg-blue-700 text-white transition-all hover:scale-105"
>
👉 Send Message
</Link>
<Link
href="#book-demo"
className="px-8 py-4 text-lg font-semibold rounded-xl border-2 border-purple-600 text-purple-700 hover:bg-purple-50 transition-all hover:scale-105"
className="px-8 py-4 text-lg font-semibold rounded-xl border-2 border-blue-600 text-[#2563eb] hover:bg-purple-50 transition-all hover:scale-105"
>
👉 Book a Demo
</Link>

2
app/(public)/contact/_components/ContactForm.tsx
View File

@@ -142,7 +142,7 @@ const ContactForm: React.FC = () => {
<Button
onClick={handleSubmit}
size="lg"
className="w-full bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 text-white"
className="w-full bg-[#2563eb] hover:from-purple-700 hover:to-pink-700 text-white"
>
Send Message
<Send className="ml-2 w-5 h-5" />

4
app/(public)/contact/_components/GetInTouch.tsx
View File

@@ -25,7 +25,7 @@ const GetInTouch: React.FC = () => {
className="text-4xl md:text-5xl font-extrabold text-gray-900"
>
{CONTACT_DATA.getInTouch.title}
<span className="block mt-2 bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent">
<span className="block mt-2 bg-[#2563eb] bg-clip-text text-transparent">
Let’s Connect
</span>
</motion.h2>
@@ -64,7 +64,7 @@ const GetInTouch: React.FC = () => {
<p className="text-gray-600 text-sm mb-2">{method.description}</p>
<p className="font-semibold text-purple-700">{method.contact}</p>
<p className="font-semibold text-[#2563eb]">{method.contact}</p>
</motion.div>
))}
</div>

4
app/(public)/contact/_components/HappyCustomers.tsx
View File

@@ -31,7 +31,7 @@ const HappyCustomers: React.FC = () => (
</h2>
<Button
size="lg"
className="bg-gradient-to-r from-purple-600 to-blue-600 hover:from-purple-700 hover:to-blue-700 text-white"
className="bg-[#2563eb] hover:from-purple-700 hover:to-blue-700 text-white"
>
Try for FREE
</Button>
@@ -40,7 +40,7 @@ const HappyCustomers: React.FC = () => (
<div>
<div className="flex items-center gap-4 mb-8">
<div className="flex items-center gap-2">
<Users className="w-8 h-8 text-purple-600" />
<Users className="w-8 h-8 text-[#2563eb]" />
<div>
<p className="text-3xl font-bold text-gray-900">{CONTACT_DATA.customers.count}</p>
<p className="text-sm text-gray-600">{CONTACT_DATA.customers.label}</p>

19
app/(public)/contact/_components/HeroSection.tsx
View File

@@ -4,32 +4,19 @@ import { motion } from "framer-motion";
import { Badge } from "@/components/ui/badge";
const HeroSection: React.FC = () => (
<section className="relative overflow-hidden py-24">
{/* Animated Background Glow */}
<motion.div
className="absolute inset-0 opacity-20 pointer-events-none"
animate={{ scale: [1, 1.05, 1] }}
transition={{ duration: 10, repeat: Infinity }}
>
<div className="absolute w-96 h-96 bg-purple-400 blur-3xl rounded-full -top-10 -left-10"></div>
<div className="absolute w-80 h-80 bg-pink-400 blur-3xl rounded-full bottom-0 right-0"></div>
</motion.div>
<section className="relative overflow-hidden py-16 bg-[linear-gradient(135deg,_#FFFFFF_0%,_#F9FAFB_50%,_#DBEAFE_100%)]">
{/* Content */}
<motion.div
initial={{ opacity: 0, y: 30 }}
animate={{ opacity: 1, y: 0 }}
className="relative z-10 text-center px-6 max-w-4xl mx-auto"
>
<Badge className="mb-5 px-6 py-3 bg-purple-100 text-purple-700 tracking-wide">
<Badge className="mb-5 px-6 py-3 bg-blue-50 text-[#2563eb] tracking-wide">
#1 CUSTOMER SUPPORT
</Badge>
<h1 className="text-4xl md:text-6xl font-extrabold text-gray-900 leading-tight">
We’re Here to Help You{" "}
<span className="bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent">
Transform Your Business
</span>
We’re Here to Help You Transform Your Business
</h1>
<p className="text-lg md:text-xl mt-6 text-gray-600 max-w-3xl mx-auto leading-relaxed">

9
app/(public)/contact/_components/PartnerWithUs.tsx
View File

@@ -29,10 +29,7 @@ const PartnerWithUsSection = () => {
animate={{ opacity: 1, y: 0 }}
className="text-4xl md:text-5xl font-extrabold text-gray-900"
>
🤝 Partner With{" "}
<span className="bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent">
Winixco
</span>
🤝 Partner With Winixco
</motion.h2>
<p className="mt-6 text-lg text-gray-600 max-w-3xl mx-auto">
@@ -49,7 +46,7 @@ const PartnerWithUsSection = () => {
transition={{ delay: index * 0.1 }}
className="flex items-center gap-3"
>
<BadgeCheck className="text-purple-600 w-6 h-6" />
<BadgeCheck className="text-[#2563eb] w-6 h-6" />
<p className="text-gray-700 font-medium">{item}</p>
</motion.div>
))}
@@ -60,7 +57,7 @@ const PartnerWithUsSection = () => {
animate={{ opacity: 1, scale: 1 }}
className="mt-12"
>
<Button className="px-10 py-5 text-lg bg-purple-600 text-white font-bold rounded-xl shadow-lg hover:bg-purple-700 hover:scale-105 transition-all">
<Button className="px-10 py-5 text-lg bg-[#2563eb] text-white font-bold rounded-xl shadow-lg hover:bg-blue-700 hover:scale-105 transition-all">
Become a Partner
</Button>
</motion.div>

9
app/(public)/contact/_components/TechnicalSupport.tsx
View File

@@ -29,10 +29,7 @@ const TechnicalSupportSection = () => {
animate={{ opacity: 1, y: 0 }}
className="text-4xl md:text-5xl font-extrabold text-gray-900"
>
🛠️ Technical Support &{" "}
<span className="bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent">
Assistance
</span>
🛠️ Technical Support & Assistance
</motion.h2>
<p className="mt-6 text-lg text-gray-600 max-w-3xl mx-auto">
@@ -51,7 +48,7 @@ const TechnicalSupportSection = () => {
transition={{ delay: index * 0.1 }}
className="flex items-center gap-3"
>
<HelpCircle className="text-purple-600 w-6 h-6" />
<HelpCircle className="text-[#2563eb] w-6 h-6" />
<p className="text-gray-700 font-medium">{item}</p>
</motion.div>
))}
@@ -60,7 +57,7 @@ const TechnicalSupportSection = () => {
<div className="text-center mt-12">
<Button
variant="outline"
className="px-10 py-5 text-lg font-bold text-purple-700 border-2 rounded-xl hover:bg-purple-100 transition-all"
className="px-10 py-5 text-lg font-bold text-blue-700 border-2 rounded-xl hover:bg-purple-100 transition-all"
>
Contact Support
</Button>