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

Ui cahnges and button linking

Browse Source
This commit is contained in:
Sandip Chowdhury
2026-04-18 21:53:42 +05:30
parent 174faf5ccd
commit 7cd9585c8f
21 changed files with 292 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,14 +1,11 @@
"use client"
import React from 'react';
import { motion } from 'framer-motion';
import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge';
import {
Users,
Star
} from 'lucide-react';
import { CONTACT_DATA } from '@/services/Constants';
"use client";
import React from "react";
import { motion } from "framer-motion";
import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import { Users, Star } from "lucide-react";
import { CONTACT_DATA } from "@/services/Constants";
import DemoModal from "../../_homeComponents/DemoModal";
// Happy Customers Component
const HappyCustomers: React.FC = () => (
@@ -27,14 +24,21 @@ const HappyCustomers: React.FC = () => (
</Badge>
<h2 className="text-3xl md:text-4xl lg:text-5xl font-bold text-gray-900 mb-6">
{CONTACT_DATA.customers.title}
<span className="text-orange-600">{CONTACT_DATA.customers.highlight}</span>
<span className="text-orange-600">
{CONTACT_DATA.customers.highlight}
</span>
</h2>
<Button
size="lg"
className="bg-[#2563eb] hover:from-purple-700 hover:to-blue-700 text-white"
>
Try for FREE
</Button>
<DemoModal
trigger={
<Button
size="lg"
className="bg-[#2563eb] hover:from-purple-700 hover:to-blue-700 text-white"
>
Try for FREE
</Button>
}
/>
</div>
<div>
@@ -42,8 +46,12 @@ const HappyCustomers: React.FC = () => (
<div className="flex items-center gap-2">
<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>
<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>
</div>
</div>
</div>
@@ -59,7 +67,9 @@ const HappyCustomers: React.FC = () => (
whileHover={{ scale: 1.1 }}
>
<div className="bg-white rounded-xl p-4 shadow-md hover:shadow-lg transition-all duration-300 flex items-center justify-center h-20">
<span className={`font-bold text-lg ${logo.color}`}>{logo.name}</span>
<span className={`font-bold text-lg ${logo.color}`}>
{logo.name}
</span>
</div>
</motion.div>
))}
@@ -70,4 +80,4 @@ const HappyCustomers: React.FC = () => (
</motion.div>
);
export default HappyCustomers
export default HappyCustomers;