HeroSection

The HeroSection component is the main hero section of the homepage.

Usage

import HeroSection from "@/components/homepage/HeroSection";
function HomePage() {
  return (
    <HeroSection
      title="Welcome to Our App"
      subtitle="The best solution for your needs"
      poweredByStripeImage="/powered-by-stripe.svg"
      ctaLink="/login"
      ctaText="Get Started"
      ctaClassName="custom-cta-class"
    />
  );
}

Props

• title: The main title of the hero section
• subtitle: The subtitle or description
• poweredByStripeImage: The path to the "Powered by Stripe" image
• ctaLink: The URL for the call-to-action button
• ctaText: The text for the call-to-action button
• ctaClassName: Additional CSS classes for the CTA button (optional)

Functionality

• Displays a hero section with title, subtitle, and call-to-action
• Includes a "Powered by Stripe" image
• Provides a section for user ratings and testimonials

Customization

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