feat: add GetStartedButton component with confetti effect on click

neopromic · Jan 5, 2025 · d8638ca · d8638ca
1 parent 9952ca3
commit d8638ca
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/app/_components/Landing/get-started-button.tsx b/app/_components/Landing/get-started-button.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import { ConfettiEffect } from "@/app/_lib/functions/confetti";
+import Link from "next/link";
+import { buttonVariants } from "../ui/button";
+
+const GetStartdButton = () => {
+  const handleClick = () => {
+    ConfettiEffect();
+  };
+
+  return (
+    <Link
+      href="/login"
+      onClick={handleClick}
+      className={buttonVariants({ variant: "default" })}
+    >
+      Começar agora
+    </Link>
+  );
+};
+
+export default GetStartdButton;