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

32
app/(public)/ats/_components/CTA.tsx
View File

@@ -3,15 +3,14 @@
import React from "react";
import { motion } from "framer-motion";
import { Button } from "@/components/ui/button";
import {
ArrowRight,
Sparkles,
} from "lucide-react";
import { ArrowRight, Sparkles } from "lucide-react";
import { atsPageData } from "@/services/Constants";
import DemoModal from "../../_homeComponents/DemoModal";
import { useRouter } from "next/navigation";
// CTA Section Component
const CtaSection: React.FC = () => {
const router = useRouter();
return (
<section className="py-20 bg-[#2563eb] to-pink-600">
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
@@ -32,18 +31,23 @@ const CtaSection: React.FC = () => {
<Button
size="lg"
className="bg-white text-blue-700 hover:bg-gray-100 font-semibold px-8 py-6 text-lg shadow-xl"
onClick={() => router.push("https://app.winixco.com")}
>
{atsPageData.cta.primaryButton}
<Sparkles className="ml-2 w-5 h-5" />
</Button>
<Button
size="lg"
variant="outline"
className="border-2 border-white hover:bg-white/10 font-semibold px-8 py-6 text-lg"
>
{atsPageData.cta.secondaryButton}
<ArrowRight className="ml-2 w-5 h-5" />
</Button>
<DemoModal
trigger={
<Button
size="lg"
variant="outline"
className="border-2 border-white hover:bg-white/10 font-semibold px-8 py-6 text-lg"
>
{atsPageData.cta.secondaryButton}
<ArrowRight className="ml-2 w-5 h-5" />
</Button>
}
/>
</div>
</motion.div>
</div>
@@ -51,4 +55,4 @@ const CtaSection: React.FC = () => {
);
};
export default CtaSection
export default CtaSection;

26
app/(public)/ats/_components/Hero.tsx
View File

@@ -6,11 +6,12 @@ import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import { PlayCircle, ArrowRight, Sparkles } from "lucide-react";
import { atsPageData } from "@/services/Constants";
import DemoModal from "../../_homeComponents/DemoModal";
const HeroSection: React.FC = () => {
return (
<section className="relative py-24 md:py-32 bg-[linear-gradient(135deg,_#FFFFFF_0%,_#F9FAFB_50%,_#DBEAFE_100%)] overflow-hidden">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">
<motion.div
initial={{ opacity: 0, y: 20 }}
@@ -31,21 +32,26 @@ const HeroSection: React.FC = () => {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
<Button
size="lg"
className="bg-white text-blue-700 hover:bg-gray-100 font-semibold px-8 py-6 text-lg shadow-xl"
>
{atsPageData.hero.primaryCta}
<ArrowRight className="ml-2 w-5 h-5" />
</Button>
<Button
<DemoModal
trigger={
<Button
size="lg"
className="bg-white text-blue-700 hover:bg-gray-100 font-semibold px-8 py-6 text-lg shadow-xl"
>
{atsPageData.hero.primaryCta}
<ArrowRight className="ml-2 w-5 h-5" />
</Button>
}
/>
{/*<Button
size="lg"
variant="outline"
className="border-2 border-white hover:bg-white/10 font-semibold px-8 py-6 text-lg"
>
<PlayCircle className="mr-2 w-5 h-5" />
{atsPageData.hero.secondaryCta}
</Button>
</Button> */}
</div>
</motion.div>
</div>