Get Started- Complete documentation overview

Hero section with headline, supporting copy, auth-aware CTA, and product image.

Location: src/components/templates/Hero.tsx

Quick Customisation

  • Headline / description - Update copy for your product
  • CTA - ButtonSignin (logged-in users go to config.auth.callbackUrl)
  • Image - Replace the Unsplash kit screenshot with your product shot
  • Social proof - Do not mount Unsplash face avatars by default; optional ui/TestimonialsAvatars only with real proof

Description

First viewport of the landing page. Communicates value and primary CTA without fake buyer social proof.

Usage

import Hero from "@/components/templates/Hero";

<Hero />

Features

  • Responsive layout (stack mobile, side-by-side desktop)
  • Auth-aware CTA
  • Product image on the right (replace demo Unsplash)
  • No default face-avatar strip

Related