Ui cahnges and button linking

app/(public)/_homeComponents/About.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React from "react";
 import { motion, Variants } from "framer-motion";
 import { Button } from "@/components/ui/button";
@@ -11,8 +12,10 @@ import {
   Sparkles,
 } from "lucide-react";
 import { home } from "@/services/Constants";
+import { useRouter } from "next/navigation";
 
 const AboutUs: React.FC = () => {
+  const router = useRouter();
   const containerVariants: Variants = {
     hidden: { opacity: 0 },
     visible: {
@@ -203,6 +206,7 @@ const AboutUs: React.FC = () => {
               <Button
                 size="lg"
                 className="bg-[#2563eb] text-white shadow-lg hover:shadow-xl transition-all duration-300"
+                onClick={() => router.push("/features")}
               >
                 {home.about.cta}
                 <ArrowRight className="ml-2 w-5 h-5" />