Ui cahnges and button linking

This commit is contained in:
2026-04-18 21:53:42 +05:30
parent 174faf5ccd
commit 7cd9585c8f
21 changed files with 292 additions and 210 deletions

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;