Skip to main content

CTALogin

The CTALogin component is a call-to-action button for login/signup.

Usage​

import { CTALogin } from "@/components/buttons/CTALogin";
function HomePage() {
  return (
    <div>
      <h1>Welcome to Our App</h1>
      <CTALogin href="/login" text="Get Started" />
    </div>
  );
}

Props​

  • href: The URL to navigate to when clicked (default: "/login")
  • text: The text to display on the button (default: "Get Started")

Functionality​

  • Provides a styled button for user actions
  • Integrates with Next.js routing for navigation

Customization​

The component uses Tailwind CSS for styling. You can customize the appearance by modifying the CSS classes or updating the Tailwind configuration.

import { CTALogin } from "@/components/buttons/CTALogin";
function HomePage() {
  return (
    <div>
      <h1>Welcome to Our App</h1>
      <CTALogin href="/login" text="Get Started" />
    </div>
  );
}

Props​

  • href: The URL to navigate to when clicked (default: "/login")
  • text: The text to display on the button (default: "Get Started")

Functionality​

  • Provides a styled button for user actions
  • Integrates with Next.js routing for navigation

Customization​

The component uses Tailwind CSS for styling. You can customize the appearance by modifying the CSS classes or updating the Tailwind configuration.