Fix: added router for the btn and remove a btn

src/components/home/hero.tsx

@@ -1,8 +1,10 @@
 import React from "react";
 import { ChevronRight, Shield, Users, Lock, MessageSquare } from "lucide-react";
 import { Button } from "@/components/ui/button";
+import { useRouter } from "next/navigation";
 
 const Hero = () => {
+  const router = useRouter()
   return (
     <section id="hero" className="relative">
       <div className="absolute inset-0 bg-grid-slate-900/[0.04] bg-[size:40px_40px] bg-no-repeat" />
@@ -28,9 +30,10 @@ const Hero = () => {
           <div className="flex flex-col sm:flex-row gap-4">
             <Button
               size="lg"
-              className="bg-gradient-to-r from-indigo-500 to-purple-700 hover:from-indigo-600 hover:to-purple-800 dark:text-white"
+              onClick={()=>router.push("/authentication")}
+              className="bg-gradient-to-r from-indigo-500 to-purple-700 hover:from-indigo-600 hover:to-purple-800 dark:text-white cursor-pointer"
             >
-              Get Early Access
+              Get Started.
               <ChevronRight className="ml-2 h-4 w-4" />
             </Button>
             <Button size="lg" variant="outline">

src/components/ui/Navbar.tsx

@@ -87,12 +87,6 @@ export default function Navbar() {
             </Button>
           )}
 
-          <Button
-            size="sm"
-            className="bg-gradient-to-r from-indigo-500 to-purple-700 hover:from-indigo-600 hover:to-purple-800 dark:text-white"
-          >
-            Join Waitlist
-          </Button>
         </div>
       </div>
     </header>